论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

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

文章类别:div+css | 发表日期:2010-11-11 9:25:11

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

视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058