当前位置:首页 >> 平面设计

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

教大家如何运用Illustrator的描边,纹理,路经位移等功能来制作一个圆形针线缝制效果的LOGO,教程有点难度哟,有兴趣的朋友可以学学.

  看起来很复杂的样子,其实方法会了也简单,没有什么难事的

  最终效果:

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

  教程分3部分,背景;图形;文字。好了,此教程由软件自学网首发,开始吧!

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程 
同样对暗部描边应用应用效果-扭曲和变形-变换效果。
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

  放大效果。

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

  然后应用-效果-风格化-投影。

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

  在亮灰色层上层新建1pt灰色虚线描边,此教程由软件自学网首发,对描边应用效果-风格化-投影。

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程 
然后我们做最外圈的针线边,这个原理和上面做内圈一样,不同的是要对每个描边应用效果-路径-位移路径。
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

  图形完成。

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程 
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

  新建高光填充,此教程由软件自学网首发,填充亮灰色,应用变换效果。

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程
Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程

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

Illustrator(AI)设计绘制出超仿真的缝线效果的LOGO和文字实例教程