用Illustrator怎么绘制矢量风格的笔记本

好酷屋

发布于2023-10-17

好酷屋教程网小编为您收集和整理了用Illustrator怎么绘制矢量风格的笔记本的相关教程：作品简介：学习如何制作一个矢量笔记本背景图，其中包括一个逼真的矢量笔记本及几个小物件。这也是创建一个炫酷网站主题的绝佳练习！完成本教程需要一些高级AdobeIllustrator软件知识。最终图像预

用Illustrator怎么绘制矢量风格的笔记本

作品简介：学习如何制作一个矢量笔记本背景图，其中包括一个逼真的矢量笔记本及几个小物件。这也是创建一个炫酷网站主题的绝佳练习！完成本教程需要一些高级AdobeIllustrator软件知识。

最终图像预览，下面是最终的设计样品，也是我们要努力达到的效果。

第一步：先用圆角矩形工具画出笔记本的基本轮廓图形。可按住上下箭头来改变边角的弧度。

第二步：使用如下图所示复杂的色彩渐变。

第三步：复制笔记本轮廓图层，用路径合并工具切除一半，如下图。

第四步：复制左半部分，然后图层置顶。设置较小的渐变度和multiply模式的100%透明度。

第五步：用钢笔工具勾画曲边形状，用pathfinder工具切出图形。

第六步：在下层制作深色渐变，使之看起来象是一块阴影。

第七步：画一个半圆，色彩淡一些。将它置于曲线下边来完成整个效果。注意：使用渐变时，右边色彩应该更淡些。这才叫做反射光，对于实现页面卷曲而言，这可是个重要的细节。

第八步：给整个笔记本加上一个阴影。提醒你，能加多少阴影取决于你的电脑速度。阴影会降低illustrator的图形渲染速度。但是，如果你的电脑足够快，这应该不是个问题。

Step9

Createsomecolorfultabsbydrawingarectangleandthenusingthepresetgradientstocolorthemin.ToaccessthemgotoWindow>SwatchLibraries>Gradients>Brights.Youmaywanttomakethehighlightedcolorslightlydarkerasourdesigncallsforthetabtoappearasifitswedgedinbetweenthepages.

Step10

Createtheruledlinesbyfirstdrawingtwohorizontallines.

Step11

SelectbothlinesthengotoObject>Blend>BlendOptions.SelectSpecifiedSteps,enteravaluethenpressOK.GotoObject>Blend>Make.

Step12

Thisistheresult.YoucanadjustthenumberoflinesbygoingtoObject>Blend>BlendOptions.

Step13

Asis,thelinesoverlapthepagecurl.Tofixthis,expandtheblendedlinesbygoingtoObject>Expand.

Step14

Ungroupthelinesyoujustexpandedandadjusttheirhorizontallength.

Youcannotgivestrokesagradient,so,usingtheRectangleTool(M)drawaverythinrectangleandgiveitaslightlydarkerbluegradient.Drawasmallcurvedlineandgiveitadarkerbluecolortoo.

Step15

placeyournewelementsonthepagecurlsection.

Step16

Thisiswhatyourdesignshouldlooklikerightnow.

Step17

EasilymakerandomstainsonthepaperbyusingtheArtisticInkpanel.GotoBrushLibraries>Artistic>ArtisticInk.YoucandragtheswatchesrightontothepageoryoucandrawalineusingthepenToolandapplytheswatchtotheline.Tofurtheredittheinkswatchesyoullneedtoexpandtheinkfirst.

IfyourefamiliarwithIllustratoryoumaybeabletorecognizewhensomeoneisusingbuilt-ininkswatches.ToremedythissimplealtertheinkswatchesbyusingtheCrystallizeTool(foundundertheWarpTool,Shift+R.)Or,tryusingavarietyofwarpingtoolstoachievesomeinterestingresults.

Step18

Giveyourstainssomegradients,settheirTransparencytoMultiplyandadjusttheirOpacitytohelpthemblendwiththepaper.

Step19

CreatetheholesinthepaperbydrawinganellipseusingtheEllipseTool(L.)

Step20

AlignyourholesperfectlybyusingtheAlignpalette.

Step21

Constructthepencilusingbasicshapes.Note,thetriangleusedforthetipofthepencilwascreatedusingtheStarTool.TovarythenumberofpointsthestarhassimplyusetheUpandDownArrowkeyswhileyouredrawingthestarshape.

Step22

GivetheareashownbelowajaggededgebyusingtheWarpTool.

Step23

UseIllustratorsbuilt-inMetalsgradientsbygoingtoWindow>SwatchLibraries>Metals.

Step24

Thebarrelofthepencilcanbequicklycreatedusingagradienttothefullestextent.Togivetheimpressionofanumberoffacesonthepencilapplyagradientwithfourcolors,allslightlydifferentbutinthesamefamily.Next,slidetheyellowhighlightedareasbelowsotheyreasclosetothegreenhighlightedareas.

Step25

Givethetipofthepencilgradients.GivetheexposedwoodsectionofthepencilanInnerGlowbygoingtoEffect>Stylize>InnerGlow…

Step26

Duplicatethemetalpartthatholdstheeraseron,condenseitandalterthegradienttogivetheillusionofridgesontopofthemetalbase.

Step27

UsingtheTypeTool(T)applysometexttoyourliking.ThefontIveusedisITCFranklin.Thiscompletesthepencil.

Step28

Tocreatethestand-alonepinkeraser,drawarectangleandgiveitatenuousgradient.Takeanotchoutoftheedgeoftheeraserbydrawingarandomshapeandsubtractingitfromtherectangleusingthepathfinder.

Step29

CreateerasershavingsbyusingthepencilTool(N.)Howconvenient!Arbitrarilydrawsomeshapesandapplyapinktogrey-pinkgradient.Note,theeasiestwaytocloseanopenshapeistoholddowntheOptionkeywhenyouarereadytoclosetheshape.

Step30

Createthepaperclipby:

Drawaroundedcornerrectangle.presstheUpandDownArrowkeystoadjustthecurvatureoftherectangle.Asyoucansee,thefinalshapeisnotarectangleatall.Whenyouhaveanin-depthunderstandingofIllustratorsToolsyoullbeabletoquicklycreatealmostanyshape.

UsetheDivideoptiontoslicethepaperclip.

Repositionandexpandandcondensethesectionsofthepapercliptolookastheydobelow.

Step31

MergeeverythingusingtheAddtoShapeAreainthepathfinder.ApplyadarkInnerGlowbygoingtoEffect>Stylize>InnerGlowtocompletethepaperclip.

Step32

positionallyourelementsonthepagetoyourlikingandadddropshadows.Youmaywanttoduplicatealloftheobjects,mergetheinpidualshapesthatcompriseeachobjectusingthepathfinderandapplythedropshadowtothatshape.Thisway,thedropshadowwontbeappliedtoallthelittleelementsthatmakeupeachgroupoftheillustration,suchasthepencil.

Ifinditmorepleasingtocreateagroupofobjectsinsteadofspacingeverythingapart.However,thisisuptoyou.

第33步

UsingtheRectangleTooltodrawarectangleandgiveitasubtledropshadowandgradient.

第34步

GivetheedgeofthepaperatornlookbydrawinganarbitraryshapewiththepencilToolandusingthepathfindertosubtracttheshapefromthepaper.

第35步

Creatingthephotoisacinch.Drawacoupleroundedcornerrectangles.VerticallyalignthemusingtheAlignpalette.

第36步

Drawanellipsethatfallswhereyoudlikethereflectiontobeplaced.UsetheDivideoptioninthepathfindertobreakallyourshapesup.

第37步

Nowyoureabletogiveeachsectionofthephotouniformgradients.

第三十八步