14
C COPYRIGHT © 2005–2006 NOBLE DESKTOP, LLC PAGE WWW.NOBLEDESKTOP.COM Advanced Special Effects ADOBE ILLUSTRATOR The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects and photographs. DOWNLOADING THE FILES 1. To download the files you’ll use in this exercise please visit: http://www.nobledesktop.com/goodies.html Under Advanced Adobe Illustrator Effects, click the appropriate link to the download the compressed PC or Mac files. 2. Once the file is downloaded and uncompressed you should have a folder named seminarFiles-earthConference containing two Illustrator files (.ai) and two photos (.tif). NOTE: These instructions are written for Illustrator CS but most things should work the same or similarly in recent versions. The Illustrator files however only work in Illustrator CS and newer. COLORING THE BACKGROUND 1. In Illustrator, go to File > Open and navigate to the seminarFiles-earthConference folder you downloaded. In that folder select earth conference-begin.ai and click Open. 2. We want to use a green color throughout this graphic and since we’ll be reusing it we’ll make it a color swatch. Find the Swatches palette. If you don’t see it, go into the Window menu and choose Swatches. 3. You’ll see numerous colors in the Swatches palette, and since we aren’t going to be using these default colors in our drawing let’s get rid of them. At the top right of the Swatches palette go into the menu ( ) and choose Select All Unused. 4. At the bottom right of the palette click the Delete ( ) button to get rid of them. (It will confirm that you want to delete them, just click Yes.) 5. To create our color swatch, at the top right of the Swatches palette go into the palette menu ( ) and choose New Swatch. 6. In the window that opens, set the following options and click OK when done: NOTE: Be sure to check on Global! That means this swatch will update all places we use it. So if we change the color later, all places in the drawing will change with one simple action! 7. Using the Selection ( ) tool, select the large yellow rectangle that is the size of the page. FINAL GOAL:

Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

  • Upload
    others

  • View
    11

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page �

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

TheobjectistocreateaposterwithaunifiedcolorschemebycompositingartworkdrawninIllustratorwithvariouseffectsandphotographs.

downloAdIng the fIles 1. Todownloadthefilesyou’lluseinthisexercisepleasevisit:

http://www.nobledesktop.com/goodies.html

Under Advanced Adobe Illustrator Effects,clicktheappropriatelinktothedownloadthecompressedPCorMacfiles.

2. OncethefileisdownloadedanduncompressedyoushouldhaveafoldernamedseminarFiles-earthConferencecontainingtwoIllustratorfiles(.ai)andtwophotos(.tif).

NOTE:TheseinstructionsarewrittenforIllustrator CSbutmostthingsshouldworkthesameorsimilarlyinrecentversions.TheIllustratorfileshoweveronlyworkinIllustratorCSandnewer.

colorIng the bAckground 1. InIllustrator,gotoFile > Open andnavigatetothe

seminarFiles-earthConferencefolderyoudownloaded.Inthatfolderselectearth conference-begin.aiandclick Open.

2. Wewanttouseagreencolorthroughoutthisgraphicandsincewe’llbereusingitwe’llmakeitacolorswatch.FindtheSwatchespalette.Ifyoudon’tseeit,gointotheWindowmenuandchooseSwatches.

3. You’llseenumerouscolorsintheSwatchespalette,andsincewearen’tgoingtobeusingthesedefaultcolorsinourdrawinglet’sgetridofthem.AtthetoprightoftheSwatchespalettegointothemenu ( )andchooseSelect All Unused.

4. AtthebottomrightofthepaletteclicktheDelete( )buttontogetridofthem.(Itwillconfirmthatyouwanttodeletethem,justclickYes.)

5. Tocreateourcolorswatch,atthetoprightoftheSwatchespalettegointothepalettemenu ( )andchooseNew Swatch.

6. Inthewindowthatopens,setthefollowingoptionsandclickOKwhendone:

NOTE:BesuretocheckonGlobal!Thatmeansthisswatchwillupdateallplacesweuseit.Soifwechangethecolorlater,allplacesinthedrawingwillchangewithonesimpleaction!

7. UsingtheSelection( )tool,selectthelargeyellowrectanglethatisthesizeofthepage.

fInAl goAl:

or

Page 2: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page 2

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

8. Wewanttochangetheyellowtothegreenswatchwejustcreated.InthetoolbarmakesureFillisactive(infrontofstroke)asshownbelow.

9. IntheSwatchespaletteclickontheearth greencolorswatchyoujustcreated.

stylIng the “swooshes” 1. Therearetwowhite(withblackoutline)swooshesgoingacrossthemiddleofthe

drawing.UsingtheSelection( )toolselectthetopswoosh.

2. HoldShiftandclickonthebottomswooshsobothswooshesarenowselected.

DoNOTdeselectorclickofftheswooshesuntilwesayso!

3. InthetoolbarmakesuretheFillisstillactive.

4. GototheSwatchespaletteandclickonthesameearth greenswatch.

5. Withtheswooshesstillselected,gointotheEffectmenuandfromthefirstStylizemenuchooseOuter Glow.

6. SetthesettingsshownbelowandclickOK:

clIck thIs box And choose whIte

7. Togetridoftheblackoutlinesaroundtheswooshes,inthetoolbarclickonthestroketoactivateit(asshownbelow).

8. Asshownbelow,chooseNonetoremovethestroke.

AddIng A glow to the globe 1. UsingtheSelection( )toolselectthebluegradientglobe.BesureNOTtoselect

thecountriesontopofit,justselectthecircle.

Page 3: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page �

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

2. GointotheEffectmenuandfromthefirstStylizemenuchooseOuter Glow.

3. SetthesettingsshownbelowandclickOK:

clIck thIs box And choose whIte

enhAncIng the cIrcle “orbItIng” the globe 1. Zoomincloserontheglobe.

2. Selecttheblacklinethatlookslikeit’s“orbiting”theglobe.

3. FindtheAppearancepalette.Ifyoudon’tseeit,gointotheWindowmenuandchooseAppearance.

4. SelecttheStrokethatislistedthere.

5. We’llbemakingthisstrokeandotherelementsinthisimagethesameblue.Sincewe’llbereusingit,let’smakeitaswatch.

6. GototheSwatchespalette.

7. AtthetoprightoftheSwatchespalettegointothepalettemenu ( )andchooseNew Swatch.

8. Inthewindowthatopens,setthefollowingoptionsandclickOKwhendone:

9. Thelineisnowblue!That’sbecausethisswatchwasautomaticallyappliedtotheselectedstroke.

10. GototheStrokepalette(ifyoudon’tseeitgoto Window > Stroke)andchangetheweightto 5 pt.

11. Tomakethelinemoreinterestinglet’salsoaddedadottedportiontoit.Longagoweusedtohavetodothisbymakingacopyoftheline,butusingAppearancewecandoitallonthesameline.Withthelineselected,gototheAppearancepaletteandatthetoprightofthepalettegointothepalettemenu ( )andchooseAdd New Stroke.

12. NoticeintheAppearancepalette(asshownbelow)anewstrokehasbeenaddedontopofthepreviousstroke.Thismeansitisvisuallyinfrontoftheother.

Page 4: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page �

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

13. Soitdoesn’tcompletelyblocktheotherstroke,let’smakethetopstrokethinner.IntheStrokepalettechangetheweightto 2pt.

14. Tolightenit,gototheColorpaletteandreducetheT(tint)to25.(Ifyoudon’tseetheTintoption,gointothepalettemenu ( )andchooseShow Options.)

15. GobacktotheStrokepaletteandlet’smakethelinedashed.Ifyoudon’tseetheDashLineOptions,gointothepalettemenu ( )andchooseShowOptions.

16. AtthebottomoftheStrokepalettecheckonDashed Line.

17. Asshownbelow,makethefirstdash7ptandthefirstgap4pt(hitReturnorEntertoapplythechange.)

18. MakesurethelineisstillselectedandatthetopoftheAppearancepaletteclickwhereitsays Path.Wedothisbecausewemustbecarefulofwhatwillgetthearrowheadwe’reabouttoadd.

19. GointotheEffectmenuandfromthefirstStylizemenuchooseAdd Arrowheads.

20. CheckonPreviewandnoticehowthearrowheadisbothlightblueanddarkblue.Whilethiscansometimeslooknice,wedon’twantitinthiscase.ClickCanceltogetoutofthatwindow.

21. IntheAppearancepalette,selectthedarker blue5pt stroke(that’sthebottomstroke).

22. GobackintotheEffectmenuandchooseStylize>Add Arrowheads.

23. CheckonPreviewandnoticehowonlythisdarkbluelineisgettingthearrownow.

TheEndarrow(atthebottomofthewindow)wewantisnumber 8 of 27sokeepclickingtherightarrowbutton( )untilyougettoit.

24. ClickOKwhendone.

25. TheAppearancepaletteshouldlookasshownbelow.Noticehowthearrowheadeffectisonlyappliedtothedarkbluestroke,notthewholepath.

26. Onefinaltouchistoroundtheotherendofthisdarkblueline.Makesurethelineisstillselected.

Page 5: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page 5

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

27. IntheAppearancepaletteyoumustmakesurethatsomepartofthedark bluestrokeisselected.(Therearetwostrokes,weonlywanttoroundthecorrectone!)

make sure one of these three things is highlighted to ensure this stroke will be changed.

28. IntheStrokepaletteclicktheRound Cap( )button.(It’stotherightofweight.)

29. It’sasubtleeffect,buttheendshouldnowlookroundedasshownbelow.

AddIng A tItle Around the globe 1. Ifyoucan’tseethewholeglobeonscreenzoominoroutsoyoucan.

2. GototheLayerspalette(Window > Layers).

3. IntheLayerspalettethereisahiddenlayernamedtitle. Asshownbelow,clickintheemptyboxonthefarleftofthatlayertoshowit.

4. Youshouldnowseeablackcirclelinearoundglobe.

5. ChoosetheType on a Path ( )tool.TogettoityouwillprobablyhavetoclickandholdontheType ( )tool,thenslideoverontotheType on a Path ( )tool.

6. Positionthecursoratthetopoftheblackcircle(abovetheglobe)andclickonce.

7. Typeoutthefollowingtext:Earth Conference

8. Selectthetextandchangethefillcolortowhite.

9. Withthetextstillselected,intheCharacterpalette(Window > Type > Character)settheoptionsasshownbelow.Ifyoudon’tseealltheoptionsgointothepalettemenu ( )andchooseShow Options.

Page 6: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page 6

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

10. IntheParagraphpaletteCenter( )thetext.

11. Thetextwillfliptothebottomofthecircle.Tomoveitbacktothetop,choosetheSelection( )tool.

12. Findthelineprotrudingfromthetext(ssshownbelow)anddragittothetopofthecircle.Centeritonthetopofthecirclesothetypelooksgood.

drag this line (notice the cursor changes to tell you when you are over this line)note: the text may start acting weird while you drag, parts of it disappearing, etc. Just keep dragging around to different areas until the text settles down.

13. StayintheSelection( )toolandkeepthetypeselected.

14. GointotheEffectmenuandchooseStylize > Scribble. NOTE:ThisisaneweffectinIllustratorCS.Previousversionsdidn’thavethiseffect!

15. FromtheSettingsmenuatthetopchooseTight andclick OK.

creAtIng A lIne of cIrcles 1. GotoView > Fit in Windowsoyoucanseethewholepage.

2. IntheLayerspalettethereisahiddenlayernamedlines to add circles to.Showthatlayer.

3. Tworedlineswillappearinthe“swooshes.”Theyareonlyredsoyoucanfindthemeasily.Wewantaseriesofwhitecirclestofollowtheselines.We’llcreateoneofthesecirclesandletIllustratorrepeatitforus.Tocreatethecircle...

ChoosetheEllipse( )tool(itmaybehiddenunderanothertool,liketheRectangle( )tool).

4. Anywhereintheemptygreenspaceofthedrawingclick once(doNOTdrag).

IntheEllipseoptionsdialogboxthatopensmakethe:Width: 17 ptHeight: 17 pt

ClickOK.

5. Givethecirclea1pt white stroke and no fill.

6. Wecanturnthiscircleintoascatter brush,whichwillallowustomakethecirclesfollowtheline.TodothisopentheBrushespalette(Window > Brushes).

7. Firstlet’sgetridofthedefaultbrushessotheydon’tconfuseus.AtthetoprightoftheBrushespalettegointothepalettemenu ( )andchooseSelect All Unused.

8. AtthebottomrightofthepaletteclicktheDelete( )buttontogetridofthem.(Itwillconfirmthatyouwanttodeletethem,justclickYes.)

BUGalert:We’renotsurewhy,butthereisonepeskybrushthatwon’tletitselfbedeleted.Ohwell,itwon’thurtanything.

9. WiththewhitecirclestillselectedatthebottomoftheBrushespaletteclicktheNew Brush( )button.

10. ChooseNew Scatter BrushandclickOK.

Page 7: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page �

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

11. NameitcirclesandclickOK.

12. AtthetoprightoftheBrushespalettegointothepalettemenu ( )andchooseList View.Youshouldnowseeyourbrushlistedthere.

13. We’redonewiththecircleartworkthatisonyourpage.Selectanddeleteit.

14. ChoosetheSelection( )tool.

15. We’rereadytoapplythisbrushtothosetworedlines.Asshownbelow,toselectbothlinesgototheLayerspaletteandclickintheemptyspacetotherightofthelayer.

16. IntheBrushespaletteclickthecirclesbrushtoapplyit.

17. Thecirclesareabitbigandclosetogether.Withthelinesstillselected,doubleclickthecirclesbrushintheBrushespalette.

18. CheckonPreviewsoyoucanseethechangesand:•reducetheSizeto 75% • changetheSpacingto110%

WhendoneclickOK.(NOTE:WhenyouclickOKIllustratorwillaskifyouwanttoapplythesechangestoexistingstrokes,besuretoclickApply to Strokes.

19. Tofinishthemofflet’smakethemnotquitesobright.GototheTransparencypalette(Window > Transparency) andreducetheOpacityto50%.

ImportIng And stylIng the sky / cloud photo Wehavetwoimagesthatwereshotonadigitalcamerathatwewanttouseinthis

image.They’vealreadybeenconvertedtoCMYKinPhotoshopandarereadytoimportintoIllustrator.

1. IntheLayerspaletteselectthebackgroundlayer.

2. GotoFile > Place.

3. InthefolderyoudownloadedclickONCEonthefilenamedsun-clouds.tiftoselectitbutdoNOThitPlaceyet!

4. AtthebottomofthewindowmakesureLinkischeckedon,thenclickPlace.

5. Positiontheimagesotheplacementofthecloudslooksgoodintheemptyareaatthetopofthepage(abovetheswooshes).Don’tworrywhenpartsoftheimagehangoffthepageorfallundertheswooshes.

Page 8: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page �

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

6. Asyoucansee,theimageisfullcolorandtoobig,butnottoworry,allwillbefixed.Firstforthecolor,intheTransparencypalettechooseLuminosityblendingmodeand40%Opacity.

NOTE:Luminosityblendmodetakesthelight/darkvaluesfromtheimageandblendsthemwiththecolor(s)behindtheimage.Itonlytakesthephoto’slightness/darkness,NOTitscolor.

mAskIng the sky / cloud photo Toremovetheundesiredpartsofthepicturewe’llhidethosepartsusinga

clipping maskto“mask”awaytheundesiredareas.Theideaisthatthemaskingobjectisinfrontoftheartworkbeingmasked.Anythinginsidethemaskingobjectwillbevisible,whileanythingoutsideofthemaskingobjectwillbehidden.

1. Sinceanythinginsidethemaskingobjectwillberevealed,weneedtodrawaboxtodefinetheareawherewewanttoseethisphoto.Anythingoutsidetheboxwillbehidden.Makesurenothingisselected(Select > Deselect).

2. SelecttheRectangle( )tool.

3. Don’tworryaboutthefillandstrokecolor,theydonotmatteratall.

4. Asshownbelow,drawaboxthatfillsoutthewholetopofthepage,andextendsdownintotheswooshes,butdoesn’tcomebelowthetopswoosh.start at top of page

be careful to come below this

top part of swoosh

be careful to stay AboVe this bottom part of the swoosh

5. ChoosetheSelection( )tool.

6. Withthenewrectanglestillselected,holdShiftandclickontheskypartofthephotothatpeaksoutabovethenewrectangle.

7. GointotheObjectmenuandchooseClipping Mask > Make.

8. Thephotoshouldnowbevisibleonlyinsidethatrectangle.

creAtIng the blue bAckground for the wAVes photo 1. Belowtheswoosheswewantsomebluewaves.Sincethesectioniscurrentlygreen

weneedtocreateablueshapetofilloutthearea.Tostart,gototheLayerspaletteandmakesurethebackgroundlayerisstillselected.

2. AtthebottomrightoftheLayerspaletteclicktheCreateNew Layer( )button.

3. Thenewlayershouldhavebeencreatedjustabovethebackgroundlayer.Doubleclickitsnameandrenameitblue waves.

Page 9: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page �

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

4. Topreventourworkfrominterferingwithanyotherlayers,selecttheblue waveslayerandgointotheLayerspalettemenu ( )andchooseLock Others.

5. ChoosethePen( )tool.

6. Asshownbelowclickpointstodrawashapethatgoesaroundtheleft,bottomandrightside,androughlyfollowstheswooshes.•DoNOTdragtocreatecurves!•Don’tconcernyourselfwithtracingtheswooshestooclosely.Thiscolorwillbe

hiddenbehindtheswooshsoaslongasyoufillthroughtheedgeoftheswooshthatiswhatmatters.

•TIP:HoldingShiftwhenyouclickwilldrawastraight90°or45°angledline.

draw a shape roughly like this (clicking to create the points)

draw accurately around these edges (shift clicking)

7. Withtheshapestillselected:•Fillitwiththewaves blueswatch(inSwatchespalette)•settheStroketonone

ImportIng And stylIng the wAVes photo 1. ChoosetheSelection( )tool.

2. GotoFile > Place.

3. IntheseminarFiles-earthConference folderyou downloaded,clickONCEonthefilenamedwaves.tiftoselectitbutdon’thitPlaceyet!

4. AtthebottomofthewindowmakesureLinkischeckedon,thenclickPlace.

5. Theimagecomesinontopofthecolorsoitmaycoverovertheblueshapeyoujustcreated.Don’tworry,we’lldealwiththatinamoment.Positiontheimagesotheplacementofthewaveslooksgoodfillingthatemptyareaatthebottomofthepage(undertheswooshes):

•Don’tletanyoftheskyinthispictureshowbelowtheswooshes.•Don’tworrywhenpartsoftheimagethathangoffthepage,etc.

6. Toproperlycolortheimage,intheTransparencypalettechooseLuminosityblendingmodeand40%Opacity.

Thewavesshouldnowbetheproperbluecolor.

Page 10: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page �0

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

mAskIng the wAVes photo Likewedidwiththeskyphoto,toremovetheundesiredpartsofthepicturewe’ll

hidethemusingaclippingmask.Rememberthatanythinginsidethemaskingobjectwillberevealed,andanythingoutsidewillbe hidden.

1. Weneedtodrawashapetodefinetheareawherewewanttoseethisphoto.Weshouldreusethesameshapewedrewforthebluebackgroundsowedon’thavetodrawitagain!Sinceitisbehindthepicture,it’llbeabittrickiertoselect.

2. GotoSelect > All.(Sincealltheotherlayersarelocked,onlytheblueshapeandpictureonthisunlockedlayerareselected.)

3. HoldShiftandclickonthepicturetodeselectit.Younowhaveonlytheblueshapeselected(youwillonlyseeit’soutlinethough.)

4. GotoEdit > Copy.DoNOTdeselectityet!

5. TopreventusfromaccidentlyselectingthisblueshapegotoObject > Lock > Selection.

6. Weneedtoputacopyinthesamepositionontopofthepicture.Clickonceonthewavesphototoselectit.

7. GotoEdit > Paste in Front.

8. DoaSelect > All.

9. GointotheObjectmenuandchoose Clipping Mask > Make.

10. Thewavesshouldnowlookliketheyarebehindtheswooshanddon’tappearinanyareaswedon’twantthem.

11. Sowecancontinueworkingonotherlayers,gointotheLayerspalettemenu ( )andchooseUnlock All Layers.

12. Deselecteverything(Select > Deselect).

AddIng grAphIc wAVe lInes: drAwIng the fIrst wAVe 1. IntheLayerspaletteclickonthelayernamedwavy lines.

2. Topreventourselvesfromaccidentallyselectingthingsonotherlayers,gointotheLayers palettemenu ( )andchooseLock Others.

3. Thisisanemptylayeronwhichwe’llcreatesomegraphiclooking“waves”.SelectthePen( )tool.

4. MakesuretheFillissettononeandStrokeiswhite.

5. Towardsthebottomleftofthepage,justbelowtheswooshwewanttodrawoneportionofawave,asshownbelow.We’llletIllustratorrepeatitforusinafewsteps,butfornow,drawawave.Ifyouneed,readthetipsonhowtodrawit.

fInAl lIne should look lIke thIs: tIps on how to drAw the lIne:

Page 11: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page ��

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

6. ChoosetheSelection( )tool.

7. Clickonceonethatwavywhitelinetoselectitentirely.

mAkIng the wAVe lIne repeAt to the rIght 1. BeforewehaveIllustratorrepeatthelineforus,wemustfindoutthewave’swidthand

height.GototheTransformpalette(Window > Transform)andwritethemhere:W: __________________H: __________________

2. GointotheEffectmenuandchooseDistort & Transform > Transform.

3. Inthedialogboxthatopens,setthefollowingoptionsandclickOKwhendone:

enter your wIdth here!!!(not the number shown here)

thIs Is how mAny more wAVes you’ll get

4. Thewaveshouldnowrepeatmoretotheright,butunlessyouareextremelylucky,thelinesarenotconnectingtoformonecontinuousline.Illustratorcanfixthisthough.ChoosetheDirectSelection( )tool.

5. Deselecteverything(Select > Deselect).

6. Thetrickisthatyoumustselectbothoftheendpointsofthelinewithoutselectinganything,includingthemiddlepointoftheline.Clickonceontheoriginalwavelineyoudrewsoyoucanseeitsanchorpoints.NOTE:Forthenextseveralsteps,we’llbetalkingaboutthissegmentoftheline.Youcanonlyworkdirectlywiththissectionofthewave,nottheotherpartsthattheTransformeffecthasadded.Theeffectwillbeupdatedwithwhateveryoudotothisfirstsegmentoftheline.

7. Clickonceontheleft-mostanchorpoint.Itwillbecomeasolidcolorwhichmeansitisselected(hollowwhitepointsmeantheyareNOTselected).

8. Toalsoselecttheright-mostpointholdShiftandclickontheright-mostanchorpoint.

1. clIck on thIs poInt 2. shIft-clIck on thIs poInt

9. GotoObject > Path > Average.

10. ChooseHorizontalandclickOK.

11. Deselecteverything(Select > Deselect).

Page 12: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page �2

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

12. Thelineshouldnolongerhavegaps,butmightnotlooksmooth.StillusingtheDirectSelection( )tool,clickontherightmostpointsothedirectionhandlebecomesvisible.

13. Adjustthedirectionhandleasneededtosmoothouttheline.Noticehowtheadjustmenthappenstoallcopiesofthewavesincewedidthisusinganeffect!(Youmayalsoneedtoadjusttheleft-mostdirectionhandleaswell.)

mAkIng AddItIonAl rows of wAVe lInes down the pAge 1. Ifthewavylineisn’tstillselected,selectitnow.

2. Tomakethelinerepeatinrowsgoingdown,gointoEffect > Distort & Transform > Transform.

3. Amessagewillaskifyouwanttoapplythisneweffect,clickApply New Effect.

4. Inthedialogboxthatopens,setthefollowingoptionsandclickOKwhendone:

depending on the height of your wave you may need to adjust. check on preview to make sure it looks good with your wave.

depending on the height of your wave you may need to adjust. make sure you have enough so your waves continue off the bottom of the page.

fAdIng out the grId of wAVe lInes usIng An opAcIty mAsk Wewantthewavestoslowlyfadeawayastheygointothecenterofthepicture.

We’llcreatethiseffectusinganopacity maskto“mask”awaytheundesiredparts.Unliketheclipping maskswedidearlier,opacitymasksworksimilartomasksinPhotoshop.Theideaisthatthemaskobject is black & white.Wherethemaskisblacktheartworkishidden.Anyshadeofgreywillpartiallyhideitmakingitsemi-transparent.Wherethemaskiswhitetheartisshown.Whencreatingamask,theartworkyouwanttoshow/hidemustbeunderneathandtheblack/whitemaskingobjectmustbeontop.

1. Tostart,selecttheRectangle( )tool.

2. Dragarectangleovertheentireareaofthewaves.Itshouldcompletelycoverthewavesandextendjustbeyondtheiredges.

keep the rectAngle close to, but beyond the sIze of the wAVes

Page 13: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page ��

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

3. InthetoolbarmakesureFillisactive(infrontofstroke)asshownbelow.

4. Asshownbelow,clicktheGradientbuttontoapplyagradient.

5. Youmaygetthedefaultwhite to black LINEARgradient(aspicturedabove).Butyoumaygetsomeothergradientyouhaveusedinthepast.Ifyoualreadyhavethedefaultwhite to blackLINEAR gradientmoveontothenextstep,otherwisedothefollowing:•OpentheGradientpalette(Window>Gradient).•Youonlywanttwocolorstops( ),oneonthefar leftandoneonthefar right.

Ifyouhaveanyextracolorstops( )removethembydraggingthemoffthebottomofthepalette.

•Clickonthefarleftcolorstop( )andintheColorpalettemakeitwhite.•Clickonthefarrightcolorstop( )andintheColorpalettemakeit black.•ChangetheTypetoLinear.(Ifyoudon’tseeit,gointothepalettemenu ( )and

chooseShow Options.)

6. Youshouldhaveawhite to blacklineargradientfillingthebox(whiteonthelefttoshowthewavesandblackontherighttohidethewaves).Sowe’rereadytocreatethemask.SelectboththegradientmaskshapeandthewavesthatarebehinditbychoosingSelect > All. (NOTE:Theotherlayersarelockedsoonlythesetwoobjectsareselected.)

7. Tocreatethemask,gototheTransparencypaletteandfromitspalettemenu ( )choose Make Opacity Mask.

8. Ifyouaren’thappywithhowthewavesfadeout(ie:youwantthemtofadeoutfaster),asshownbelow,clickonthemaskiconintheTransparencypalette.

NOTE:Toseetheoptionsshownhere,youmayneedtogointothepalettemenu ( )andchooseShow Options.

9. ChoosetheGradient( )tool.

10. Dragfromlefttorightacrossthewavestochangehowtheyfadeaway.Ifyouwanttoexperiment,dragginginotherdirectionswillfadethewavesoutdifferently.

Page 14: Illustrator CS: Advanced Special Effects€¦ · Adobe IllustrAtor Advanced Special Effects 10. In the Paragraph palette Center ( ) the text. 11. The text will flip to the bottom

C

Copyright © 2005–2006 Noble Desktop, llC page ��

www.nobledesktop.comAdvanced Special EffectsAdobe IllustrAtor

11. Nowthatwearedonewiththemaskwemuststopeditingit.IntheTransparencypaletteclickthethumbnailtotheleftofthemasktoleavethemaskandreturntotheregularartwork.

12. GotoSelect > Deselect.

13. Toseeyourcompletedimage,gotoView > Fit In Window.

14. Congratulations,youareonthewaytosavingtheEarthandmasteringIllustrator.

NOTE:Iftherewereanyotherchangesyouwanttomakeyou’dhavetounlockthelayersfirst.GointotheLayers palettemenu ( )andchooseUnlock All Layers.