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

2016-01-29 16:00 13 1 收藏

Photoshop教程:制作简洁精致的色板图标,效果图构成并不复杂,制作之前先把构造分解清楚,然后由底层开展绘制,先画出图形,再用图层样式加上颜色和质感等即可。

【 tulaoshi.com - PS 】

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



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



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




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



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



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



123制作简洁精致的色板图标2

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



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



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



(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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



(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)



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


  123制作简洁精致的色板图标3

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


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




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




最终效果:


  123

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

延伸阅读
来源:优设网 作者:程远 虽然是一个简单的图标,制作起来还是要非常细心的。尤其是层次感及投影部分,需要控制好阴影的透明度,做出过渡自然的效果。 最终效果 1、Cttrl + N 创建画布,大小为1024px * 1024px , 填充背景色为#fcf2da。然后 → 编辑 → 首选项 → 参考线、网格和切片,设置如下。 2、先创建一个圆角矩形,大小为512px*512...
PS教程 Photoshop制作圆形简洁开关图标   想要自己用photoshop设计出一个圆形简介开关,那么就一起来看看下面这个教程吧,制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。 效果图: PS教程 Photoshop制作圆形简洁开关图标(...
来源:站酷 作者:Royavs 效果图制作非常简单,前期先分析构成;然后从背景开始制作,用形状配合路径做出云朵,闪电,雨滴等;再用图层样式加上浮雕和渐变,局部渲染一些颜色即可。 最终效果 1、背景填充渐变如图,再花正圆矩形大小,适当就行。 2、图层样式为径向渐变,渐变色如图(自己看着调)。 www.tulaoshi.com 3、绘制...
标签: PS PS教程
作者的图标制作的非常精细,用到的图层也非常多。过程:先把图标的结构分解出来,然后由底部往上开始制作,先画出每一层的图形,再用图层样式等来制作质感。 最终效果 1、新建一个1000 * 1000px的画布,背景填充#808b5e1,用圆角矩形工具创建一个400 * 400px,圆角60px的形状置于画布中央,命名为“底板”,添加图层样式如下图。 2、Ctr...
标签: PS PS教程
制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。 最终效果 <点小图查看大图 1、先建立一个1136 * 640的画布。 2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为“按钮-下”。 3、建...

经验教程

500

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部