2

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

 2 years ago
source link: https://www.shejidaren.com/cuiyu-tubiao-ps-jiaocheng.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

11月 18, 2021 发表于: 视觉设计. 评论

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设计交流群,分享经验、接单、求职、聊设计。
赞助商链接

赞助商链接

喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK