如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn
当前位置 : PS学习网 > 实例教程 > 正文

用PS怎样制作简洁精致的方形图标教程

来源:优设网作者:P大点S时间:2015-3-24 22:38:28点击:

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

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程 

用PS怎样制作简洁精致的方形图标教程 

 

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

用PS怎样制作简洁精致的方形图标教程 

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程 

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程 

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程 

用PS怎样制作简洁精致的方形图标教程 

用PS怎样制作简洁精致的方形图标教程 

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程 

用PS怎样制作简洁精致的方形图标教程

 

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

用PS怎样制作简洁精致的方形图标教程 

用PS怎样制作简洁精致的方形图标教程

 

最终效果:

用PS怎样制作简洁精致的方形图标教程

本站公告
  PS学习网是一个专业的学习交流Photoshop的网站,本站致力于向广大PS爱好者提供一个学习与交流的平台,想要学习提高自己的PS水平,马上从这里开始吧…
  Photoshop 8.0免费下载地址
  Photoshop CS2免费下载地址
  Photoshop CS3免费下载地址
  Photoshop基础入门视频教程
  Photoshop CS5软件视频教程