Archive for the ‘ Dirty Tips & Trickes In Illustrator ’ Category

用Illustrator快速制作圆角的技巧

最近迷上Illustrator了,很好玩,很强大。晚上看了小教程,对于高手来说肯定很简单(即使我这种菜鸟也做得出来),但是思路很有意思,特翻译转载一下,只记要领,其他忽略。

原文地址:http://www.creativepro.com/article/round-corners-quickly-illustrator

例一:实现下图圆角效果

rounded-corner1

这种效果,我一般比较容易想到的是用“路径查找器”,但是路径查找器做出来的东西不易修改。如果钢笔用得很好的,也可以直接用钢笔去修改,不过作者提出的方法是这样的,先看下图:

rounded-corner2

具体做法:

1、画一个矩形

2、在“外观”面板添加一个新的填充。

3、选择该填充,然后执行“效果>风格化>圆角”。现在的结果是,直角矩形上面多了一层圆角矩形的填充。

4、继续选中圆角矩形填充,执行“效果>扭曲和变换>变换”,在变换效果面板打开预览,在移动选项下填入需要位移的数值。这样做的话,今后要修改可以直接修改图层样式,随时改变参数,很方便,而且精确。

例二:实现下图效果,思路是类似的。

rounded-corner2

rounded-corner3

具体做法:

1、画一个直角矩形。

2、选中这个直角矩形的填充,执行“效果>风格化>圆角”,填充变成一个圆角矩形。(注意一定要在外观面板选中了填充后再去执行效果,否则会给整个图形添加上圆角效果)

3、添加新填充(此时新填充是直角的),执行“效果>扭曲和变换>变换”,在变换效果面板打开预览,把注册点注册到你希望变为直角的点(例如右上角),然后在缩放栏水平、垂直两项各填上50%,此时发现直角矩形朝右上角缩放。同理,如果要做左下角的直角,则在添加一个新填充,继续执行变换。或直接复制该填充然后修改图层样式参数。

最后,附上一个画图形的教程,蛮好玩的:Illustrator_Shapes_Tutorial_by_milkbun

Illustrator_Shapes_Tutorial_by_milkbun

Illustrator图像是使用链接还是嵌入?

图像是使用链接还是嵌入?

什么是链接?
当Illustrator链接一个图像的时候,其实并没有将这个图像实际地包含在文件中,也就是说这个时候Illustrator对链接的 图像生成了一个相应的图像副本,相当于占位符的角色,但是实际这个图像与正在制作的Illustrator文件保持着独立。这样能够帮助减小文件的大小, 但是有一点需要特别的注意,只有一些特定的格式才支持链接。
支持链接的格式:BMP、EPS、GIF、JPEG、PICT、PCX、PDF、PNG、Pixar、Targa及TIFF格式。(这些格式优于嵌入方式) 

什么是嵌入?
当Illustrator嵌入一个图像的时候,会实际的将这个图像包含在当前的Illustrator文件中,这也就预示着当前整个Illustrator的文件会比较大。

在Illustrator中不管是链接图像还是嵌入图像,只要打开菜单window/Links面版就能找到跟踪信息。

我们可以将Links面版看作是图像的链接管理,大致可以归纳几点:
1.可快速查找是否丢失一项链接或是否需要更新一项链接(感叹号图标)

2.通过单击面版底部的图标可以Replace(替换链接)、Update Link(更新链接)、Go to Link(去链接处)和Edit Original(编辑链接)

3.通过面版右边小三角下拉菜单可将链接的图像转成嵌入的图像

4.通过双击链接图层打开Link information(链接信息)对话框,可以在其中获得链接的相关信息(如:文件名、位置、大小、种类、修改日期和所作变化)(并不是所有的格式都可以获得所有这些信息)

注意:除非Links面版提供了颜色模式的信息(如:RGB、CMYK、Grayscale或栅格图像),其余的需要手工检查连接的颜色模式信息。可以在以下的情况中选择嵌入图像的方式:
1.这个图像文件很小。(嵌入以后不影响对正在使用的Illustrator文件的运行等。)

 2.正在创建Web图像。(WEB图像是直接发布在网络上的,所以用嵌入图像直接输出为WEB图像不会出现缺损图像)

3.置入的文件通过透明度与文档中的其他部分相互影响。此时嵌入图像可以保证正确的平整和打印。

4.链接不支持所要置入的图像格式。

在以下情况中选择链接(优于嵌入)图像

1.插图作品中使用了同一幅图形的几个副本。

2.图像文件较大。

3.文件通过低版本要被用到高版本中。

学好Adobe Illustrator 3D的40个妙招

原文地址:http://article.yeeyan.org/view/125978/75940

Adobe Illustrator 是许多职业画家和设计者都爱用的一款多功能矢量图软件。那强有力的工具设置和直观的操作界面代表了矢量作业的的发展趋势。Illustrator 长于让设计者创作出让人震惊的逼真3D作品。

在这个合辑里, 你将会找到40个有用且内容丰富的技术教程,以下三维图形均是利用Adobe Illustrator创作出来的。

1. 运用Illustrator’s 3D的斜角与凸出工具创作出的一本打开的书

how-to-learn-illustrator-01

阅读这个教程来学习如何设计一本三维图书

2. 利用Illustrator 创作出一个酷酷的3D 数据图表

how-to-learn-illustrator-02

学习如何利用Illustrator的工具和手段例如渐变网格工具来把梦想中数据图表变为现实的

3. 利用映射向量来制作一听豆子罐头

how-to-learn-illustrator-03

利用Illustrator工具和技术比如挤压工具图像映射手法来设计一听罐头(工业设计的完美作品)

4. 利用Illustrator的三维工具来制作一个礼品盒

how-to-learn-illustrator-04

通过设计包装盒实体模型软件来找到一个制作三维礼品盒的方法

5. AI三维建模的乐趣

how-to-learn-illustrator-05

在Illustrator里通过研究工具、按钮和方法来制作三维图像.

6. 让我们来做好玩又震撼的艺术字吧

how-to-learn-illustrator-06

通过阅读VECTORTUTS这篇教程来学习如何如何制作一个三维艺术字

7. 三维的蓝色电子闹钟

how-to-learn-illustrator-07

利用Illustrator里的一些工具比如圆角矩形工具, 倾斜工具混合工具来制作一个电子闹钟

8. 利用三维和透明方法来设计可乐瓶

how-to-learn-illustrator-08

利用Adobe Illustrator里的方法和技巧来制作一个逼真的可乐瓶.

9. 做一个Illustrator圆柱图

how-to-learn-illustrator-09

这个教程告诉你你如何利用挤压和突出工具里的制图选项来制作一个圆柱体

10. 做一个三维的扑克盘第二部分

how-to-learn-illustrator-10

AiBURN里的两个连续教程告诉你如何使用Illustrator里的选择和倒角工具来制作一个三维的扑克纸片

11. 怎样制作一组星星

how-to-learn-illustrator-11

在这个教程里你将会学到如何用Illustrator制作一组星星

12. 用Illustrator的三维部件来制作二维火花塞的结构图

how-to-learn-illustrator-12

示意图是Illustrator最重要的用途之一 – 学习一种制作三维图(例如本手册指出的)的方法

13. Illustrator CS的三维结果

how-to-learn-illustrator-13

这篇教程将教你Illustrator的三个要点: Part 1 讨论挤压和倾斜的基础 Part 2 创造出自定义倾角, Part 3 讨论旋转工具, 和 Part 4 讨论光线和透明度.

14. 用Adobe Illustrator CS制作三维图表

how-to-learn-illustrator-14

用Illustrator来制作专业图表将给人留下深刻印象:所以快来学习这个教程学会如何使用制图工具吧.

15. 设计一个商业报告书封面

how-to-learn-illustrator-15

制作一个即专业又吸引人的商业报告书封面需要用到三维制图来制作一些建筑模型

16. 用Adobe Illustrator制作一个地球仪

how-to-learn-illustrator-16

这个教程告诉你如何快速使用三维旋转按钮和向量制作地球仪

17. 三维的碗

how-to-learn-illustrator-17

这个教程告诉了你在Adobe Illustrator里制作逼真的三维果盆的详细方法

18. 如何用Illustrator把地图做成三维效果

how-to-learn-illustrator-18

在这个很高深的教程里学会地图三维化的技巧

19. 制作一个国个际象棋场景图

how-to-learn-illustrator-19

利用倾斜工具三维旋转工具来制作三维棋子

20. 三维等边形制作教程

how-to-learn-illustrator-20

 利用Illustrator工具比如三维旋转工具来制作一个简洁漂亮的图形

21. 利用Illustrator制作小图钉和白纸

how-to-learn-illustrator-21

在这个针对初学者的教程里,你将看到一种制作三维图钉白纸图像的方法

22. 三维图表

how-to-learn-illustrator-22

学习另一种简便快捷制作三维图表的方法

23. 制作一幅抽象艺术

how-to-learn-illustrator-23

看完这个Illustrator 步骤就能制作抽象又立体的艺术品了

24. 三维棋盘、国王和小兵

how-to-learn-illustrator-24

按步骤读完这个Illustrator教程你就能制作三维棋子

25. 制作三维红细胞

how-to-learn-illustrator-25

这个Illustrator教程介绍了制作三维血红细胞的步骤

26. 万圣节南瓜脸

how-to-learn-illustrator-26

通过这个illustrating教程来学习如何制作万圣节南瓜脸

27. 三维花盆

how-to-learn-illustrator-27

通过这个又快又简单的方法来学习制作三维花瓶,首先呢~用符号库在构图上添几朵花

28. 3D骰子

how-to-learn-illustrator-28

在这个简短的7步教程里,你将学会如何利用斜角凸出工具里图示选项的制作一个三维的骰子

29. 用Illustrator制作一个锤子

how-to-learn-illustrator-29

在这个教程的指导下利用多种Illustrator工具和方法来制作一个三维锤子

30. 利用Illustrator画一个花瓶

how-to-learn-illustrator-30

这是一种利用Adobe IllustratorHere制作一个逼真生动的三维花瓶的方法

31. 制作三维购物筐图形

how-to-learn-illustrator-31

通过这个三维工序,你将学到一种二维三维混用制作购物筐的方法

32. 三维商标教程

how-to-learn-illustrator-32

通过这个短而有用的教程来学习如何制作一个漂亮的三维商标

33. 摇滚球

how-to-learn-illustrator-33

通过这个简短有用的Adobe Illustrator教程你将了解制作一个摇滚球的具体步骤

34. 帅气的三维商标

how-to-learn-illustrator-34

这个教程将显示利用Illustrator制作三维商标的另一种方法

35. 渐变网格工具简介

how-to-learn-illustrator-35

为了做出三维图像精确的阴影效果就必须熟用渐变网格工具;这个教程将给你带来直观的感受

36. 制作半透明的即时通讯图表教程

how-to-learn-illustrator-36

跟着教程来学习怎样利用渐变网格工具来重做一个MSN图标

37. 三维矢量日历图像

how-to-learn-illustrator-37

通读这个教程后就可以用Illustrator一步步制出这个漂亮的三维日历图像

Illustrator和…

这里有一些联合利用iIllustrator 和其他软件的教程n。

38. 用Illustrator and Photoshop来做一个色彩斑斓的三维爆炸字形

how-to-learn-illustrator-38

合用Illustrator和Photoshop来制作一个爆炸型的艺术字

39. 合用Illustrator 和Photoshop来达成三维效果

how-to-learn-illustrator-39

合用Illustrator和Photoshop来制作一个未来风格的艺术作品

40. 把Swift当做Illustration的一个好工具

how-to-learn-illustrator-40

合用Illustrator和Swift3D (一种建模和动画软件)来创作三维图形

Illustrator旋转应用[转]

Illustrator变换工具详解:http://vector.tutsplus.com/tutorials/tools-tips/all-about-transformation-in-adobe-illustrator/
Rotate1

Rotate2

Rotate3

Rotate4

Rotate9

Rotate6

Rotate7

Rotate8

Rotate9

Rotate10

Rotate11

Illustrator 初级教程合集

打算做一个Illustrator 初级教程合集的整理,主要是方便自己学习和备忘。收集的多是些简单的菜鸟级教程,年纪大了越来越喜欢简洁的步骤和比较实用的效果,当然能力有限也是重要原因。每个教程会给出大致思路,效果图和教程地址(多数是英文教程),确实没有时间去翻译,自己多玩才是王道。

1、变换 + 图层样式 + 混合 效果教程

blendrecolored

思路:

画一个简单图形,利用“效果>扭曲变换”做出一组随机的变换图案,并将它定义为图层样式。

再利用混合工具“按指定的步数”做出效果,画一条路径“替换混合轴”。

选择部分图形进行颜色的修改。

教程地址:http://freetransform.net/?p=70

 

2、极简马赛克拼贴教程

11_roughen-hard-lighted

思路:

“对象>创建对象马赛克”- “效果>转换为形状”- 拓展练习

教程地址:http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-mosaic-portrait-from-a-photograph/

photoshop版实现方法:http://www.designspice.com/main/tutorials/tut_mosaic_PS.php

 

3、使用Illustrator CS4制作3D字体

splat

思路:

关键是正确掌握透视的一些基础知识,通过“效果-3D”来实现立体字。

教程地址:http://www.layersmagazine.com/create-perspective-using-simple-2d-art-with-illustrator-cs4.html

 

4、边框效果

Border Effects

思路:蒙版+符合喷枪

教程地址:http://www.layersmagazine.com/border-effects-in-adobe-illustrator.html

5、利用图形工具制作LOGO

logo-creation-howto23

思路:图形工具 + 路径修改 + 创意

教程地址:http://veerle.duoh.com/blog/comments/illustrator_type_technique_using_shapes/

类似的教程:

zag_conclusion

教程地址:http://abduzeedo.com/creating-crazy-cool-logo  建议先看上一个,这个教程步骤介绍较为“简约”

Illustrator 混合工具详解

最近抽空看了一下《Adobe Illustrator CS3 中文版经典教程》的前6课,没什么感觉;因为以前没有接触过矢量处理软件,一直觉得挺神秘,接触了发现其实也挺好理解。Adobe系列的软件在工具组、快捷键和工作模式上有很多共通之处,所以其实不难上手,却不怎么吸引。

但是下午看了这个《Illustrator’s Blend Tool: A Comprehensive Guide》,在结合《Adobe Illustrator CS3 中文版经典教程》的第九课和Illustrator自带的帮助文档,觉得非常有收获(本人喜欢跳着学习,否则没有动力)。特翻译留待日后温习。此文对高手来说应该是基础级别,翻译只为学习。

原文地址:http://vector.tutsplus.com/tutorials/tools-tips/illustrators-blend-tool-a-comprehensive-guide/

Illustrator 混合工具详解

在Illustrator中,混合工具能够制造出非常生动的色彩混合,但或许有些细节读者诸君还不是很了解。本文将助你充分发挥想象力,详细介绍关于混合工具的所有特性、快捷键和深入的使用方法。

简介

假如你一直使用Illustrator进行图形创作,那么混合工具无疑是非常重要的工具之一。相比网格渐变工具,混合工具是一种实时工具,也就是说你在改变对象或形状的颜色或位置时,混合效果会实时更新。使用工具箱里的混合工具或菜单栏中的混合选项就可以创建出混合效果。值得注意的是,使用混合工具时会耗费大量内存,所以可能会致使计算机运行缓慢。

混合工具(The Blend Tool)

下面是混合工具相关的要点和快捷键:

  • Blend Tool (W)
  • Blend selected paths or shapes (Ctrl + Alt + B)
  • Release blend (Shift + Ctrl + Alt + B)
  • Expand to make blend permanent
  • Reverse Spine to flip a blend
  • Replace Spine to apply a different path
  • Reverse Front to Back to reverse the stacking position of blends (useful for animation)
  • 主要功能见下图:

     1 2

    各种形状的混合(Blends with Various Shapes)

    可以在非闭合路径(例如线条)之间建立混合效果: 3

    可以在闭合路径(例如形状)之间建立混合效果: 4

    混合效果之间也可以建立混合效果:

     5

    混合选项面板(Blend Options Palette)

    平滑颜色:

     6

    指定的步数:

     7

    指定的距离:

     8

    使用混合工具添加混合效果(Applying Blends with the Blend Tool (W))

    使用混合工具时,可以很简单的将两三种颜色混合到一起;而当点击图形的角点而不是中心点时,可以将图形变形为镜面映射对象。

     9

    混合不同的图形(Blending Different Shapes)

    10

    混合不同的渐变形状(Blending Shapes with Different Gradients)

    可以混合不同的渐变形状来达到一种非常优美的效果。这些对象经常被用于制作背景或复杂图形中的一部分。

    11

    混合沿路径对齐分布(Aligning blends Along a Path)

    一旦建立混合以后,就可以修改混合效果的运动路径。

    沿路径按指定的步数建立:

    12

    沿路径以平滑颜色的方式建立:

    13

    沿路径按指定的间距建立:

    14

    “替换混合轴”选项(Replace Spine Option)

    建立混合效果以后,可以改变它的运动路径;只需建立一个你需要的新路径,同时选择新路径和已建立的混合,然后通过“对象>混合>替换混合轴”的方法来实现。

    15

    对齐页面或路径(Align to Path or Page)

    16

    17

    反向混合轴(Reverse Spine)

    可以通过反向混合轴功能来使渐变反向。执行“对象>混合>反向混合轴”。

    18

    19

    利用混合工具创建高光效果

    可以通过混合工具来创建高光效果,尤其是那些渐变工具无法实现的效果:

    20

    可能性是无限的!

    使用混合工具可以制作出一些非常特别的效果,不过要记住使用混合工具很消耗内存而且会使AI文件变大。

    21