ps制作木纹APP图标

木质图标制作分为两个大的部分。第一部分是轮廓及木纹部分的制作,先勾出轮廓,加好渐变色,然后用滤镜等加上木质纹理。第二部分是质感及立体感制作,这一步主要用图层样式来完成。

UI教程,ps设计风扇主题的icon图标。

时间过的好快,不知不觉2015年已经来了,可是我回头想去年我也没做什么,所以呢,新的一年就写个教程开始吧。今天的教程非常简单,五分钟就能画好一个小清新的风扇ICON。不耽误大家时间,怎么样,看起来非常着眼吧,

木质图标制作分为两个大的部分。第一部分是轮廓及木纹部分的制作,先勾出轮廓,加好渐变色,然后用滤镜等加上木质纹理。第二部分是质感及立体感制作,这一步主要用图层样式来完成。

最终效果

ps制作木纹APP图标插图

1、建立一个900*700px的文件,绘制一个825*700矢量矩形,点击图层栏底部工具的“创建新的填充或图层调整”图标,将图黑色渐变。

ps制作木纹APP图标插图(1)
2、给底部叠加图案。把下面这张凹凸纹理图案导入Ps,点击编辑—定义图案,就能在图层样式里使用了。看以下图设置。最后将图层命名为“背景”。

ps制作木纹APP图标插图(2)

ps制作木纹APP图标插图(3)

3、绘制一个512*512px,圆角为60px的矢量圆角矩形,然后改变其属性和做图层样式。改变属性为渐变矢量。

ps制作木纹APP图标插图(4)

4、渐变设置。

ps制作木纹APP图标插图(5)
5、图层样式设置。

ps制作木纹APP图标插图(6)

ps制作木纹APP图标插图(7)

ps制作木纹APP图标插图(8)

ps制作木纹APP图标插图(9)

6、建立一个600*600px方形图层,填充黑色;滤镜>杂色>添加杂色;滤镜>模糊>动感模糊;Ctrl+B色彩平衡设置;Ctrl+L色阶设置。

ps制作木纹APP图标插图(10)

ps制作木纹APP图标插图(11)

ps制作木纹APP图标插图(12)

ps制作木纹APP图标插图(13)

ps制作木纹APP图标插图(14)

7、点击木质图层鼠标右键>创建剪贴蒙版,混合模式改为“叠加”,填充改为:90%。

ps制作木纹APP图标插图(15)
8、绘制一个476*476px,圆角58px的矢量圆角矩形;图层样式>描边,确定后把填充改为:0%。

ps制作木纹APP图标插图(16)

ps制作木纹APP图标插图(17)

   

9、绘制一个476*476px,圆角58px的矢量圆角矩形;和所有图居中对齐,图层样式>内阴影>外发光>内发光>描边>阴影。确定后把填充改为:0%。

ps制作木纹APP图标插图(18)

ps制作木纹APP图标插图(19)

ps制作木纹APP图标插图(20)

ps制作木纹APP图标插图(21)

ps制作木纹APP图标插图(22)

最终效果:

ps制作木纹APP图标插图

木质图标制作分为两个大的部分。第一部分是轮廓及木纹部分的制作,先勾出轮廓,加好渐变色,然后用滤镜等加上木质纹理。第二部分是质感及立体感制作,这一步主要用图层样式来完成。

最终效果

ps制作木纹APP图标插图

1、建立一个900*700px的文件,绘制一个825*700矢量矩形,点击图层栏底部工具的“创建新的填充或图层调整”图标,将图黑色渐变。

ps制作木纹APP图标插图(1)
2、给底部叠加图案。把下面这张凹凸纹理图案导入Ps,点击编辑—定义图案,就能在图层样式里使用了。看以下图设置。最后将图层命名为“背景”。

ps制作木纹APP图标插图(2)

ps制作木纹APP图标插图(3)

3、绘制一个512*512px,圆角为60px的矢量圆角矩形,然后改变其属性和做图层样式。改变属性为渐变矢量。

ps制作木纹APP图标插图(4)

4、渐变设置。

ps制作木纹APP图标插图(5)
5、图层样式设置。

ps制作木纹APP图标插图(6)

ps制作木纹APP图标插图(7)

ps制作木纹APP图标插图(8)

ps制作木纹APP图标插图(9)
6、建立一个600*600px方形图层,填充黑色;滤镜>杂色>添加杂色;滤镜>模糊>动感模糊;Ctrl+B色彩平衡设置;Ctrl+L色阶设置。

ps制作木纹APP图标插图(10)

ps制作木纹APP图标插图(11)

ps制作木纹APP图标插图(12)

ps制作木纹APP图标插图(13)

ps制作木纹APP图标插图(14)

7、点击木质图层鼠标右键>创建剪贴蒙版,混合模式改为“叠加”,填充改为:90%。

ps制作木纹APP图标插图(15)
8、绘制一个476*476px,圆角58px的矢量圆角矩形;图层样式>描边,确定后把填充改为:0%。

ps制作木纹APP图标插图(16)

ps制作木纹APP图标插图(17)    

9、绘制一个476*476px,圆角58px的矢量圆角矩形;和所有图居中对齐,图层样式>内阴影>外发光>内发光>描边>阴影。确定后把填充改为:0%。

ps制作木纹APP图标插图(18)

ps制作木纹APP图标插图(19)

ps制作木纹APP图标插图(20)

ps制作木纹APP图标插图(21)

ps制作木纹APP图标插图(22)

最终效果:

ps制作木纹APP图标插图

作者: 791650988

为您推荐