Photoshop打造圆饼形的质感图标教程(2)

Photoshop打造圆饼形的质感图标教程(3) 作者:情非得已 出处:网页教学网翻译 这篇用photoshop制作的图标主要特点是圆饼形状,制作过程也主要为了体现圆饼的透视和质感…

Photoshop打造圆饼形的质感图标教程(3)

作者:情非得已 出处:网页教学网翻译 这篇用photoshop制作的图标主要特点是圆饼形状,制作过程也主要为了体现圆饼的透视和质感效果。同时图标上的花纹可以根据自己的喜好设计,步骤是先做平面后做立体。 先看效果。

Photoshop打造圆饼形的质感图标教程(2)插图
Photoshop打造圆饼形的质感图标教程(2)插图(1)
Photoshop打造圆饼形的质感图标教程(2)插图(2)作者:情非得已   出处:网页教学网翻译

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

先看效果。

Photoshop打造圆饼形的质感图标教程(2)插图(3)

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

Photoshop打造圆饼形的质感图标教程(2)插图(4)

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

Photoshop打造圆饼形的质感图标教程(2)插图(5)

添加图层样式。

Photoshop打造圆饼形的质感图标教程(2)插图(6)

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

Photoshop打造圆饼形的质感图标教程(2)插图(7)

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

Photoshop打造圆饼形的质感图标教程(2)插图(8)

Photoshop打造圆饼形的质感图标教程(2)插图(9)

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

Photoshop打造圆饼形的质感图标教程(2)插图(10)

Photoshop打造圆饼形的质感图标教程(2)插图(11)

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

Photoshop打造圆饼形的质感图标教程(2)插图(12)

Photoshop打造圆饼形的质感图标教程(2)插图(13)

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

Photoshop打造圆饼形的质感图标教程(2)插图(14)

Photoshop打造圆饼形的质感图标教程(2)插图(15)

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

Photoshop打造圆饼形的质感图标教程(2)插图(16)

按CTRL+T变形。

Photoshop打造圆饼形的质感图标教程(2)插图(17)

添加图层样式。

Photoshop打造圆饼形的质感图标教程(2)插图(18)

Photoshop打造圆饼形的质感图标教程(2)插图(19)

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

Photoshop打造圆饼形的质感图标教程(2)插图(20)

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

Photoshop打造圆饼形的质感图标教程(2)插图(21)

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

Photoshop打造圆饼形的质感图标教程(2)插图(22)

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

Photoshop打造圆饼形的质感图标教程(2)插图(23)

添加渐变叠加图层样式。

Photoshop打造圆饼形的质感图标教程(2)插图(24)

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

Photoshop打造圆饼形的质感图标教程(2)插图(25)

作者:情非得已   出处:网页教学网翻译

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

先看效果。

Photoshop打造圆饼形的质感图标教程(2)插图(3)

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

Photoshop打造圆饼形的质感图标教程(2)插图(4)

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

Photoshop打造圆饼形的质感图标教程(2)插图(5)

添加图层样式。

Photoshop打造圆饼形的质感图标教程(2)插图(6)

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

Photoshop打造圆饼形的质感图标教程(2)插图(7)

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

Photoshop打造圆饼形的质感图标教程(2)插图(8)

Photoshop打造圆饼形的质感图标教程(2)插图(9)

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

Photoshop打造圆饼形的质感图标教程(2)插图(10)

Photoshop打造圆饼形的质感图标教程(2)插图(11)

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

Photoshop打造圆饼形的质感图标教程(2)插图(12)

Photoshop打造圆饼形的质感图标教程(2)插图(13)

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

Photoshop打造圆饼形的质感图标教程(2)插图(14)

Photoshop打造圆饼形的质感图标教程(2)插图(15)

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

Photoshop打造圆饼形的质感图标教程(2)插图(16)

按CTRL+T变形。

Photoshop打造圆饼形的质感图标教程(2)插图(17)

添加图层样式。

Photoshop打造圆饼形的质感图标教程(2)插图(18)

Photoshop打造圆饼形的质感图标教程(2)插图(19)

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

Photoshop打造圆饼形的质感图标教程(2)插图(20)

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

Photoshop打造圆饼形的质感图标教程(2)插图(21)

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

Photoshop打造圆饼形的质感图标教程(2)插图(22)

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

Photoshop打造圆饼形的质感图标教程(2)插图(23)

添加渐变叠加图层样式。

Photoshop打造圆饼形的质感图标教程(2)插图(24)

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

Photoshop打造圆饼形的质感图标教程(2)插图(25)

Photoshop打造圆饼形的质感图标教程(2)插图
Photoshop打造圆饼形的质感图标教程(2)插图(1)
Photoshop打造圆饼形的质感图标教程(2)插图(2)

作者: 791650988

为您推荐