-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
1/60
Categories LearningGuides ExpertHelp
Design&Illustration
New!
WhatYou'llBeCreating
InthefollowingstepsyouwilllearnhowtocreateacolorfulplasticballstexteffectinAdobeIllustrator.
Forstartersyouwilllearnhowtosetupasimplegridandhowtocreatethemainshape.Next,usingbasicblendingandvectorshapebuildingtechniques,someneatstrokefeatures,asimpleblendandabunchofeffects,youwilladdshadingandhighlightsforyourshape.
Onceyoumakeyourfirstplasticball,youwilllearnhowtomultiplyitandhowtoeasilyrecolorthesecopiesusingtheRecolorArtworkfeature.Movingon,youwill
TEXTEFFECTS
CreateaPlasticBallsTextEffectinAdobeIllustratorbyAndreiMarius
2Jun2015 2Comments
56 130
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
2/60
learnhowtoturnyourplasticballsintosimplesymbolsandhowtousethemforacolorfultexteffect.Finally,you'lllearnhowtoaddasubtletextureforyouroverallillustration.
1.CreateaNewDocumentandSetUpaGrid
HitControlNtocreateanewdocument.SelectPixelsfromtheUnitsdropdownmenu,enter700inthewidthboxand400intheheightboxandthenclicktheAdvancedbutton.SelectRGB,Screen(72ppi)andmakesurethattheAlignNewObjectstoPixelGridboxisuncheckedbeforeyouclickOK.
EnabletheGrid(View>ShowGrid)andtheSnaptoGrid(View>SnaptoGrid).Youwillneedagridevery1px,sosimplygotoEdit>Preferences>Guides>Grid,andenter1intheGridlineeveryboxand1intheSubdivisionsbox.Trynottogetdiscouragedbyallthatgriditwillmakeyourworkeasier,andkeepinmindthatyoucaneasilyenableordisableitusingtheControl"keyboardshortcut.
YoushouldalsoopentheInfopanel(Window>Info)foralivepreviewwiththesizeandpositionofyourshapes.DonotforgettosettheunitofmeasurementtopixelsfromEdit>Preferences>Units>General.Alltheseoptionswillsignificantlyincreaseyourworkspeed.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
3/60
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
4/60
2.CreatetheMainShapeandAddSubtleShading
Step1PicktheEllipseTool(L)andfocusonyourToolbar.RemovethecolorfromthestrokethenselectthefillandsetitscoloratR=0G=141B=237.Movetoyourartboardandsimplycreatea20pxcirclethegridandtheSnaptoGridfeatureshouldmakeyourworkeasier.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
5/60
Step2Makesurethatyourbluecircleisstillselectedandmakeacopyinfront(ControlC>ControlF).SelectonlythiscopyandfocusontheAppearancepanel.
First,removethecolorfromthefill.Next,selectthestroke,makeitblack(R=0G=0
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
6/60
B=0)andthenclickonthat"Stroke"pieceoftexttoopentheStrokeflyoutpanel.IncreasetheWeightto3pxandthenselectWidthProfile2fromtheProfiledropdownmenu.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
7/60
Step3Makesurethatyourbluecircleisselectedandmakeanewcopyfront(ControlC>ControlF).ReselectthecirclewiththeblackstrokeandgotoObject>Path>OutlineStroke.Selecttheresultingshapealongwiththecopymadeinthebeginningofthestep,openthePathfinderpanel(Window>Pathfinder)andclicktheIntersectbutton.
MakesurethattheresultingshapestaysselectedandfocusontheAppearancepanel.Simplyclickthat"Opacity"pieceoftexttoopentheTransparencyflyoutpanelandthenlowertheOpacityto20%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
8/60
Step4Makesurethatyourbluecircleisstillselectedandmakeanewcopyinfront(ControlC>ControlF).SelectonlythiscopyandfocusontheAppearancepanel.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
9/60
Removethecolorfromthefill,selectthestroke,makeitblackandthenopentheStrokeflyoutpanel.IncreasetheWeightto6pxandthenselectthatsameWidthProfile2fromtheProfiledropdownmenu.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
10/60
Step5Makesurethatyourbluecircleisselectedandmakeanewcopyfront(ControlC>ControlF).ReselectthecirclewiththeblackstrokeandgotoObject>Path>OutlineStroke.SelecttheresultingshapealongwiththecopymadeinthebeginningofthestepandclicktheIntersectbuttonfromthePathfinderpanel.
Makesurethattheresultingshapestaysselected,focusontheAppearancepanel,lowertheOpacityto20%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
11/60
Step6DisabletheSnaptoGrid(ShiftControl')andthengotoEdit>Preferences>GeneralandmakesurethattheKeyboardIncrementissetat1px.
Makesurethatyourbluecircleisselectedandmaketwocopiesinfront(ControlC>ControlF>ControlF).Selectthetopcopyandmoveit1pxupand1pxtotherightusingtheupandrightarrowbuttonsfromyourkeyboard.ReselectbothcopiesmadeinthisstepandclicktheMinusFrontbuttonfromthePathfinderpanel.
Makesurethattheresultingshapestaysselected,bringittofrontusingtheShiftControl]keyboardshortcutandthenfocusontheAppearancepanel.Replacethe
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
12/60
existingfillcolorwithblack,loweritsOpacityto25%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
13/60
Step7Makesurethatyourbluecircleisselectedandmaketwocopiesinfront(ControlC>ControlF>ControlF).Selectthetopcopyandmoveit2pxupand2pxtotheright.ReselectbothcopiesmadeinthisstepandclicktheMinusFrontbuttonfromthePathfinderpanel.
Makesurethattheresultingshapestaysselected,bringittofront(ShiftControl])andthenfocusontheAppearancepanel.Replacetheexistingfillcolorwithblack,loweritsOpacityto25%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
14/60
Step8Makesurethatyourbluecircleisselectedandmaketwocopiesinfront(ControlC>ControlF>ControlF).Selectthetopcopyandmoveit1pxupand1pxtotheright.ReselectbothcopiesmadeinthisstepandclicktheMinusFrontbuttonfromthePathfinderpanel.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
15/60
Makesurethattheresultingshapestaysselected,bringittofront(ShiftControl])andthenfocusontheAppearancepanel.Replacetheexistingfillcolorwithwhite(R=255G=255B=255),loweritsOpacityto50%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
16/60
3.AddHighlights
Step1EnabletheSnaptoGrid(Control').
UsingtheEllipseTool(L),createa10pxwhitecircleandplaceitasshowninthefollowingimage.LoweritsOpacityto15%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
17/60
Step2UsingtheEllipseTool(L),createa6pxwhitecircleandplaceitasshowninthefollowingimage.LoweritsOpacityto30%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
18/60
Step3UsingtheEllipseTool(L),createa3pxwhitecircleandplaceitasshowninthefollowingimage.LoweritsOpacityto50%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
19/60
Step4DisabletheSnaptoGrid(Control').
Makesurethatyourbluecircleisselectedandmaketwocopiesinfront(ControlC>ControlF>ControlF).Selectthetopcopyandmoveit1pxdownand1pxtotheleft.ReselectbothcopiesmadeinthisstepandclicktheMinusFrontbuttonfromthePathfinderpanel.
Makesurethattheresultingshapestaysselected,bringittofront(ShiftControl])andthenfocusontheAppearancepanel.Replacetheexistingfillcolorwithwhite,loweritsOpacityto50%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
20/60
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
21/60
Step5MakesurethatyourbluecircleisselectedandgotoObject>Path>OffsetPath.Entera1pxOffsetandclicktheOKbutton.Selecttheresultingshape,makeacopyinfront(ControlC>ControlF)andmoveit1pxdownand1pxtotheleft.ReselectbothshapesmadeinthisstepandclicktheMinusFrontbuttonfromthePathfinderpanel.
Makesurethattheresultingshapestaysselected,bringittofront(ShiftControl])andthenfocusontheAppearancepanel.Replacetheexistingfillcolorwithwhite,loweritsOpacityto40%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
22/60
Step6EnabletheSnaptoGrid(Control').
UsingtheEllipseTool(L),createa6pxcircleandplaceitasshowninthefirstimage.Adda1pxwhitestrokeforthisnewshapeandremoveanyfillcolor.MakesurethatthiscirclestaysselectedandgotoObject>Path>AddAnchorPoints.
SwitchtotheDirectSelectionTool(A),selectthethreeanchorpointshighlightedinthesecondimageandsimplyremovethemusingtheDeletebuttonfromyourkeyboard.Intheendyourwhitepathshouldlooklikeinthethirdimage.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
23/60
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
24/60
Step7Makesurethatyourwhitepathstaysselected,focusontheAppearancepanelandopentheStrokeflyoutpanel.ChecktheRoundCapbuttonandtheDashedLinebox.Enter0pxinthefirstdashboxand2pxinthefirstgapbox,checktheAligndashestocornersandpathends...buttonandthenselectWidthProfile1fromthatProfiledropdownmenu.Intheendyourwhitepathshouldlooklikeinthefollowingimage.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
25/60
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
26/60
Step8MakesurethatyourwhitepathisstillselectedandgotoObject>Path>OutlineStroke.TurntheresultinggroupofshapesintoasimplecompoundpathusingtheControl8keyboardshortcutandthenfocusontheAppearancepanel.LowertheOpacityto70%andchangetheBlendingModetoOverlay.
Step9UsingtheRectangleTool(M),createa4x2pxshape,setthefillcolortowhiteandplaceitasshowninthefirstimage.Makesurethatthisnewrectanglestaysselected
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
27/60
andgotoEffect>Stylize>RoundedCorners.Entera1pxRadius,clicktheOKbuttonandthengotoEffect>Warp>Arc.Entertheattributesshowninthefollowingimage,clickOKandthengotoObject>ExpandAppearance.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
28/60
Step10MakesurethatyourwhiteshapeisstillselectedandswitchtotheRotateTool(R).HoldtheAltbuttonfromyourkeyboardanddragthatreferencepointinthecenterofyourbluecircle.Entera135degreeAngleandthenclicktheCopybutton.Selectthenewshape,loweritsOpacityto40%andchangetheBlendingModetoSoftLight.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
29/60
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
30/60
Step11ReselectthatwhiteshapeandagainpicktheRotateTool(R).Dragthatreferencepointinthecenterofyourbluecircle,entera45degreeAngleandthistimeclicktheOKbutton.Makesurethatthisshapestaysselected,loweritsOpacityto30%andchangetheBlendingModetoOverlay.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
31/60
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
32/60
4.CreateaSimpleBlendandAddMoreShading
Step1Reselectyourbluecircleandbringittofront(ShiftControl]).UsingtheEllipseTool(L),createa5pxcircle,placeitasshowninthesecondimageandsetthefillcolortoR=37G=192B=255.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
33/60
Step2FocusonyourToolbarandsimplydoubleclickontheBlendTooltoopentheBlendOptionswindow.SelectSpecifiedStepsfromtheSpacingdropdownmenuandsimplyenter50inthatwhitebox.ReselectthetwobluecirclesandsimplyhitAltControlBtocreateanewblend.Intheendthingsshouldlooklikeinthesecondimage.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
34/60
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
35/60
Step3Reselectyourblend,sendittobackusingtheShiftControl[keyboardshortcutandthengotoEffect>Stylize>DropShadow.EntertheattributesshowninthefollowingimageandthenclicktheOKbutton.Now,selectalltheshapesmadesofarandsimplyGroupthemusingtheControlGkeyboardshortcut.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
36/60
Step4Makesurethatyourgroupstaysselected,focusontheAppearancepanelandsimplyaddastrokeusingtheAddNewStrokebutton.Selectthisstroke,setthecolortoR=0G=141B=237,loweritsOpacityto10%,changetheBlendingModetoMultiplyandthengotoEffect>Path>OffsetPath.
Entera0.5pxOffset,clicktheOKbuttonandthengotoEffect>Pathfinder>Add.KeepfocusingontheAppearancepanel,makesurethattheentiregroupisselected(simplyclickthat"Group"pieceoftextfromthetopoftheAppearancepanel)andgotoEffect>Stylize>OuterGlow.EntertheattributesshowninthefollowingimageandthenclicktheOKbutton.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
37/60
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
38/60
5.MultiplyandRecolortheNewPlasticBalls
Step1Makeacopyofyourgroupanddragittotherightasshowninthefirstimage.SelectthisgroupcopyandgotoEdit>EditColors>RecolorArtwork.Focusonthetwobluetintsandsimplyreplacetheexistingcolorcodeswiththeonesindicatedinthefollowingimage.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
39/60
Step2Makeacopyofyouryellowgroupanddragittotheright.SelectthisgroupcopyandgoagaintoEdit>EditColors>RecolorArtwork.Focusonthetwoyellowtintsandsimplyreplacetheexistingcolorcodeswiththeonesindicatedinthefollowingimage.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
40/60
Step3Makeacopyofyourredgroupanddragittotheright.SelectthisgroupcopyandgoagaintoEdit>EditColors>RecolorArtwork.Focusonthetworedtintsandsimplyreplacetheexistingcolorcodeswiththeonesindicatedinthefollowing
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
41/60
image.
Step4Makeacopyofyourgreengroupanddragittotheright.Selectthisgroupcopyand
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
42/60
goagaintoEdit>EditColors>RecolorArtwork.Focusonthetwogreentintsandsimplyreplacetheexistingcolorcodeswiththeonesindicatedinthefollowingimage.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
43/60
6.SaveYourSymbolsandSettheBackgroundColor
Step1Selectthegroupofshapesthatmakesupyourblueplasticball,opentheSymbolspanel(Window>Symbols)andsimplyclickthatNewSymbolbutton.PickanameforyoursymbolandclickOK.Selecttherestofthegroupsonebyoneandusethesametechniquetoturnthemintosymbols.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
44/60
Step2UsingtheRectangleTool(M),createa710x410pxshape,makesurethatitcoversyourentireartboard,andsetthefillcolortoR=197G=237B=255.MovetotheLayerspanelandlockthisrectangletomakesurethatyoudon'taccidentallyselect/moveit.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
45/60
7.CreatetheTextEffect
Step1PicktheTypeTool(T),simplyclickonyourartboardandaddthe"PLAY"pieceoftext.UsetheVanillafontwiththesizesetto150px,makeitblackandloweritsOpacitytoabout10%.Again,movetotheLayerspanelandlockthispieceoftexttomakesurethatyoudon'taccidentallyselect/moveit.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
46/60
Step2FocusonthefirstletteranddragyourfivesymbolsfromtheSymbolspanel.Trytospreadthemroughlyasshowninthefollowingimage.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
47/60
Step3Keepaddingyourfivesymbolsuntilyoucovermostofthat"P".Trytohaveanequalnumberofplasticballsforeachcolor.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
48/60
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
49/60
Step4Focusontherestofyourtextandrepeatthetechniqueusedforthefirstletter.Onceyou'redone,movetotheLayerspanelandgetridofthatpieceoftext.Also,spreadsomeplasticballsaroundyourtextasshowninthesecondimage.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
50/60
Step5Selectsomeoftheaddedsymbolsandrandomlyresizethemasshowninthefollowingimages.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
51/60
8.AddaSubtleTexture
Step1MovetotheLayerspanel,unlockthatbluerectangle,makeacopyinfront(ControlC>ControlF)andbringittofront(ShiftControl]).MakesurethatthiscopystaysselectedandfocusontheAppearancepanel.
Selectthefill,loweritsOpacityto30%,changetheBlendingModetoColorBurnandsimplyreplacetheexistingcolorwiththeradialgradientshowninthefollowingimage.KeepinmindthattheyellowzerofromtheGradientimagestandsforOpacitypercentage.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
52/60
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
53/60
Advertisement
Step2MakesurethattherectanglemadeinthepreviousstepisstillselectedandaddasecondfillusingtheAddNewFillbutton.Selectthisnewfill,setthecolortoblack,loweritsOpacityto10%,changetheBlendingModetoSoftLightandthengotoEffect>Artistic>FilmGrain.EntertheattributesshowninthefollowingimageandthenclicktheOKbutton.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
54/60
Congratulations!You'reDone!
Hereishowitshouldlook.Ihopeyou'veenjoyedthistutorialandcanapplythesetechniquesinyourfutureprojects.
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
55/60
Advertisement
Difficulty:Intermediate
Length:Medium
Categories:
TextEffects AdobeIllustrator Vector Vibrant
Translations:
Tuts+tutorialsaretranslatedintootherlanguagesbyourcommunitymembersyoucanbeinvolvedtoo!
Translatethispost
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
56/60
Advertisement
SuggestedTuts+Course
RelatedTutorials
DownloadAttachment
AboutAndreiMarius
I'maselftaughtvectorartisttryingtomakealivingdoingsomethingthatIlike.IspendmostofmytimeworkinginAdobeIllustrator,avoidingthePenToolandstrugglingtofindtheperfectcolors.YoucanfindallmyvectorexperimentsatthislittlewebsitededicatetoIllustrator,VforVectors.com.
EffectiveVoucherDesign $15
HowtoCreateaBarbedWireTextEffectinAdobeIllustratorDesign&Illustration
HowtoCreateaCuteMonsterCharacterinAdobeIllustratorDesign&Illustration
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
57/60
Jobs
EnvatoMarketItem
HowtoCreateaSimpleDocumentsIconinAdobeIllustratorDesign&Illustration
PHPCoderwithMagentoKnowledgeatYoginetWebSolutionsinNewDelhi,Delhi,India
FrontEndDesigneratWebDevStudiosinPhiladelphia,PA,USA
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
58/60
2Comments Tuts+Hub Login1
Share SortbyBest
Jointhediscussion
Reply
GreivinCorts 8daysago:)
1
Reply
Daniele 9daysagoGrazieperiltutorialmoltobello:)
1
Subscribe AddDisqustoyoursited Privacy
Recommend
Share
Share
Advertisement
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
59/60
19,797 Tutorials 553 VideoCourses
Customdigitalserviceslikelogodesign,WordPressinstallation,video
productionandmore.
CheckoutEnvatoStudio
Choosefromover5millionroyaltyfreephotosandimagespricedfrom$1.Nosubscriptionrequired.
BrowsePhotosonPhotoDune
Teachingskillstomillionsworldwide.
FollowUs
HelpandSupport
FAQTermsofUseContactSupportAboutTuts+AdvertiseTeachatTuts+TranslateforTuts+Meetups
EmailNewsletters
GetTuts+updates,news,surveys&offers.
EmailAddress
Subscribe
PrivacyPolicy
-
12/6/2015
CreateaPlasticBallsTextEffectinAdobeIllustratorTuts+Design&IllustrationTutorial
http://design.tutsplus.com/tutorials/createaplasticballstexteffectinadobeillustratorcms23869
60/60
2015EnvatoPtyLtd.Trademarksandbrandsarethepropertyoftheirrespectiveowners.