PS+AI制作精致可爱的毛线风格图标 - 优设网 - UISDC

PS+AI制作精致可爱的毛线风格图标

2013/09/08 41903评论区

Chris_Ye:效果图的主体部分是在AI里完成的,图形不是很复杂,作者介绍也比较详细,自己可以慢慢完成。然后把做好的图形导入到PS中,用图层样式上色并增加质感及纹理等即可。

图标教程推荐:
绘制一个超级闪亮的铅笔图标
利用ILLUSTRATOR设计时尚漂亮的LOGO
10个超赞的图标设计技巧

最终效果

PS结合AI制作可爱的毛线编织图标 三联

1、先用PS制作两张纹理处理,如下图。

2、打开AI(Illustrator),先制作下图所示的图形。

3、然后用图案及画笔制作出下图所示的效果,这是在AI完成的。

4、其它形状图形也是用同上的方法制作。

5、再把毛线纹理制作出来,如下图。

6、下面是几个图形做好的效果图。

7、把在AI里面做好的几个图形导入到PS中,每个图形都粘贴为智能对象。

8、为图层添加样式,需注意大部分图层效果里的图案叠加都用到了教程最初制作的图案纹理。


 

 

 

9、里面的小图形也添加图层样式。


 

 

 

10、利用大圆图层生成选区,设为”毛线”图层的蒙版,添加图层效果,参数如下图。


 

 

11、底部图层添加图层样式,如下图。


 

12、各扇页图层的样式差异很小,效果如下图。

13、最后部分就是增加效果,给边缘增加一点细线,如下图。

加上背景,完成最终效果,如果你想自由发挥,这里是作者补上的,也可以参照一下。

查看《毛线图标(更新教程)》原图,原图尺寸:869x869

作者:Chris_Ye
原文地址:zcool.com.cn

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量47万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ps-ai-icon

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计圈干货 界面设计 排版布局 职场 版式设计 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里