木子素材 首页 大神 UI设计 查看内容

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

2013-9-8 00:00| 发布者: admin| 查看: 697| 评论: 0

摘要: Chris_Ye:效果图的主体部分是在AI里完成的,图形不是很复杂,作者介绍也比较详细,自己可以慢慢完成。然后把做好的图形导入到PS中,用图层样式上色并增加质感及纹理等即可。 图标教程推荐: 绘制一个超级闪亮的铅笔 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

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

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

最终效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×