优界网

首页 > 教程经验 > 手把手教你用illustrator创建精细的信封

手把手教你用illustrator创建精细的信封

224

0

1

2015-04-23 18:55:31

江大可

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

@活力盒子官方 : 在接下来的步骤里你将会学习到如何使用Adobe Illustrator创建一个的信封插图。学习到如何建立一个网格和图形样式。接下来学习给整体插图添加阴影,深度和光亮。最后,再教您使用外观面板和一些基本蒙版技术。

(教程详细,图多,网速不给力的童鞋稍加等待~)

illustrator优秀教程:
PS+AI制作精致可爱的毛线风格图标
利用ILLUSTRATOR设计时尚漂亮的LOGO
巧用ILLUSTRATOR的涂抹打造文字草图特效

1.创建一个新文件&建立一个网格

点击Control + N去创建一个新文件。在宽度和高度栏里输入600,然后点击高级按钮。选择RGB,分辨率 (72ppi),启用网格(视图>显示网格),和对齐网格,(视图>对齐网格)。如下图所示。

clip_image001

2.创建一个图案和一个图表类别

步骤1

选择矩形工具(M)。描边设置为无,然后选择填充,设置颜色为R=255 G=222 B=23。然后简单地创建一个10 x 40px矩形,对齐网格应该会简化你的工作。设置填充颜色为R=162 G=179 B=189,创建一个10 x 15px矩形,如第二个图像所示那样进行放置。然后设置填充颜色为R=225 G=176 B=169,创建另一个10 x 15px矩形,像第二个图像显示的那样进行放置,选择直接选择工具 (A)。在第二个图像里选择突出的四个锚点,简单地把它们拖下来5px。如下图所示。重新选择黄色的矩形,从填充里去除颜色。选择所有的三个形状,将它们向色板面板内部拖拽(窗口 >色板),保存它们为一个图案 。一旦你有了你的图案,你可以删除你的形状从你的面板。

clip_image002

步骤2

选择矩形工具(M),创建一个随意的形状,填充为黑色,降低不透明度为15%。确保这个新形状保持选中状态,打开图形样式面板(窗口 > 图形样式然后点击新建图形样式按钮(小蓝箭头所指)。双击这个最新保存的图形样式,命名为黑色”black”。返回到你的面板,删掉现有的形状。

clip_image003

3,创建信封

步骤1

使用矩形工具(M),创建一个250 x 160px形状,填充为线性渐变,如下所示,进入到效果>风格化>圆角。输入10px半径,点击OK,进入对象>扩展外观。到图层面板(窗口 >图层),在存在的形状上双击鼠标,命名为”main”。选择”main”,在前面做一个复制(Control + C > Control + F),你之后将需要它。如下图所示。

步骤2

使用矩形工具(M),创建一个10 x 160px形状,添加那个黑色”black”图形样式,将它如第一个图像放置。复制这个瘦矩形(Control + C > Control + F),选择副本,向右拖拽,将它如第二个图像放置。选择两个形状,点击Control + 8(或者进入对象>复合路径>制作)去将它们转变为一个简单的复合路径。选择这个复合路径并且连同”main”复件,打开路径控制面板,点击相交按钮。确保结果组被选中,并且点击Shift + Control + G去解散它。

clip_image005

步骤3

选择所有黑色形状,增加它们的不透明度到100%,然后进入到色板面板,添加你的图案。

clip_image006

步骤4

选择”main”,在前面制造一个复件(Control + C > Control + F),将它带到前面(Shift + Control + ] ).。确保这个复件被选中,从填充里去除线性渐变,并且添加一个黑色线条。选择它,设置混合模式为柔和光,然后点击”复制选择的项目”按钮四次(在下图中小蓝箭头所指)。最后你应该有五个线条。选择底部线条,制作它为1pt宽,将它排列到内部,降低它的不透明度为60%。继续到下一个线条,只做成2pt宽度,将它排列到内部,降低它的不透明度到30%。继续到下一个线条,制作成3pt宽,将它排列到内部,降低它的不透明度为20%。继续到下一条线,将它排列到内部,降低不透明度为15%。最终,选择顶部线条,将它制作成7pt宽度,排列到内部,降低不透明度为10%.

clip_image007

步骤5

使用矩形工具(M),创建一个270 x 105px形状,添加你的黑色图形样式,将它如第一个图像放置。选择直接选择工具(A),选择两个锚点(在第一个图像里被突出),点击Alt + Control + J(或者进入对象>路径>平均)。勾选平均,点击OK。这应该将你的矩形转变为一个三角。重新选择,在前面制作一个复件(Control + C > Control + F)。选择它和三角形形状,并且从路径控制面板点击相交按钮。选择结果形状,增加不透明度为100%,并且如下图所示使用线性渐变填充它。转移到图层面板,命名这个新形状为”bottomFold”.

步骤6

选择”main”,在前面做一个复件(Control + C > Control + F),然后选择”bottomFold”,进入对象>路径>偏移路径。输入一个1px偏移,点击OK。选择这一步制作的所有形状,从路径控制面板点击相交按钮。填充结果形状为黑色,降低它的不透明度为50%,改变混合模式为柔和光。

clip_image009

步骤7

选择”main”,在前面做一个复件(Control + C > Control + F),然后选择”bottomFold”,进入对象>路径>偏移路径。输入一个3px偏移,点击OK。选择这一步制作的所有形状,从路径控制面板点击相交按钮。填充结果形状为黑色,降低它的不透明度为30%,改变混合模式为柔和光。

clip_image010

步骤8

取消对齐网格(视图>取消对齐网格),然后进入编辑>首选项>常规,确保”键盘增量”设置在1px。选择”bottomFold”,在前面做两个复件(Control + C > Control + F > Control + F)。选择这个顶部复件,从你的键盘里使用向上箭头向上移动1px。重新选择这些复件,从路径控制面板里点击减去前部按钮。填充结果为黑色,改变它的混合模式为柔和光。

clip_image011

步骤9

选择”bottomFold”,在前面做两个复件(Control + C > Control + F > Control + F)。选择这个顶部复件,从你的键盘里使用向上箭头向上移动2px。重新选择这些复件,从路径控制面板里点击减去前部按钮。填充结果为白色,降低它的不透明度为30%。改变它的混合模式为叠加。

clip_image012

步骤10

选择”bottomFold”,在前面做两个复件(Control + C > Control + F > Control + F)。选择这个顶部复件,从你的键盘里使用向下箭头向下移动3px。重新选择这些复件,从路径控制面板里点击减去前部按钮。填充结果组为白色,降低它的不透明度为60%。改变它的混合模式为叠加。

clip_image013

步骤11

选择”bottomFold”,在前面做两个复件(Control + C > Control + F > Control + F)。选择这个顶部复件,从你的键盘里使用向下箭头向下移动3px。重新选择这些复件,从路径控制面板里点击减去前部按钮。填充结果组为白色,降低它的不透明度为80%。改变它的混合模式为柔和光。

clip_image014

步骤12

重新选择”bottomFold”,并且连带所有这些被用于突出这个信封边缘的形状,组合它们(Control + G)。移动到层面板,在这个新组上双击鼠标,命名为”bottomFold”.

clip_image015

步骤13

启用对齐网格 (视图 > 对齐到网格),然后选择”main”,在前面做一个复件(Control + C > Control + F)。使用矩形工具(M),创建一个270 x 105px形状,添加黑色”black”图形样式,如第二个图像显示进行放置。侧重这个新矩形的底部边缘,选择直接选择工具(A),选择全部锚点,然后点击Alt + Control + J。勾选上Both选框,点击OK。选择这个新三角形相撞,并且进入效果>风格化>圆角。输入5px半径,点击OK,并且进入对象>扩展外观。选择结果组,同时伴随着”main”复件,从路径控制面板点击相交按钮。填充这个结果形状为线性渐变,如下图所示,增加它的不透明度为100%。到图层面板,命名这个新形状为”topFold”.

clip_image016

步骤14

选择”main”,在前面制作一个复件(Control + C > Control + F),然后选择”topFold”,进入到对象>路径>偏移路径。输入1px偏移,点击OK。选择这个步骤制作的两个形状,从路径控制面板点击相交按钮。填充这个结果形状为黑色,降低它的不透明度为50%,并且改变混合模式为柔和光。

clip_image017

步骤15

选择”main”,在前面制作一个复件(Control + C > Control + F),然后选择”topFold”,进入到对象>路径>偏移路径。输入1px偏移,点击OK。选择这个步骤制作的两个形状,从路径控制面板点击相交按钮。填充这个结果形状为黑色,降低它的不透明度为30%,并且改变混合模式为柔和光。

clip_image018

步骤16

取消对齐网格(视图 > 取消对齐网格).选择”topFold”,在前面做两个复件(Control + C > Control + F > Control + F)。选择顶部复件,使用键盘里的向下箭头下移1Px.重新选择两个复件,从路径控制面板,点击减去前部按钮。填充结果形状为白色,改变它的混合模式为柔和光。

clip_image019

步骤17

选择”topFold”,在前面做两个复件(Control + C > Control + F > Control + F)。选择顶部复件,使用键盘里的向上箭头上移3Px.重新选择两个复件,从路径控制面板点击减去前部按钮。填充结果形状为白色,降低它的不透明度为60%,改变它的混合模式为叠加。

clip_image020

步骤18

选择”topFold”,在前面做两个复件(Control + C > Control + F > Control + F)。选择顶部复件,使用键盘里的向上箭头上移4Px.重新选择两个复件,从路径控制面板点击减去前部按钮。填充结果形状为白色,降低它的不透明度为80%,改变它的混合模式为柔和光。

clip_image021

步骤19

重新选择”topFold”,并且加上用于突出信封这个边缘的所有形状,组合它们(Control + G)。移动到层面板,命名这个新组为”topFold”.

clip_image022

步骤20

启用对齐网格(视图 > 对齐网格)。使用矩形工具(M),创建一个200 x 90px形状,填充为R=189 G=189 B=174,如第一个图像进行放置。转换到选择”直接选择工具” (A),选择全部锚点(在第一个图像里被突出),然后点击Alt + Control + J。勾选上Both选框,点击OK。(如下图所示)转移到层面板,在这个新三角形上进行双击,命名为”topFold Shadow”,选择它,将它拖拽到”topFold”组下面,选择这个填充,降低它的不透明度为75%,改变混合模式为正片叠底,然后进入效果>风格化>圆角。输入5px半径,点击OK,并且进入对象>扩展外表。输入一个10px半径,点击OK,并且进入效果>模糊>高斯模糊。输入5px半径,并且点击OK。

clip_image023

步骤21

重新选择”main”,在前面做一个复件(Control + C > Control + F),将它带到前部(Shift + Control + ] )。选择这个新形状,代替线性渐变为R=165 G=165 B=165,并且改变它的混合模式为颜色加深。选择所有形状,组合它们(Control + G)。到图层面板,命名这个新组为信封。

clip_image024

4.添加一个图案的背景

选择矩形工具(M),创建一个形状,大小和你的艺术板差不多(600 x 600px),,填充为R=193 G=212 B=212,确保这个新形状保持被选中,然后添加一个第二个填充,使用”添加新填充”按钮(在下图被小蓝箭头所指)。选择这个新填充,添加径向渐变,如下图所示。给这个正方形添加第三个填充。你将需要给这个新填充一个内在的图案。移动到色板面板,进入打开色板库>模式>基本图形>基本图形-纹理。这应该打开一个带有内置模式简单设置的新窗口。确保你的正方形仍被选中,选择第三个填充。添加钻石图案,降低它的不透明度为60%,改变混合模式为叠加。移动到图层面板,命名这个新形状为背景,然后锁住它去确保你不会意外地移动或者选择它。

clip_image025

5.添加阴影和增加信封

步骤1

选择你的信封组,进入效果>风格化>阴影。如左窗口里所示输入属性,点击OK,再次进入到效果>风格化>阴影。如中间窗口所示输入属性,再次进入效果>风格化>阴影。照右窗口所示输入属性,再点击OK。

clip_image026

步骤2

确保你的信封组仍被选择,进入效果>扭曲&转换>转换。照左窗口输入属性,点击OK,再次进入效果>扭曲&转换>转换。在右窗口里面输入属性,点击OK。注意对于扭曲的信封,怎样不会改变图案的方向。为了解决这个问题,你需要去扩展图案形状。重点在图层面板,打开信封组,选择全部图案形状,进入对象>扩展。最后图像的效果看起来应该像第三个图像那样。回到图层面板,锁住信封组。

6,创建一个简单的邮票

步骤1

使用矩形工具(M),创建一个25px正方形,填充为白色,将它如下图放置。给这个新形状添加一个2pt的红色线条,选择它,打开线条面板(窗口>线条)。勾选上虚线,然后再第一个dash和gap框框里输入2。(如图所示)

clip_image028

步骤2

确保你的25px正方形仍被选中,然后进入对象>路径>轮廓线。选择形状的结果组,从路径控制面板里点击组合按钮。填充结果形状为黑色,降低它的不透明度为5%。转移到图层面板,命名这个新形状为邮票阴影,然后再前面做一个复件(Control + C > Control + F)。选择它,增加不透明度为100%,并如下图所示去将黑色代替为线性渐变。返回到图层面板,命名这个新形状为邮票。

clip_image029

步骤3

选择你的邮票形状,选择外观面板,添加第二个填充。选择它,设置颜色为黑色,降低它的不透明度为40%,改变混合模式为柔和光,然后进入效果>转化为形状>矩形。照下图所示输入属性值,并且点击OK。

clip_image030

步骤4

确保你的邮票形状仍被选中,选择外观面板,使用添加新的线条按钮去添加两个黑色线条(如下图小蓝色箭头所指)。选择底部的一个,做出1pt宽度。将它排列到内部,降低它的不透明度到40%,改变混合模式为柔和光,并且进入效果>转化为形状>矩形。如下图所示输入属性,并且点击OK。转移到顶部线,做成1Pt宽度,将它排列到内部,降低不透明度为40%,改变混合模式为柔和光,并且进入效果>转化为形状>矩形。如下图所示输入属性,并且点击OK。

clip_image031

步骤5

选择邮票,确保没有填充或者是线条被选择(在外观面板里),进入效果>扭曲&转化>自由扭曲。如下图所示拖拽到底部,左锚点,点击OK,并且进入效果>风格化>阴影。照下图输入属性,点击OK。

clip_image032

7.创建两个简单的章

步骤1

使用椭圆工具(L),创建一个35px圆圈,如下图进行放置,填充为无,但是添加四条红色(R=237 G=28 B=36)线条。选择外观面板,选择底部线条,做成2pt宽度,排列到内部。接着进行制作另一条线,做成1Pt宽度,向内部排列,然后进入到效果>路径>偏移路径。输入-3px偏移,点击OK。继续下一条线,做成1Pt宽度,向内部排列,然后进入到效果>路径>偏移路径。输入-9px偏移,点击OK.返回到外观面板,选择顶部线,做成2Pt宽度,向内部排列,然后进入到效果>路径>偏移路径。输入-11px偏移,点击OK.转移到图层面板,命名这个小圈圈为红印章.

clip_image033

步骤2

使用文字工具(T),如下图所示添加一个简单的文本。设置颜色为R=28 G=117 B=188,使用字体”Myriad Pro”,设置为粗体,大小为8pt。

clip_image034

步骤3

确保你的文本被选中,选择外观面板,添加一个1Pt线条。选择它,设置颜色为R=28 G=117 B=188,然后进入到效果>转化到形状>矩形。如下图所示输入属性,点击OK,进入效果>风格化>圆角。输入3px半径,点击OK,返回到外观面板。确保线条仍被选中,点击复制选择项目按钮。侧重这个新的线条,做成1pt宽度,并且打开存在的圆角效果。增加半径到5px,点击OK,进入效果>路径>偏移路径。输入2.5px偏移,点击ok。转移到图层面板,命名这个文本为蓝色章.

clip_image035

步骤4

取消对齐网格(视图> 取消对齐网格)。对于这个步骤,你将需要”涂鸦”艺术笔刷。如果在你的笔刷面板内部没有它,这里就是你需要去做的东西。打开笔刷面板,菜单(窗口 > 笔刷),简单的进入打开笔刷库>艺术>艺术—粉笔。选择”Chalk – Scribble”艺术笔刷,选择笔刷工具(B),并且画一个简单的路径,将它覆盖于你的章形状,如下图所示。设置这些笔刷的颜色为R=30 G=30 B=30

clip_image036

步骤5

打开透明度面板。选择红章,同时加上覆盖它的笔刷,进入到制作不透明度蒙版。确保这个蒙版形状保持被选中,从透明度面板里,取消选择剪切框框,改变它的混合模式为柔和光。

clip_image037

步骤6

选择蓝色印章,并且加上艺术笔刷,重复红色印章的蒙版技术,但是设置混合模式为正片叠底,代替柔和光,降低不透明度为10%。

clip_image038

恭喜!你完成了!

下图是作品应该呈现的样子,我希望你能享受这个教程,可以在你未来的项目上应用这些技术。

clip_image039

 

原文地址:olihe.com

 

已有1人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×