优艾设计网

PS打造圆饼形的质感图标教程

优艾设计网 https://www.uibq.com 2022-12-25 16:39 出处:网络 作者:bbs.16xx8.com
作者:情非得已   出处:网页教学网翻译 这篇用photoshop制作的图标主要特点是圆饼形状,制作过程也主要为了体现圆饼的透视和质感效果。同时图标上的花纹可以根据自己的喜好设计,步骤是先做平面后做立体。
作者:情非得已   出处:网页教学网翻译

这篇用photoshop制作的图标主要特点是圆饼形状,制作过程也主要为了体现圆饼的透视和质感效果。同时图标上的花纹可以根据自己的喜好设计,步骤是先做平面后做立体。

先看效果。

PS打造圆饼形的质感图标教程

首先绘制一个圆形,填充颜色为 #ff660a。

PS打造圆饼形的质感图标教程

新建立图层,然后打开辅助线,然后用同样的方法绘制一个白色的圆。

PS打造圆饼形的质感图标教程

添加图层样式。

PS打造圆饼形的质感图标教程

制作一些圆环,创建一个新图层然后使用矩形工具绘制一个矩形,然后复制粘贴,达到一个圈的效果,这里可以按CTRL+T变形,然后填充为白色。

PS打造圆饼形的质感图标教程

之后我圆形选区工具绘制一个选区。 

PS打造圆饼形的质感图标教程

PS打造圆饼形的质感图标教程

创建外部的圆环,我们使用圆角的矩形形状工具绘制如下。

优艾设计网_PS自学技巧

PS打造圆饼形的质感图标教程

PS打造圆饼形的质感图标教程

拷贝删除,达到如下效果。

PS打造圆饼形的质感图标教程

PS打造圆饼形的质感图标教程

之后我们输入文字,然后翻转60度,效果如下。

PS打造圆饼形的质感图标教程

PS打造圆饼形的质感图标教程

之后创建选区,然后合并,我们创建一个新的文档,然后粘贴过来。

PS打造圆饼形的质感图标教程

按CTRL+T变形。

PS打造圆饼形的质感图标教程

添加图层样式。

PS打造圆饼形的质感图标教程

PS打造圆饼形的质感图标教程

创建新图层,然后选择一个笔刷设置如下,开始绘制。

PS打造圆饼形的质感图标教程

用选区工具选择删除外面的部分。

PS打造圆饼形的质感图标教程

改变图层模式为线性加深,不透明度设置为12%,效果如下。

PS打造圆饼形的质感图标教程

添加边缘的光线,我们新建图层,使用椭圆工具绘制然后透视变形,设置效果如下。

PS打造圆饼形的质感图标教程

添加渐变叠加图层样式。

PS打造圆饼形的质感图标教程

当然在制作过程中可以改变颜色,最终效果如下。

PS打造圆饼形的质感图标教程

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消