css3技术

Illustrator CS2教程:好看的立体针线缝制图片效_div+css教程

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:47 我要评论( )

Illustrator CS2教程:好看的立体针线缝制图片效,学习Illustrator CS2教程:好看的立体针线缝制图片效,Illustrator CS2教程:好看的立体针线缝制图片效,查看Illustr

Illustrator CS2教程:好看的立体针线缝制图片效

这篇Illustrator CS2 教程,主要教大家如何设计出一个好看的立体针线缝制图片效果。这种效果看起来很有 Mac 的感觉。主要使用正片叠底、滤镜、高光等技巧。希望大家喜欢...

  最终效果:

高级针线缝制效果


图00

  教程分3部分,背景;图形;文字。好了,开始吧!

  1、新建矩形框,去掉填充、描边。

高级针线缝制效果


图01

  然后新建填充,填充渐变。

高级针线缝制效果


图02

  然后再在上层新建填充,填充亮一点的灰色,对灰色应用效果-艺术效果-胶片颗粒。然后把混合模式改为正片叠底

高级针线缝制效果


图03

  再在最上层新建填充,填充径向渐变(白色-灰色),在透明度面板把混合模式改为正片叠底。

高级针线缝制效果


图04

  2、下面我们来制作图形。其实图形也是由许多外观面板里的填充和描边组成。首先新建圆形,去掉填充和描边。

高级针线缝制效果


图05

  新建0.75pt的高光描边,填充亮红色,对描边应用效果-扭曲和变形-波纹效果。

高级针线缝制效果


图06

  同样方法新建0.75pt中间色和2pt暗部描边,同样应用波纹效果。然后对高光描边应用效果-扭曲和变形-变换效果

高级针线缝制效果高级针线缝制效果


图07

  同样对暗部描边应用应用效果-扭曲和变形-变换效果。

高级针线缝制效果


图08

  放大效果。

  这时在图层样式面板中,把这个效果新建为图层样式以备后面使用。

高级针线缝制效果


图09

  然后我们来模拟布的效果。在描边的下层新建淡分色填充,对填充应用效果-纹理化-纹理化效果。

高级针线缝制效果


图10

  然后再新建亮灰色填充,应用效果-路径-位移路径。再应用效果-纹理化-纹理化效果。然后应用-效果-风格化-投影。

高级针线缝制效果


图11

高级针线缝制效果


图12

高级针线缝制效果


图13

  在亮灰色层上层新建1pt灰色虚线描边,对描边应用效果-风格化-投影。

高级针线缝制效果


图14

高级针线缝制效果


图15

  然后我们做最外圈的针线边,这个原理和上面做内圈一样,不同的是要对每个描边应用效果-路径-位移路径。

高级针线缝制效果


图16

高级针线缝制效果


图17

高级针线缝制效果


图18

高级针线缝制效果


图19

高级针线缝制效果


图20

 

 

高级针线缝制效果


图21

高级针线缝制效果


图22

高级针线缝制效果


图23

高级针线缝制效果


图24

高级针线缝制效果


图25

图形完成。

高级针线缝制效果


图26

钢笔工具画曲线,然后应用我们之前新建的图层样式。

高级针线缝制效果


图27

 

 

高级针线缝制效果


图28

  现在可能有点乱,但是你可以看下面这个圆形的外观面板,我们一共有这么多填充和描边层,以及每一个层的位置和应用的效果,可以自己想一想,基本就OK了。

高级针线缝制效果


图29

  3、我们来制作文字。文字原理和上面一样,都是利用外观面板,新建出高光、中间调、暗部这3个层,然后对高光和暗部应用效果-扭曲和变形-变换效果既可完成。

  制作直线。

高级针线缝制效果


图30

高级针线缝制效果


图31

  文字,输入文字,去掉填充和描边。

高级针线缝制效果


图32

  新建中间调填充,填充渐变,上暗下稍亮。

高级针线缝制效果


图33

  新建高光填充,填充亮灰色,应用变换效果。

高级针线缝制效果


图34

  新建暗部,填充黑色,应用变换。

高级针线缝制效果


图35

高级针线缝制效果


图36

  把文字效果新建为图层样式。

高级针线缝制效果



图37

  输入其他文字,对文字应用刚新建的图层样式。

高级针线缝制效果


图38

高级针线缝制效果


图39

  大功告成。看似复杂,把原理掌握了,就很简单了。希望你学会了,哈哈!!!!

高级针线缝制效果


图40

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评