网页设计 » 视觉设计 » 如何设计翠玉质感的图标?(PS教程)

如何设计翠玉质感的图标?(PS教程)

发表于: 视觉设计. 评论
Sponsor

今天的文章,将会教你用Photoshop来制作一枚翠玉质感的图标,制作重点是PS的图层样式的运用,下面是效果图,喜欢的同学可以一起练习哦。

使用工具:Photoshop教程难度:初级

效果图:

如何设计翠玉质感的图标?(PS教程)

素材图标:

如何设计翠玉质感的图标?(PS教程)

具体操作:

1、新建一个800 x 800像素、分辨率为300像素的画布

如何设计翠玉质感的图标?(PS教程)

2、创建纯色的图层,填充颜色为:#f2f45

如何设计翠玉质感的图标?(PS教程)

如何设计翠玉质感的图标?(PS教程)

3、新建圆角矩形,参数如下。填充颜色为:cad6b7

如何设计翠玉质感的图标?(PS教程)

如何设计翠玉质感的图标?(PS教程)

4、按快捷键“ctrl+t”对圆角矩形进行变形—膨胀—对齐,变形程度进行微调(调节成自己想要的效果)

如何设计翠玉质感的图标?(PS教程)

如何设计翠玉质感的图标?(PS教程)

5、给图形添加“图层样式—投影”,加两次投影。

第一次:

如何设计翠玉质感的图标?(PS教程)

第二次:(等高线数值不要变)

如何设计翠玉质感的图标?(PS教程)

6、给图形添加“图层样式—内阴影”,加3次内阴影

第一次,参数如下:

如何设计翠玉质感的图标?(PS教程)

第二次,参数如下:

如何设计翠玉质感的图标?(PS教程)

第三次,参数如下:

如何设计翠玉质感的图标?(PS教程)

7、添加“图层样式—内发光”,参数如下:

如何设计翠玉质感的图标?(PS教程)

8、给图形添加“图层样式—斜面和浮雕”,参数如下:

如何设计翠玉质感的图标?(PS教程)

9、接下来我们来制作玉石效果,玉石肯定是要有纹理的。所以我们新建图层,选择“滤镜—渲染—云彩”,并将图层的混合样式改成“线性加深”(这个图层混合模式,根据你自己的效果添加,你也可以用颜色加深等等

如何设计翠玉质感的图标?(PS教程)

10、创建剪切蒙版,快捷键ctrl+alt+g

如何设计翠玉质感的图标?(PS教程)

11、接下来随意找一个小图标,放到玉石的上面,你也可以找个蝴蝶或者其它的。

如何设计翠玉质感的图标?(PS教程)

12、将“填充”修改至“0%”在图上看不到刚导入图标的图案,效果如图

如何设计翠玉质感的图标?(PS教程)

如何设计翠玉质感的图标?(PS教程)

13、给“小图标”添加“图层样式—斜面和浮雕” 参数如下:

如何设计翠玉质感的图标?(PS教程)

14、给“小图标”添加“图层样式—内阴影” 参数如下:

如何设计翠玉质感的图标?(PS教程)

15、给“小图标”添加“图层样式—投影” 参数如下:

如何设计翠玉质感的图标?(PS教程)

16、最后给“小图标”也创建剪贴蒙版,用“曲线”调节一下亮度(此操作根据个人喜好调节即可)效果如下所示:

如何设计翠玉质感的图标?(PS教程)

如何设计翠玉质感的图标?(PS教程)

以上的出现的数值和颜色,大家可以根据自己喜爱的效果去调,不一定一定要按照我的,重要的是最后的效果。

来源:致设计

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }