illustrator制作图标

第一篇：illustrator制作图标

Illustrator把照片制作成矢量线条插画教程

学游戏就上我学院woxueyuan.com

Illustrator把照片制作成矢量线条插画教程

本AI教程主要使用Illustrator把照片制作成矢量线条插画，教程难度一般，但是挺有创意的，也算是一个技巧的分享吧。喜欢的朋友让我们一起来学习吧。 我们先来看一下效果图：

具体的制作步骤如下：

1、新建文档，点文件菜单>置入。选择图像/照片文件，点“置入”，导入图片(如果你想导入的图片文件至始至终都保存在新建的文档里，那么请不要勾选链接选项)。下一步，选择图片，并且使用Ctrl+2锁定它。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

2、依据图片的复杂程度，来确定图片上使用的阴影数。这里，我定义了3种不同类别的阴影，即最亮的区域(明调)为空，中间调用单线表示，最暗的阴影(暗调)用交叉线表示。你也可以尝试使用不同的线条来表示不同的阴影。

3、使用直线段工具()，绘制一条水平线，宽度比图片(描摹区)宽一点。把它移到描摹区的顶部，描边颜色：使用对比度高的颜色。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

4、选择线条，点对象菜单>变换>分别变换(Alt+Shift+Ctrl+D)。垂直移动：输入-10px，点“复制”。下一步，按Ctrl+D直到线条到达图片(描摹区)底部。

(注：垂直移动框内，你输入的数值，结果要能清晰地看见复制的线条。这里我使用的是-15px。)

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

5、选择所有的线条，按Alt+鼠标拖拽，制作线条的副本。下一步，副本旋转90度，把它暂时放在画板的一边，之后我们会用到它。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

6、纵向描摹

从最上面的线条开始调整，用相同的方法调整每一根水平线的大小，每一根水平线的2个端点终止于描摹区的边缘处。你可以使用选择工具(V)来调整水平线的大小。我们的目标是用水平线来覆盖描摹区。

7、调整每一根线条的大小，调整不包括明亮区(明调)。 译者注：因为第2步明调定义为空。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

每一段的水平线，你会发现它们都是处于同一水平路径上的。因为这个原因，所以你可以在要显示暗调的位置复制和放置一些线条。

8、选择所有的水平线，按Ctrl+2锁定。下一步，使用之前第5步制作的线条副本，把它移到描摹区的最左边。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

9、横向描摹

从最左边的线条开始调整，方法同第

6、第7步。调整每一根垂直线条的大小，目标是覆盖住整个暗调区。调整不包括最亮的区域，中间调和交叉线表示的暗调如图所示。 图中：intersect the darkest parts：交叉线表示的暗调 Exclude the brightest parts：调整不包括最亮的区域 Leave medium shades without intersecting：中间调不交叉

如果需要的话，可以复制线条。按此操作，直到调整到图片的最右边。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

10、描摹完成后，全部解锁(Ctrl+Alt+2)，并且删除背景图片。选择所有的线条，群组(Ctrl+G)。你可以尝试更改线条描边的颜色和宽度，以求得到最佳的效果。

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

学游戏就上我学院woxueyuan.com

尾声和应用范围

本教程所描述的技巧是一种双向描摹技巧，即横向和纵向。你还可以定义斜线描摹。最终的成品可用于店铺设计、大型海报和其它设计。希望思缘的朋友们喜欢这篇AI教程。 更多Illustrator教程，请上我学院网：http://

Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|UI设计|原画设计|动漫美术|游戏策划

第二篇：超详细Photoshop图标制作教程

在本教程中，我们将展示一种苹果水晶风格的雷达图标制作方法。最终效果如下：(原教程中有一些步骤含糊不清，并且和最后的源文件不一致，翻译时我做了适当的调整)

第1步：

在Photoshop中新建一个大小为 1024×1024 的空白文档。添加一个纹理背景(原作者使用了一个之前教程中制作的类布纹纹理)，只要贴合整体风格即可。 第2步：

使用 椭圆形选择工具 在画布正中央拖出一个大小为 500×500 左右的圆。然后填充为 黑色。命名为circle。 第3步：

为了创建图标的边框，我们复制刚刚填充的圆，然后缩小到合适的尺寸形成一个内圆，命名为inner circle。

然后，在图层面板上，右键点击inner circle的缩略图，在弹出菜单上选择 选择像素 从而建立一个马上要用到的选区。

第4步： 隐藏这个图层后，点击circle图层激活，接着执行 图层 > 图层蒙版 > 隐藏选区 。这样就以蒙版的形式得到了一个圆环，也就是我们要做的图标的边框。

第5步：

通过调整circle图层的图层样式得到金属质感的边框。样式中要运用到 投影、内阴影、斜面和浮雕、颜色叠加。具体设置如下图：

a：设置一个柔和的投影

b：设置内阴影，注意 等高线 的调整。

c：调整斜面和浮雕，通过它达到立体的金属效果，其中阴影设置下的角度、高度和光泽等高线是关键。

d：最后添加颜色叠加，以达到整体的色泽度。颜色是#525252。

第6步： 最后得到了如下效果。

第7步：

这时候取消对inner circle图层的隐藏。接着复制它，得到的新图层命名为small circle。在新图层上执行 图层 > 图层样式 > 渐变叠加 。鼠标拖动渐变，让高光的区域稍微靠近下方，具体设置和颜色值如下图：

第8步：

在small circle上新建一个空白层，然后按住ctrl键点击图层面板上small circle的缩略图得到选区，接下来需要使用 笔刷 工具在选区内刷出按钮的高光效果。笔刷硬度调整为 0%，颜色为 #7a5511，流量可以尽量小一点，这样可以多刷几遍，以获得最优的效果。层命名为top light。

第9步：

接下来添加边框上的颜色，做出一种反射的效果。 添加一个新图层，命名为border light。按住ctrl键点击circle图层缩略图，得到选区，以此为border light层的图层蒙版。接着按住ctrl键点击innercircle图层缩略图，得到选区，在border light图层蒙版上填充黑色，最后得到一个环形的蒙版。 这样，我们使用笔刷在图层上进行制作放光效果，就不会超出边框区域。笔刷设置基本和上一步一样，可以根据自己想要的效果做修改。

第10步：

接下来我们开始制作雷达盘面上的元素。首先在图层面板上 创建新组，命名为elements，并且把组的混合模式改为 颜色减淡。为了保证所有绘制的元素都在盘面内，我们给这个图层图添加一个图层蒙版，选区使用small circle的即可。

然后开始添加雷达的坐标轴。在elements组内，新建图层，命名为x line。使用矩形选择工具，画出一条细线，用白色填充。接着执行 滤镜 > 模糊 > 高斯模糊 ，模糊值使用0.5px。最后把x line图层的不透明度改为 70%。微微发光的效果得以呈现。最后复制x line图层为y line，旋转到垂直的位置，这样完整的坐标轴就完成了。

第11步：

选择椭圆工具(U)，在盘面中央拖出一个圆形，填充调为0%。添加图层样式，具体设置如下： a：外发光

b：内发光

c：描边，大小可以根据喜好在1~3之间设置。

第12步：

因为是矢量的形状图层，所以做好第一个圆形后，直接再复制一个圆形，调大尺寸，最后得到这样的效果：

第13步：

坐标经纬度都制作完成后，我们添加雷达上的目标点。这一步很简单。新建一个图层，命名为spot，直接使用硬度为0%的白色笔刷，将大小调整好后，在你喜欢的位置上分别画上目标点(不透明度和流量均为100%的时候，你只需要鼠标点一下就好了)。

第14步：

添加一些刻度尺，以增加图标的真实感(你也可以添加其他元素，如果你熟悉雷达的话，:-D)。制作方法和前面做坐标轴相同。

第15步：

添加扫描线。用矩形工具(U)拉出一个细长的长方条，用 直接选择工具 把长方体调整为扇面形状。然后旋转45°，将其放置到原点的位置，记得不要添加什么图层样式，只是单纯的白色底。

第16步：

制作扫射的面积效果。没什么难度，主要就是控制钢笔工具画出来形状的平滑度，要和圆弧贴合。命名为scan area，需要注意的是，如果图层仍在elements图层组内，我们需要将它移出图层组，放置到elements的上方，混合模式改为 滤色。

第17步：

把填充调为0%，接着设置图层样式，其中只有渐变填充效果，注意这里设置的是不常用的 颜色减淡(添加)模式，样式为角度为，勾选图层对齐，如果渐变没有和坐标原点贴合，可以用鼠标拖动直至贴合状态。

第18步：

反过头来我们处理雷达盘面外侧的黑色区域。还是使用椭圆工具(U)拖出一个正中央的圆形，大小保持在比黑色区域小一点即可。为了后面的颜色效果，先要将形状图层的颜色定位绿色，值为#24FA38 。

然后使用small circle的选区给它添加图层蒙版，图层命名为inner border后进行图层样式设置，其中的选项值需要根据你制作时候图标的大小进行调整，否则效果会不一致。

第19步：

具体样式如下：最后得到这样的效果，不喜欢边框太黑的，可以在斜面和浮雕那里做出调整。

第20步：

新建一个空白图层，命名为over light，主要是用来添加高光效果。使用之前的方法得到small circle的选区，稍稍向上移动几个像素的位置，让选区如下摆放：

第21步： 使用白色填充这个选区后，把图层的填充调为0%。接着给图层添加个图层蒙版。在图层蒙版上使用图形工具(正方形+椭圆)组合出如下形状的选区，然后填充黑色。

第22步：

最后给这个over light图层添加图层样式，渐变叠加里使用白色到透明即可，其他设置如图。

可以拖动渐变，以达到最后淡淡透明的效果。

第23步：

合并除背景外的所有图层，得到一个新图层，命名为glow，这个图层的主要任务就是营造一种发光的氛围。执行 滤镜 > 模糊 > 高斯模糊，模糊值12~15之间。最后将图层的不透明度调为50%。以small circle的选区给它加上一个图层蒙版，这样发光区域就仅限于雷达盘面里。

第24步：

创建一个图层组，把glow图层放置进去，然后给这个图层组添加一个蒙版。使用笔刷制作出几处不同大小的不可见区域，从而让发光效果得到对比强化。

最后效果如下(缩小后)：

第三篇：中文版Illustrator CS6平面创意设计与制作实例 ai cs6视频教程

中文版Illustrator CS6平面创意设计与制作实例 ai cs6视频教程

本教程有http:///view-11078-1.html整理发布

中文版Illustrator CS6平面创意设计与制作实例视频教程采用案例教程的编写形式，兼具技术手册和应用专著的特点，中文版Illustrator CS6平面创意设计与制作实例视频教程内容全面、结构合理、图文并茂、实例丰富、讲解清晰，不仅适合广大图像设计初级、中级爱好者的使用，同时也可以作为大中专院校相关专业，以及社会各类初、中级平面培训班的教学教材。

目录

第1章IllustratorCS6新手入门

实例001矢量图和位图

实例002IllustratorCS6新增功能介绍

实例003IllustratorCS6的工作环境

实例004新建和打开文件

实例005设置图像显示效果

实例006图像的显示比例

实例007保存文件

实例008置入和导出文件

实例009标尺、网格和参考线

实例010个性化的IllustratorCS6界面

实例011管理画板

第2章简单编辑基本图形对象

实例012使用选择工具选择对象

实例013使用选择菜单选择对象

实例014城市建筑

实例015图形对象的移动

实例016图形对象的复制

实例017锁定与解锁图形对象

实例018编组与取消编组

实例019对象的排列顺序

实例020对齐与分布图形对象

实例021对象的显示与隐藏

实例022对象的删除与恢复

实例023切割对象

实例024圣诞夜景

实例025可爱南瓜

实例026田园风光

实例027复古花卉

实例028风景插画一

实例029风景插画二

实例030水墨花卉

实例031夏季海滩

实例032麦穗

实例033运动鞋

实例034情人节贺卡

实例035春

第3章基本绘图工具的使用

实例036矩形工具

实例037便利贴

实例038圆角矩形

实例039椭圆工具

实例040多边形工具

实例041 星形工具

实例042光晕工具

实例043衣柜

实例044禁止吸烟标志

实例045直尺

实例046手绘插画

实例047圣诞树

实例048圆形相框

实例049矩形背景

实例050综合背景

实例051 电源开关

实例052温度计

实例053可爱卡通背景

实例054麻将

实例055壁纸效果

实例056电视标板

实例057树形剪影

实例058电视机

实例059 iPhone 4S

实例060卡通玩具汽车

实例061伞

第4章填充和描边对象

实例062认识颜色模式

实例063单色填充

实例064渐变填充

实例065卡通烟与烟灰缸

实例066图案填充

实例067渐变网格填充

实例068描边设置

实例069加油器

实例070圣诞贺卡

实例071 餐具

实例072超市海报

实例073卡通蛋

实例074海边风光

实例075公路指示牌

实例076荷花

实例077水滴

实例078千纸鹤

实例079葡萄

实例080甜橙

实例081牵牛花

实例082柠檬

实例083沙发

实例084坐椅

实例085巧克力和樱桃

实例086礼品包装盒

实例087钳子

实例088盆花

实例089钱包

实例090啤酒和酒杯

实例091木门

实例092彩色氢气球

实例093旅行箱

实例094漏斗

实例095椰树

实例096鞋盒

实例097纸箱

实例098苹果

实例099打印机

实例100水杯

实例101超市货架

实例102蜂蜜罐子

第5章复杂图形的创建

实例103直级段工具

实例104弧形工具

实例105螺旋线工具

实例106矩形网格工具

实例107极坐标网格工具

实例108铅笔工具

实例109平滑工具

实例110橡皮擦工具

实例111画笔工具

实例112透视网格工具

实例113色彩斑斓的墨迹

实例114平面图

第6章图形对象的高级操作

实例115旋转工具

实例116镜像工具

实例117缩放工具

实例118倾斜工具

实例119 自由变换工具

实例120对象的扭曲变形

实例121形状生成器工具

实例122实时上色工具

实例123指南针

实例124飞行棋棋盘

实例125魔方

实例126文件夹

实例127贺卡

实例128数码相机

实例129精美标签

实例130水乡一色

实例131小儿退热贴包装

实例132螺丝和螺母

实例133窗

实例134枫树

实例135多彩图案

实例136手提袋

实例137树叶背景

第7章钢笔工具和路径

实例138路径和钢笔工具

实例139编辑路径

实例140其他路径编辑命令

实例141扇子

实例142小海豚

实例143吉他

实例144卡通鸡

实例145手套

实例146夹子

实例147圣诞贺卡

实例148灯泡

实例149围巾

实例150热气球

实例151彩铅

实例152垃圾桶

实例153购物车

实例154多彩闹钟

实例155表一

实例156表二

实例157玩具熊

实例158电话

实例159键盘

实例160铅笔刀

实例161剪刀

实例162酒瓶

实例163咖啡杯

实例164清洁工具

实例165钢笔

实例166色子

实例167试管和烧瓶

实例168标志设计一

实例169标志设计二

实例170落地音箱

实例171时尚潮流吉他

第8章路径查找器

实例172路径查找器面板

实例173软盘

实例174影视胶卷

实例175乒乓球拍

实例176音响

实例177酒杯

实例178圣诞蜡烛

实例179卷纸

实例180户外广告牌

实例181油漆桶

实例182路灯和路旗

实例183扑克牌

实例184磁带

实例185壁灯

实例186招财猫

实例187太极八卦图

实例188心连心

第9章文字、混合和封套

实例189文字工具

实例190工作证、参观证

实例191信封

实例192信纸

实例193伞

实例194多重描边字

实例195企业文化墙

实例196企业展板设计

实例197浪漫情缘

实例198招聘广告

实例199菜谱

实例200杂志封面

实例201混合字

实例202办公用品

实例203色卡

实例204铅笔

实例205封套

第10章符号、图表和样式

实例206符号

实例207符号面板

实例208图表

实例209符号

实例210定义图案表现图表

实例211饼形图

实例212精美三维图表

实例213花撒图案

第11章图层、动作和蒙版

实例214图层

实例215动作

实例216裁切蒙版

实例217 照片

实例218特效字

实例219邮票

实例220羽毛球拍

实例221结婚请柬

实例222蒙版图案一

实例223蒙版图案二

实例224拖鞋

第12章 效果

实例225裁剪标记

实例226扭曲和变换效果组

实例227风格化效果组

实例228风格化效果组

实例229扭曲效果组

实例230模糊效果组

实例231 画笔描边效果组

实例232素描效果组

实例233纹理效果组

实例234艺术效果组

实例235果盘

实例236立体字

第13章企业VI设计

实例237 VI设计——资料袋、文件夹

实例238 VI设计——借款单

实例239 VI设计——报表

实例240 VI设计——手提袋

实例241 VI设计——导向牌

实例242 VI设计——桌旗和挂旗

实例243 VI设计——T恤和帽子

实例244 VI设计——交通工具

实例245 VI设计——礼品笔

实例246 VI设计——打火机

实例247 VI设计——钥匙扣

实例248 VI设计——企业服装设计

实例249 VI设计——台历

实例250 VI设计—— 接待台

实例251 VI设计——纸杯

实例252 VI设计——礼品表

第14章海报设计

实例253手机招贴设计

实例254招聘广告

实例255微波炉招贴设计

实例256公益招贴

实例257电压力锅海报

实例258家具海报

实例259房地产海报

实例260电信招贴设计

实例261 咖啡招贴设计

实例262团购网招贴设计

第15章房地产广告设计

实例263房地产广告设计一

实例264房地产广告设计二

实例265房地产广告设计三

实例266房地产广告设计四

实例267房地产广告设计五

实例268房地产广告设计六

实例269房地产广告设计七

实例270房地产广告设计八

实例271 房地产广告设计九

实例272房地产广告设计十

实例273房地产广告设计十一

实例274房地产广告设计十二

实例275房地产广告设计十三

实例276房地产广告设计十四

实例277房地产广告设计十五

实例278房地产广告设计十六

实例279房地产广告设计十七

实例280房地产广告设计十八

实例281 房地产广告设计十九

实例282房地产广告设计二十

第16章平面广告设计

实例283化妆品单页

实例284三折页正面

实例285三折页正面

实例286包装设计展开图

实例287企业宣传画册内页一

实例288企业宣传画册内页二

实例289企业宣传画册内页三

实例290企业宣传画册内页四

实例291 经济公司传播画册内页一

实例292经济公司传播画册内页二

实例293经济公司传播画册内页三

实例294经济公司传播画册内页四

实例295经济公司传播画册内页五

实例296经济公司传播画册内页六

实例297经济公司传播画册内页七

实例298经济公司传播画册内页八

实例299画册内页一

实例300画册内页二

教程截图：

第四篇：Illustrator实例教程传统风格名片设计实例（模版）

名片设计是Illustrator常见的实用设计之一。本例介绍Illustrator设计传统风格商务名片的过程，和大家一起练习如何定义大小、创建参考线、进行版面设计等。

先来看一下最终效果。

下面介绍具体操作步骤。

1.按Ctrl+N打开【新建文档】对话框，并按如图1所示设置文档的名称、大小、颜色模式和栅格效果，文档的取向设置为横向。设置完毕单击【确定】按钮。

图1

2.按Ctrl+R显示出标尺，然后标尺上拖动出8条参考线，位置如图2所示。最外面的参考线称为裁切线，里面的参考线称为安全线。裁切线以外的部分将来会被剪切掉，安全线以内的内容可以保证不会被裁切掉。因为裁切的机器操作时并不是那么精确，安全线与裁切线中间的部分也有可能被裁切掉，因此应确保名片的重要内容(如标志、文本等)在安全线以内。

图2

3.选择工具箱中的【矩形工具】，在画布上绘制一个矩形，并填充为浅蓝色，颜色值如图3所示，大小与画布大小相同。注意其描边为无。

图3

4.按Ctrl+2将矩形锁定，以方便接下来的操作。

5.选择【文件|置入】菜单命令，将配套光盘中本章的素材文件“LOGO.ai”置入到当前文档中，并适当调整其大小与位置，如图4所示。

图4

6.在LOGO下方绘制一个矩形，并填充为红色到橙色的渐变，如图5所示。注意其描边为无。

图5

7.输入文字，包括姓名、职务、公司名称、电话与地址等，设置合适的大小、字体及颜色，如图6所示，对某些文字要使用对齐按钮进行对齐。

图6

8.按Shift键单击所有文字将其全部选中，然后右击文字并选择弹出菜单中的【创建轮廓】命令，将文字转为轮廓，完成名片的设计。

提示：可以为文字、背景、渐变矩形设置不同的颜色，得到不同风格的名片。

第五篇：硬盘图标变成带无线电波的U盘图标了

不影响使用

你是不是玩了那个无线网络向导呀??

1如果有,那么就在F盘产生了上面三个文件,上面三个文件就是让你的图标变成无线网络图标的罪魁祸首,删除它就OK了~~ 可以用下面的办法变回来：右击我的电脑——管理——磁盘管理——右击磁盘——更改驱动器名称和路径——为它们重新分配盘符就好了 不行的话再试这个：从打开的“我的电脑”窗口的菜单栏里选择 工具->文件夹选项->查看 里显示所有文件和文件夹会在分区根目录下发现一个名为：autorun.inf的文件和一个和盘符相同的ico格式的图标。

2点F盘的属性，然后选工具，点查错，开始检查，选择自动修复文件系统错误，确定即可。