Before&After ® i U X BAmagazine.com Swipe it! Artistically erase part of an image, shaping it to fit the space Continued Continued  Swipe it! 0605 Before&After BAmagazine.com ® i U X Swipe it! Artistically erase part of an image, shaping it to fit the space Zinfandel Landscaping Zinfandel Landscaping Zinfandel Landscaping 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com Mrs Judy Hetzler Hetzler Insurance 652 Kettleman Lane Lodi, CA 95242 Mrs Judy Hetzler Hetzler Insurance 652 Kettleman Lane Lodi, CA 95242 Mrs Judy Hetzler Hetzler Insurance 652 Kettleman Lane Lodi, CA 95242 Dear Mrs Hetzler, Dear Mrs Hetzler, Dear Mrs Hetzler, Lorer at in veraestrud od doloborting essenit non er ad tetuerit aut lore magna feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu feugueriurem enis dolortie dolendionsed tat Duisl utpatue aessim niatum zzril ut dipit luptate te dunt pratio od et dit praesequi tetum iliquate molorperil dion velesenis eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat Lorer at in veraestrud od doloborting essenit non er ad tetuerit aut lore magna feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu feugueriurem enis dolortie dolendionsed tat Duisl utpatue aessim niatum zzril ut dipit luptate te dunt pratio od et dit praesequi tetum iliquate molorperil dion velesenis eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat Lorer at in veraestrud od doloborting essenit non er ad tetuerit aut lore magna feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu feugueriurem enis dolortie dolendionsed tat Duisl utpatue aessim niatum zzril ut dipit luptate te dunt pratio od et dit praesequi tetum iliquate molorperil dion velesenis eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat Ut luptat nullan utpat Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate ullam non ute feugiamet luptat nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er am in ullam autem am irit prat adionsequat, venisim nonum delese consequatue magna coreetum inci bla ad tio core tatum quipsus ipsummolore doloreet Ut luptat nullan utpat Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate ullam non ute feugiamet luptat nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er am in ullam autem am irit prat adionsequat, venisim nonum delese consequatue magna coreetum inci bla ad tio core tatum quipsus ipsummolore doloreet Ut luptat nullan utpat Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate ullam non ute feugiamet luptat nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er am in ullam autem am irit prat adionsequat, venisim nonum delese consequatue magna coreetum inci bla ad tio core tatum quipsus ipsummolore doloreet Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor iure dolestrud cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor iure dolestrud cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor iure dolestrud cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Sincerely, Sincerely, Sincerely, Mike Zinfandel mike@zinfandellandscaping.com Mike Zinfandel mike@zinfandellandscaping.com Mike Zinfandel mike@zinfandellandscaping.com Original Vibrant, impossible to read Ghost Functional but dull and busy Swipe Vibrant, with designer shape Here’s your problem: You have photo and type competing for the same space, and something has to give One possibility is to ghost the photo and overlay the type, but this drains its vibrancy, the very thing you like An alternative? Try erasing some of the photo, and turn it into a design element A feathered edge will soften its transition to the page  of  Swipe it! 0605 Before&After ® Swipe it! BAmagazine.com of i U X Watch for interaction Where’s the ideal place to make your swipe? Keep in mind that you want type and image to work together, so what you’re looking for is how they interact Zinfandel Landscaping 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com Mrs Judy Hetzler Hetzler Insurance 652 Kettleman Lane Lodi, CA 95242 Dear Mrs Hetzler, Lorer at in veraestrud od doloborting essenit non er ad tetuerit aut lore magna feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu feugueriurem enis dolortie dolendionsed tat Duisl utpatue aessim niatum zzril ut dipit luptate te dunt pratio od et dit praesequi tetum iliquate molorperil dion velesenis eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat Ut luptat nullan utpat Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate ullam non ute feugiamet luptat nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er am in ullam autem am irit prat adionsequat, venisim nonum delese consequatue magna coreetum inci bla ad tio core tatum quipsus ipsummolore doloreet (Above left) Even feathered, the swiped image has a definite edge that a hard left text margin amplifies, resulting in a visible, vertical column (Above right) A better solution puts the swipe on the right, where it feathers naturally into the ragged text Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor iure dolestrud cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Sincerely, Mike Zinfandel mike@zinfandellandscaping.com  of  Swipe it! 0605 Before&After ® Swipe it! BAmagazine.com of i U X Solve incompatible shapes Here, a horizontal image is incompatible with the vertical space Solution? Follow its natural lines, and fade the image into a sweeping composition Wyoming Wildlife Preserve Wyoming Wildlife Preserve Cherished supporters, Felestinim volore vel eriure magna consequ scidunt ad ea consed minibh elenit lumsan henit diatem quis alisis augue tat nonsenim vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am volesto conullamet iriusti nsectet non estisl irilisim autat Duisit, sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit velesenim Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure modion ulla feummolesto odit, consed dipit duis dolessi Dui blaore ulput ullum vullutpat el ea alis nullandre magna feugait acipit praesequat ese veratum iliquipit luptat aliquatum nibh ea amcon henibh el del exeros alis el dui tis augait praessendre dolobore veliquat eni Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh euisim nullaor riureet prat Dui tat wis accum velesto dolorer sequis alit er si tie dunt dolore dolore facip er sum diam niam, quip etum in ut lut accum doluptat Thank you, Jackson Philips Board Director Same color Cherished supporters, Felestinim volore vel eriure magna consequ scidunt ad ea consed minibh elenit lumsan henit diatem quis alisis augue tat nonsenim vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am volesto conullamet iriusti nsectet non estisl irilisim autat Duisit, sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit velesenim Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure modion ulla feummolesto odit, consed dipit duis dolessi Dui blaore ulput ullum vullutpat el ea alis nullandre magna feugait acipit praesequat ese veratum iliquipit luptat aliquatum nibh ea amcon henibh el del exeros alis el dui tis augait praessendre dolobore veliquat eni Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh euisim nullaor riureet prat Dui tat wis accum velesto dolorer sequis alit er si tie dunt dolore dolore facip er sum diam niam, quip etum in ut lut accum doluptat Thank you, Jackson Philips Board Director Image along the bottom anchors the page The panoramic backdrop fades slowly into the distance, leaving the viewer’s attention on the buffalo The dressy, willowy typeface, colored to match the grass, is a sophisticated contrast to the heavy, earthy scene  of  Swipe it! 0605 Before&After ® Swipe it! BAmagazine.com of i U X Make a photographic headline An airplane flashing across the sky is an immediate eye-catcher and a perfect visual “headline” to lead off the advertisement beneath AirShow Texture and flasp net exating end mist of it snooling Spaff forl isn’t The airplane’s fuselage and swipe sweep along the same line, reinforcing the motion and energy Instead of a heavy blue rectangle, note how the feathered image adds an appropriately atmospheric aura to the page cubular but quastic, leam restart that can’t prebast It’s tope, this fluant chasible Silk, shast, lape and behast the thin chack “It has larch to say fan.” Why? Elesara and order is fay of alm A card whint not oogum or bont Pretty simple, glead and tarm Texture and flasp net exating end mist of it snooling Spaff forl isn’t cubular but quastic, leam restart that can’t prebast It’s tope, this fluant chasible Silk, shast, lape and behast the thin chack “It has larch to say fan.” Why? Elesara and order is fay of alm A card whint not oogum or bont Pretty simple, glead and tarm Texture and flasp net exating end mist of it snooling Spaff forl isn’t cubular but quastic, leam restart that can’t prebast Fort Worth Air Field @ 10:30 am December 15, 2004  of  Swipe it! 0605 Before&After ® Swipe it! of BAmagazine.com i U X Spotlight a product A swipe can be any shape In this case, it’s an oval that fades not to white but to black, making a soft focal point appropriate for the subject matter An oval creates a soft spotlight that places focus on the keys It also softens the hard directional lines made by the keys Diagonal-running keys lead the eye to the type  of  Swipe it! 0605 Before&After ® Swipe it! BAmagazine.com of i U X Photoshop: How to make a swipe A swipe can have a hard edge or soft; a hard edge creates a high-contrast line, while a soft edge transitions gently into the background For a hard edge, just define your shape with the either the Marquee, Lasso or Pen tools, then Cut A soft edge requires feathering With your selection still active, go to Select>Feather, enter a Radius amount, then Cut 40 pixels Medium 80 pixels Soft Note: Pixel amounts will vary with image resolution; the higher the resolution, the more pixels you’ll specify Our results are with a 300 ppi image pixels Hard  of  Swipe it! 0605 Before&After Swipe it! ® BAmagazine.com of i U X Article resources Colors Typefaces 12 13 Zinfandel Landscaping 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com Cherished supporters, Mrs Judy Hetzler Hetzler Insurance 652 Kettleman Lane Lodi, CA 95242 Felestinim volore vel eriure magna consequ scidunt ad ea consed minibh elenit lumsan henit diatem quis alisis augue tat nonsenim vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am volesto conullamet iriusti nsectet non estisl irilisim autat Duisit, sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit velesenim Dear Mrs Hetzler, Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure modion ulla feummolesto odit, consed dipit duis dolessi Lorer at in veraestrud od doloborting essenit non er ad tetuerit aut lore magna feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu feugueriurem enis dolortie dolendionsed tat Duisl utpatue aessim niatum zzril ut dipit luptate te dunt pratio od et dit praesequi tetum iliquate molorperil dion velesenis eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat Ut luptat nullan utpat Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate ullam non ute feugiamet luptat nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er am in ullam autem am irit prat adionsequat, venisim nonum delese consequatue magna coreetum inci bla ad tio core tatum quipsus ipsummolore doloreet Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor iure dolestrud cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Sincerely, 11a Wyoming Wildlife Preserve Cochin Bold Italic | 18 pt Cochin Bold | 8.5/10.2 pt 15 Utopia Regular | 9/13 pt Dui blaore ulput ullum vullutpat el ea alis nullandre magna feugait acipit praesequat ese veratum iliquipit luptat aliquatum nibh ea amcon henibh el del exeros alis el dui tis augait praessendre dolobore veliquat eni 12 C0 M100 Y100 K40 13 C55 M50 Y100 K40 Coronet MT Bold | 72 pt Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh euisim nullaor riureet prat Dui tat wis accum velesto dolorer sequis alit er si tie dunt dolore dolore facip er sum diam niam, quip etum in ut lut accum doluptat 14 C100 M86 Y6 K2 Futura Book | 7.5/20 pt 15 C24 M33 Y50 K0 Thank you, Jackson Philips Board Director Futura Bold | 9/14 pt 11c Mike Zinfandel mike@zinfandellandscaping.com 16 C30 M25 Y55 K10 Carlton Plain | 35/42 pt Garamond | 8.5/10 pt 17 C32 M42 Y50 K32 (a–b) Helvetica Neue Heavy Extended a) 36 pt, b) 23 pt 11d 11b 16 AirShow Texture and flasp net exating end mist of it snooling Spaff forl isn’t cubular but quastic, leam restart that can’t prebast It’s tope, this fluant chasible Silk, shast, lape and behast the thin chack “It has larch to say fan.” Why? Elesara and order is fay of alm A card whint not oogum or 14 10 Sloop Script One | 168 pt bont Pretty simple, glead and tarm Texture and flasp net exating end 17 Images 9a 10 9b 11 (a–d) Photos.com | a b c d mist of it snooling Spaff forl isn’t cubular but quastic, leam restart that can’t prebast It’s tope, this fluant chasible Silk, shast, lape and behast the thin chack “It has larch to say fan.” Why? Elesara and order is fay of alm A card whint not oogum or bont Pretty simple, glead and tarm Texture and flasp net exating end mist of it snooling Spaff forl isn’t cubular but quastic, leam restart that can’t prebast Fort Worth Air Field @ 10:30 am December 15, 2004  of  Swipe it! 0605 Before&After ® Swipe it! BAmagazine.com of Subscribe to Before & After Did you enjoy this article? Subscribe, and become a more capable, confident designer for pennies per article To learn more, go to http://www.bamagazine.com/Subscribe i U X Before & After magazine Before & After has been sharing its practical approach to graphic design since 1990 Because our modern world has made designers of us all (ready or not), Before & After is dedicated to making graphic design understandable, useful and even fun for everyone To pass along a free copy of this article to John McWade Publisher and creative director Gaye McWade Associate publisher Vincent Pascual Staff designer Dexter Mark Abellera Staff designer others, click here Editorial board Gwen Amos, Carl Winther E-mail this article Join our e-list To be notified by e-mail of new articles as they become available, go to http://www.bamagazine.com/email Before & After magazine 323 Lincoln Street, Roseville, CA 95678 Telephone 916-784-3880 Fax 916-784-3995 E-mail mailbox@bamagazine.com www http://www.bamagazine.com Copyright ©2005 Before & After magazine, ISSN 1049-0035 All rights reserved You may pass this article around, but you may not alter it, and you may not charge for it You may quote brief sections for review If you this, please credit Before & After magazine, and let us know To feature free Before & After articles on your Web site, please contact us For permission to include all or part of this article in another work, please contact us  of | Printing formats  Swipe it! 0605 Before&After BAmagazine.com ® i U X Before & After is made to fit your binder Before & After articles are intended for permanent reference All are titled and numbered For the current table of contents, click here To save time and paper, a paper-saver format of this article, suitable for one- or two-sided printing, is provided on the following pages For presentation format Print: (Specify pages 1–9) For paper-saver format Print: (Specify pages 11–15) Print Format: Landscape Page Size: Fit to Page Save Presentation format or Paper-saver format  Back | Paper-saver format  0605 Swipe it! 0605  521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com Zinfandel Landscaping Swipe it! 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com Zinfandel Landscaping Artistically erase part of an image, shaping it to fit the space 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com Dear Mrs Hetzler, Mrs Judy Hetzler Hetzler Insurance 652 Kettleman Lane Lodi, CA 95242 Zinfandel Landscaping Dear Mrs Hetzler, Lorer at in veraestrud od doloborting essenit non er ad tetuerit aut lore magna feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu feugueriurem enis dolortie dolendionsed tat Duisl utpatue aessim niatum zzril ut dipit luptate te dunt pratio od et dit praesequi tetum iliquate molorperil dion velesenis eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat Mrs Judy Hetzler Hetzler Insurance 652 Kettleman Lane Lodi, CA 95242 Lorer at in veraestrud od doloborting essenit non er ad tetuerit aut lore magna feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu feugueriurem enis dolortie dolendionsed tat Duisl utpatue aessim niatum zzril ut dipit luptate te dunt pratio od et dit praesequi tetum iliquate molorperil dion velesenis eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat Ut luptat nullan utpat Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate ullam non ute feugiamet luptat nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er am in ullam autem am irit prat adionsequat, venisim nonum delese consequatue magna coreetum inci bla ad tio core tatum quipsus ipsummolore doloreet Dear Mrs Hetzler, Lorer at in veraestrud od doloborting essenit non er ad tetuerit aut lore magna feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu feugueriurem enis dolortie dolendionsed tat Duisl utpatue aessim niatum zzril ut dipit luptate te dunt pratio od et dit praesequi tetum iliquate molorperil dion velesenis eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat Ut luptat nullan utpat Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate ullam non ute feugiamet luptat nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er am in ullam autem am irit prat adionsequat, venisim nonum delese consequatue magna coreetum inci bla ad tio core tatum quipsus ipsummolore doloreet Sincerely, Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor iure dolestrud cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Mrs Judy Hetzler Hetzler Insurance 652 Kettleman Lane Lodi, CA 95242 Ut luptat nullan utpat Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate ullam non ute feugiamet luptat nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er am in ullam autem am irit prat adionsequat, venisim nonum delese consequatue magna coreetum inci bla ad tio core tatum quipsus ipsummolore doloreet Sincerely, Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor iure dolestrud cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Swipe it! Swipe Vibrant, with designer shape Mike Zinfandel mike@zinfandellandscaping.com Sincerely, Ghost Functional but dull and busy Mike Zinfandel mike@zinfandellandscaping.com Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor iure dolestrud cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Mike Zinfandel mike@zinfandellandscaping.com Original Vibrant, impossible to read Here’s your problem: You have photo and type competing for the same space, and something has to give One possibility is to ghost the photo and overlay the type, but this drains its vibrancy, the very thing you like An alternative? Try erasing some of the photo, and turn it into a design element A feathered edge will soften its transition to the page of Before&After | www.bamagazine.com  0605 Swipe it! Watch for interaction Same color Image along the bottom anchors the page The panoramic backdrop fades slowly into the distance, leaving the viewer’s attention on the buffalo The dressy, willowy typeface, colored to match the grass, is a sophisticated contrast to the heavy, earthy scene Swipe it! 0605  Mike Zinfandel mike@zinfandellandscaping.com Sincerely, Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor iure dolestrud cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Ut luptat nullan utpat Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate ullam non ute feugiamet luptat nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er am in ullam autem am irit prat adionsequat, venisim nonum delese consequatue magna coreetum inci bla ad tio core tatum quipsus ipsummolore doloreet Lorer at in veraestrud od doloborting essenit non er ad tetuerit aut lore magna feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu feugueriurem enis dolortie dolendionsed tat Duisl utpatue aessim niatum zzril ut dipit luptate te dunt pratio od et dit praesequi tetum iliquate molorperil dion velesenis eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat Dear Mrs Hetzler, Mrs Judy Hetzler Hetzler Insurance 652 Kettleman Lane Lodi, CA 95242 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com Zinfandel Landscaping Where’s the ideal place to make your swipe? Keep in mind that you want type and image to work together, so what you’re looking for is how they interact (Above left) Even feathered, the swiped image has a definite edge that a hard left text margin amplifies, resulting in a visible, vertical column (Above right) A better solution puts the swipe on the right, where it feathers naturally into the ragged text Solve incompatible shapes Thank you, Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh euisim nullaor riureet prat Dui tat wis accum velesto dolorer sequis alit er si tie dunt dolore dolore facip er sum diam niam, quip etum in ut lut accum doluptat Dui blaore ulput ullum vullutpat el ea alis nullandre magna feugait acipit praesequat ese veratum iliquipit luptat aliquatum nibh ea amcon henibh el del exeros alis el dui tis augait praessendre dolobore veliquat eni Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure modion ulla feummolesto odit, consed dipit duis dolessi Felestinim volore vel eriure magna consequ scidunt ad ea consed minibh elenit lumsan henit diatem quis alisis augue tat nonsenim vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am volesto conullamet iriusti nsectet non estisl irilisim autat Duisit, sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit velesenim Cherished supporters, Wyoming Wildlife Preserve Here, a horizontal image is incompatible with the vertical space Solution? Follow its natural lines, and fade the image into a sweeping composition Cherished supporters, Wyoming Wildlife Preserve Felestinim volore vel eriure magna consequ scidunt ad ea consed minibh elenit lumsan henit diatem quis alisis augue tat nonsenim vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am volesto conullamet iriusti nsectet non estisl irilisim autat Duisit, sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit velesenim Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure modion ulla feummolesto odit, consed dipit duis dolessi Dui blaore ulput ullum vullutpat el ea alis nullandre magna feugait acipit praesequat ese veratum iliquipit luptat aliquatum nibh ea amcon henibh el del exeros alis el dui tis augait praessendre dolobore veliquat eni Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh euisim nullaor riureet prat Dui tat wis accum velesto dolorer sequis alit er si tie dunt dolore dolore facip er sum diam niam, quip etum in ut lut accum doluptat Thank you, Jackson Philips Board Director Jackson Philips Board Director of Before&After | www.bamagazine.com  0605 Swipe it! Make a photographic headline The airplane’s fuselage and swipe sweep along the same line, reinforcing the motion and energy Instead of a heavy blue rectangle, note how the feathered image adds an appropriately atmospheric aura to the page 0605  December 15, 2004 Fort Worth Air Field @ 10:30 am cubular but quastic, leam restart that can’t prebast Texture and flasp net exating end mist of it snooling Spaff forl isn’t of alm A card whint not oogum or bont Pretty simple, glead and tarm the thin chack “It has larch to say fan.” Why? Elesara and order is fay can’t prebast It’s tope, this fluant chasible Silk, shast, lape and behast mist of it snooling Spaff forl isn’t cubular but quastic, leam restart that bont Pretty simple, glead and tarm Texture and flasp net exating end fan.” Why? Elesara and order is fay of alm A card whint not oogum or chasible Silk, shast, lape and behast the thin chack “It has larch to say cubular but quastic, leam restart that can’t prebast It’s tope, this fluant Texture and flasp net exating end mist of it snooling Spaff forl isn’t AirShow An airplane flashing across the sky is an immediate eye-catcher and a perfect visual “headline” to lead off the advertisement beneath Spotlight a product Swipe it! An oval creates a soft spotlight that places focus on the keys It also softens the hard directional lines made by the keys Diagonal-running keys lead the eye to the type A swipe can be any shape In this case, it’s an oval that fades not to white but to black, making a soft focal point appropriate for the subject matter of Before&After | www.bamagazine.com  Photoshop: How to make a swipe 9a 10 9b 17 16 11d 11c 15 b 10 Sloop Script One | 168 pt Images 11 (a–d) Photos.com | a 40 pixels Medium 80 pixels Soft A soft edge requires feathering With your selection still active, go to Select>Feather, enter a Radius amount, then Cut d Swipe it! 17 C32 M42 Y50 K32 16 C30 M25 Y55 K10 15 C24 M33 Y50 K0 14 C100 M86 Y6 K2 13 C55 M50 Y100 K40 12 C0 M100 Y100 K40 Colors Note: Pixel amounts will vary with image resolution; the higher the resolution, the more pixels you’ll specify Our results are with a 300 ppi image c (a–b) Helvetica Neue Heavy Extended a) 36 pt, b) 23 pt Garamond | 8.5/10 pt Carlton Plain | 35/42 pt Futura Bold | 9/14 pt Futura Book | 7.5/20 pt Coronet MT Bold | 72 pt Utopia Regular | 9/13 pt Cochin Bold | 8.5/10.2 pt Cochin Bold Italic | 18 pt Typefaces pixels Hard A swipe can have a hard edge or soft; a hard edge creates a high-contrast line, while a soft edge transitions gently into the background For a hard edge, just define your shape with the either the Marquee, Lasso or Pen tools, then Cut Jackson Philips Board Director Thank you, Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh euisim nullaor riureet prat Dui tat wis accum velesto dolorer sequis alit er si tie dunt dolore dolore facip er sum diam niam, quip etum in ut lut accum doluptat Dui blaore ulput ullum vullutpat el ea alis nullandre magna feugait acipit praesequat ese veratum iliquipit luptat aliquatum nibh ea amcon henibh el del exeros alis el dui tis augait praessendre dolobore veliquat eni Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure modion ulla feummolesto odit, consed dipit duis dolessi Felestinim volore vel eriure magna consequ scidunt ad ea consed minibh elenit lumsan henit diatem quis alisis augue tat nonsenim vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am volesto conullamet iriusti nsectet non estisl irilisim autat Duisit, sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit velesenim Cherished supporters, Wyoming Wildlife Preserve Article resources 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com Zinfandel Landscaping Mrs Judy Hetzler Hetzler Insurance 652 Kettleman Lane Lodi, CA 95242 Lorer at in veraestrud od doloborting essenit non er ad tetuerit aut lore magna feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu feugueriurem enis dolortie dolendionsed tat Duisl utpatue aessim niatum zzril ut dipit luptate te dunt pratio od et dit praesequi tetum iliquate molorperil dion velesenis eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat Dear Mrs Hetzler, Ut luptat nullan utpat Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate ullam non ute feugiamet luptat nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er am in ullam autem am irit prat adionsequat, venisim nonum delese consequatue magna coreetum inci bla ad tio core tatum quipsus ipsummolore doloreet Sincerely, Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor iure dolestrud cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Mike Zinfandel mike@zinfandellandscaping.com cubular but quastic, leam restart that can’t prebast It’s tope, this fluant Texture and flasp net exating end mist of it snooling Spaff forl isn’t AirShow chasible Silk, shast, lape and behast the thin chack “It has larch to say fan.” Why? Elesara and order is fay of alm A card whint not oogum or bont Pretty simple, glead and tarm Texture and flasp net exating end mist of it snooling Spaff forl isn’t cubular but quastic, leam restart that can’t prebast It’s tope, this fluant chasible Silk, shast, lape and behast the thin chack “It has larch to say fan.” Why? Elesara and order is fay of alm A card whint not oogum or bont Pretty simple, glead and tarm Texture and flasp net exating end mist of it snooling Spaff forl isn’t December 15, 2004 Fort Worth Air Field @ 10:30 am cubular but quastic, leam restart that can’t prebast of Before&After | www.bamagazine.com 0605  12 13 11a 11b 14 0605 Swipe it!  0605 Swipe it! Subscribe to Before & After Before & After magazine Before & After has been sharing its practical approach to graphic design since 1990 Because our modern world has made designers of us all (ready or not), Before & After is dedicated to making graphic design understandable, useful and even fun for everyone John McWade Publisher and creative director Gaye McWade Associate publisher Vincent Pascual Staff designer Dexter Mark Abellera Staff designer Editorial board Gwen Amos, Carl Winther Before & After magazine 323 Lincoln Street, Roseville, CA 95678 Telephone 916-784-3880 Fax 916-784-3995 E-mail mailbox@bamagazine.com www http://www.bamagazine.com Copyright ©2005 Before & After magazine, ISSN 1049-0035 All rights reserved You may pass this article around, but you may not alter it, and you may not charge for it You may quote brief sections for review If you this, please credit Before & After magazine, and let us know To feature free Before & After articles on your Web site, please contact us For permission to include all or part of this article in another work, please contact us Swipe it! 0605  Did you enjoy this article? Subscribe, and become a more capable, confident designer for pennies per article To learn more, go to http://www.bamagazine.com/Subscribe E-mail this article To pass along a free copy of this article to others, click here Join our e-list To be notified by e-mail of new articles as they become available, go to http://www.bamagazine.com/email of Before&After | www.bamagazine.com [...]... give One possibility is to ghost the photo and overlay the type, but this drains its vibrancy, the very thing you like An alternative? Try erasing some of the photo, and turn it into a design element A feathered edge will soften its transition to the page 1 of 5 Before&After | www.bamagazine.com  0605 Swipe it! Watch for interaction Same color Image along the bottom anchors the page The panoramic backdrop...0605 Swipe it! 0605  521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com Zinfandel Landscaping Swipe it! 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com Zinfandel Landscaping Artistically erase part of an image, shaping it to fit the space 521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566 www.zinfandellandscaping.com... immediate eye-catcher and a perfect visual “headline” to lead off the advertisement beneath Spotlight a product Swipe it! An oval creates a soft spotlight that places focus on the keys It also softens the hard directional lines made by the keys Diagonal-running keys lead the eye to the type A swipe can be any shape In this case, it s an oval that fades not to white but to black, making a soft focal point... lut accum doluptat Thank you, Jackson Philips Board Director Jackson Philips Board Director 2 of 5 Before&After | www.bamagazine.com  0605 Swipe it! Make a photographic headline The airplane’s fuselage and swipe sweep along the same line, reinforcing the motion and energy Instead of a heavy blue rectangle, note how the feathered image adds an appropriately atmospheric aura to the page 0605  December... in mind that you want type and image to work together, so what you’re looking for is how they interact (Above left) Even feathered, the swiped image has a definite edge that a hard left text margin amplifies, resulting in a visible, vertical column (Above right) A better solution puts the swipe on the right, where it feathers naturally into the ragged text Solve incompatible shapes Thank you, Lore elis... do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Mike Zinfandel mike@zinfandellandscaping.com Original Vibrant, impossible to read Here’s your problem: You have photo and type competing for the same space, and something has to give One... simple, glead and tarm Texture and flasp net exating end fan.” Why? Elesara and order is fay of alm A card whint not oogum or chasible Silk, shast, lape and behast the thin chack It has larch to say cubular but quastic, leam restart that can’t prebast It s tope, this fluant Texture and flasp net exating end mist of it snooling Spaff forl isn’t AirShow An airplane flashing across the sky is an immediate... volor ilit ipit iniat praesto odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla rperostrud magnaat Duisl ea at, quam, quisit nisl diat Swipe it! Swipe Vibrant, with designer shape Mike Zinfandel mike@zinfandellandscaping.com Sincerely, Ghost Functional but dull and busy Mike Zinfandel mike@zinfandellandscaping.com Duissec etuer senismodo eros essecte core dit ing el... quisit nisl diat Mike Zinfandel mike@zinfandellandscaping.com cubular but quastic, leam restart that can’t prebast It s tope, this fluant Texture and flasp net exating end mist of it snooling Spaff forl isn’t AirShow chasible Silk, shast, lape and behast the thin chack It has larch to say fan.” Why? Elesara and order is fay of alm A card whint not oogum or bont Pretty simple, glead and tarm Texture and... A swipe can have a hard edge or soft; a hard edge creates a high-contrast line, while a soft edge transitions gently into the background For a hard edge, just define your shape with the either the Marquee, Lasso or Pen tools, then Cut Jackson Philips Board Director Thank you, Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput ing ea atinim nibh exero exer acidunt niam dolorpe cipit