Photoshop制作简洁精致的色板图标教程

2016-01-29 09:29 13 1 收藏

Photoshop制作简洁精致的色板图标教程,效果图构成并不复杂，制作之前先把构造分解清楚，然后由底层开展绘制，先画出图形，再用图层样式加上颜色和质感等即可。最终效果 1、新建1000*1000画布，填充颜色e82571，利用圆角矩形工具，半径100 ...

【 tulaoshi.com - PS 】

效果图构成并不复杂，制作之前先把构造分解清楚，然后由底层开展绘制，先画出图形，再用图层样式加上颜色和质感等即可。
最终效果

1、新建1000*1000画布，填充颜色e82571，利用圆角矩形工具，半径100像素按住Shift画一个正方形，点一下上面的形状，建立形状图层。

2、执行图层样式斜面浮雕，投影和颜色叠加，参数。

如下，大家也可以自己摸索不同的数值。

3、新建一个空白图层，用上面方法，用椭圆工具，建一个正圆的形状图层。

4、用参考线或者网格，使圆形尽量居中。添加图层样式-渐变叠加，参数如下。

5、将椭圆图层1 复制一份，Ctrl+T调整大小，这里用数字调整，WH都改为87%。

6、图层样式，添加渐变叠加和内阴影。

渐变用角度渐变，注意首尾颜色一致即可，颜色大家可以吸色或者调些自己喜欢的颜色。

7、将椭圆图层继续复制一份，Ctrl+T变为原来的70%，添加图层样式，斜面浮雕，渐变叠加和投影。

8、将上面图层复制一份，变为原来的80%，用钢笔工具，选择合并形状，在椭圆上加个三角形。

9、然后调整图层样式，只调整斜面浮雕，其余的保持原样。

10、图层现在除了背景图层外有五个。

11、将右边名为椭圆 1 副本 2的图层复制一份，拖到最上面，Ctrl+T变为原来的50%.右键图层。清除图层样式，添加新的图层样式描边和渐变叠加。

最终效果：

来源:http://www.tulaoshi.com/n/20160129/1479274.html

上一篇： PS商业人像大片中的发丝精细美化教程
下一篇： Adobe InDesign问题与解答二

看过《Photoshop制作简洁精致的色板图标教程》的人还看了以下文章更多>>

Photoshop制作简洁大气的写作图标教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：优设网作者：程远虽然是一个简单的图标，制作起来还是要非常细心的。尤其是层次感及投影部分，需要控制好阴影的透明度，做出过渡自然的效果。最终效果 1、Cttrl + N 创建画布，大小为1024px * 1024px ，填充背景色为#fcf2da。然后 → 编辑 → 首选项 → 参考线、网格和切片，设置如下。 2、先创建一个圆角矩形，大小为512px*512...

PS教程 Photoshop制作圆形简洁开关图标

PS教程 Photoshop制作圆形简洁开关图标想要自己用photoshop设计出一个圆形简介开关，那么就一起来看看下面这个教程吧，制作之前我们先找一些实物照片来分析一下开关的质感，色彩表现等。然后分解开关，了解它的结构。再设定材质为塑料，设定好光源位置就可以绘制了。效果图： PS教程 Photoshop制作圆形简洁开关图标(...

Photoshop制作精致的闪电天气图标教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：站酷作者：Royavs 效果图制作非常简单，前期先分析构成；然后从背景开始制作，用形状配合路径做出云朵，闪电，雨滴等；再用图层样式加上浮雕和渐变，局部渲染一些颜色即可。最终效果 1、背景填充渐变如图，再花正圆矩形大小，适当就行。 2、图层样式为径向渐变，渐变色如图（自己看着调）。 www.tulaoshi.com 3、绘制...

Photoshop制作精致的多层蓝色水晶图标教程

标签： PS PS教程

作者的图标制作的非常精细，用到的图层也非常多。过程：先把图标的结构分解出来，然后由底部往上开始制作，先画出每一层的图形，再用图层样式等来制作质感。最终效果 1、新建一个1000 * 1000px的画布，背景填充#808b5e1，用圆角矩形工具创建一个400 * 400px，圆角60px的形状置于画布中央，命名为“底板”，添加图层样式如下图。 2、Ctr...

Photoshop教程：制作简洁大气的圆形开关图标【UI】

标签： PS PS教程

制作之前我们先找一些实物照片来分析一下开关的质感，色彩表现等。然后分解开关，了解它的结构。再设定材质为塑料，设定好光源位置就可以绘制了。最终效果 <点小图查看大图 1、先建立一个1136 * 640的画布。 2、在这个画布上，用椭圆工具勾绘出一个圆形，作为按钮侧面，命名图层为“按钮-下”。 3、建...

查看更多精彩>>