7/30/2019 Illustrator Ninja Tutorial

1/15

illustrator-ninja-tutorial.oo3

Ninjas!Introduction

Step1AfteropeningupAdobeIllustrator,createanewdocument.Forafunprojectthesizeofthedocumentdoesn'tmatter,Illustratorhasavastareaofartboardbeyondthedocumentedgesthatcanbeused.

Step2:scalingofstrokesandeffectsyouhaveanobjectsuchasthesmileyface,butwhenyougotoscaleitupordownthestrokesand/oreffectsdonot,leavingitalloutofproportion

GotoEdit>Preferences>GeneralorpressCTRL/CMD+KInthepreferencesw ndows mplycl ckthe'ScaleStrokesandEffects'checkbox

Step3GrabtheCircleToolanddrawashapeontheartboard,holdtheSHIFTkeytocreateaperfectlyequalobject.Bydefaultthiswillhaveawhitefillandblackstroke

Step4SelecttheSquareToolanddrawanothershapeontheartboard,pos t onth stooverlaptheor g nalc rcle.UsetheAlignPalettetocentrethetwoshapeshorizontally.

7/30/2019 Illustrator Ninja Tutorial

2/15

Ninjas!Step5

Fromthesamemenu,usetheRoundedRectangleTooltodrawasmallleg.Ad usttheroundnessofthecornersw ththekeyboardcursorkeysuntiltheendsarecompletelycircular.Zoominandpositionthelegexactlyinrelationtotheedgeofthesquarebody.

Step6Dupl catethelegandmove ntopos t onfortherema n ngl mbs,forthearmsrotatetheshapeby45degrees.Topositiontheshapesbehindtheotherobjects,presstheCTRL+[andCTRL+]keysrepeatedlytoadjustthestackingorderoftheselectedobjects.

Step7Drawanotherperfectcircleontotheartboard,andbesideitamuchlargeroval.OverlapthetwoandusetheAlignPalettetopositionexactly.

7/30/2019 Illustrator Ninja Tutorial

3/15

Ninjas!

Step8Withthetwoshapesselected,clicktheSubtractfromShapeAreaoptionfromthePathfinderpalette.ClicktheExpandbuttontorefreshtheboundingboxoftheshape.ByusingtemporaryshapesastoolsalongwiththePathfinderoptions,arangeofcustomobjectscanbecreated.

Step9

Pos t onth ssem -c rcularshapew th nthelargec rcleofthecharactertorepresentthefac alarea.Draw nasmallcircleasaneye,fillthiswithablackswatchandclearanystroke.Copyandpasteinfront(CTRL+F),thenmovehorizontallytotheside(holdSHIFTtoconstraintheaxis)Groupinganypairsofobjects,suchastheeyesandarmswillallowthemtobecentralizedwiththeotherobjectsusingtheAlignPalettewithoutbeingmovedindividually.

7/30/2019 Illustrator Ninja Tutorial

4/15

Ninjas!

**Step10Withthecompleteline-workcharacterlaidoutandaligned,drawaselectionaroundthecompleteobjectandcopyandpasteaduplicate.Moveacopyofftothesideasabackup.

Step11W thalltheob ectsthatmakeupthetorsoandl mbsselected,chosetheAddtoShapeAreaopt onfromthe

PathfindertoolandExpandtomergetheshapesintoone.

7/30/2019 Illustrator Ninja Tutorial

5/15

Ninjas!

Step12

F llthebodyelementsw thaverydarkgrey 95%black andadda4ptstrokeal gnedtotheouts deat100%black.

Step13IntheAppearancePalette,clickthesmalloptionsarrowandselectAddNewStroke.

7/30/2019 Illustrator Ninja Tutorial

6/15

Ninjas!

Step14HEADANDTORSOATSAMETIME

Th st me,adda4ptstrokeal gnedtothe ns de,w thal ghter,93%black.Th smult pleuseofstrokes satechniqueI'vecometouseinmycharacterdesignswhichreallyhelpsliftthecolorsbyaddingalittledepthandvariation.

Step15Selectthefacialareaandfillwithapaleskintone(255,208,158),addaslightlythinnerstrokeat3ptalignedtotheoutsideusingthe93%black.

7/30/2019 Illustrator Ninja Tutorial

7/15

Ninjas!

Step16AddaNewStrokethroughtheAppearancePaletteandgivethislineaslightlydarkertone,alignedtotheinsideoftheshape.

**Step17Thebas cvers onofthecharacter scomplete,readyforsomestealthyn n aact on.

7/30/2019 Illustrator Ninja Tutorial

8/15

Ninjas!

Step18Copyandpastemult plevar at onsoftheor g nall ne-workcharacter.Ad ustandrotatethel mbs ntoarangeofscaryninjacombatpositions,adjustthestackingorderofthearmstoinfrontorbehindthebodytogivedifferenteffects.

**Step19Witheachindividualcharacter,repeattheprocessofmergingshapesandcoloringtheobjectstoproduceagroupofcoolninjas.However,noninjawouldbecompletewithoutcombataccessories

7/30/2019 Illustrator Ninja Tutorial

9/15

Ninjas!

Step20Createastaffusingalongthinrectangle,filltheobjectwithbrownwhileaddingablackoutline.

Step21

7/30/2019 Illustrator Ninja Tutorial

10/15

Ninjas!Createapo ntedob ectus ngtheStarTool,us ngtheD rectSelect onToolselecteachofthepo ntsofthepathfromeacharmofthestar.

Step22Uponselect ngtheRotateTool,thepo ntofor g nw llautomat callydefaulttothecentreoftheob ect.Cl ckanddragtoadjusttheoverallshapeofthestar.

Step23Drawasolidcircleinthecentreandfillthedeathstarweaponwithametallikegrey.Addablackoutlineandasecondaryinnerstrokewithaslightlydarkergrey.

7/30/2019 Illustrator Ninja Tutorial

11/15

Ninjas!

Step24Usingthesamecolorscheme,drawatrianglebydraggingashapewiththeStarToolandpressingthedownwardscursorkeytoreducethenumberofpoints.GrabtheuppermostpointwiththeDirectSelectionToolanddragvertically.

Step25

Selectanddragthem ddletwopo nts SCALETOOL tosquashthelowerhalf ntoaswordl keshape.F nal zeth swithasmallbrownrectangle,rememberthemajorityofthehandlewouldbeconcealedbythehandsoonlyasmallsectionisrequired.

7/30/2019 Illustrator Ninja Tutorial

12/15

Ninjas!

Step26UsethePenTooltoneatlydrawinathreesidedshapetorepresentthechamferedfinishoftheswordblade.

Step27CreatetwoNunchukhandlesandthebeginningandendpointsoftheadjoiningchain.WithbothchainelementsselectedheadtoObject>Blend>Make

7/30/2019 Illustrator Ninja Tutorial

13/15

Ninjas!

Step28GobacktoObject>Blend>BlendOptions,enter5undertheSpecifiedStepsoptiontoalterthetypeofblendtogivealineofindividualitems.

**Step29UsethePenorPenc ltooltodrawatemporaryl netosymbol zethedes redrouteoftheNunchukcha n,w thth s

andtheblendselected,gotoObject>Blend>ReplaceSpine.

7/30/2019 Illustrator Ninja Tutorial

14/15

Ninjas!

Step30Groupeachindividualweaponandmoveintoplaceonthevariouscharacters,completingthegroupmakingthemreadyforaction!

ConclusionUs ngbas cvectorshapes,astyl shandfun magecanbecreatedus ng ustthebas cfunct onsofAdobeIllustrator.

7/30/2019 Illustrator Ninja Tutorial

15/15

Ninjas!