Photoshop制作简约美观的图标教程

2016-02-16 08:42 62 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Photoshop制作简约美观的图标教程吧。

【 tulaoshi.com - PS 】

最终效果如图所示。

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

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

1、首先我们新建一个图片文件,尺寸大小可以自由决定,在这里我使用512*512px的尺寸。接着新建一个图层,使用圆角矩形工具,半径大约为20像素左右,画出一个正方形,如图所示。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

2、选择图层图层样式渐变叠加,双击渐变调色板,设置渐变颜色。接着设置(样式:径向、角度90、缩放:150),然后在图片中向上拖动渐变的中心,使它靠近顶部,如图所示。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

3、设置内发光图层样式,如图所示。在这里你可以尝试使用不同的等高线,这样会得到一个明显的内发光薄膜,如图所示。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

4、设置描边图层样式,大小:1、混合模式:叠加、不透明度:43%、颜色:黑色、填充类型:颜色,如图所示。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

5、下面制作丝带。新建一个图层,使用矩形工具画出一个暗红色的长方形,选择编辑变换旋转调整其角度,并把它置于正方形的右上角,如图所示。调整好角度和位置后不要按下Enter或双击确定。(当使用Ctrl+T调整角度时,按着Shift键,可以获得完美的45度旋转,)

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

6、按下Ctrl+'显示网格,然后选择编辑变换斜切参考下图所示调整其形状,如图所示。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

7、调整好以后,我们可以使用方向键微调一下得到最佳位置。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

8、接下来,我们制作丝带的背面。在正方形图层的下面创建新图层,然后参照下图所示,使用钢笔工具画出路径,并填充黑色即可。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

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

9、返回丝带正面的图层,为它添加渐变叠加、投影两个图层样式,如图所示。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

10、如果你发现丝带的投影超出了正方形的边界,那么你就必须把超出的部分处理掉。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

11、对细节进行处理后,我们将得到下图所示的效果。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

12、下面我们来为这个图标制作一个名称标签。按着Ctrl键单击图层面板中正方形图层的缩略图,载入其选区。接着选择矩形选框工具在属性栏设置从选区减去,然后删除选区的大半部分,如图所示。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

得到如下选区。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

13、现在创建一个新图层位于正方形图层上面,然后使用渐变工具在选区中填充一个线性渐变效果,如图所示。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

14、参考下图所示,为图层添加内发光图层样式。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

效果如图所示。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

15、最后,我们在图标上添加文字就大功告成了。

Photoshop制作简约美观的图标教程,PS教程,图老师教程网

Photoshop教程完毕,希望对你学习使用photoshop有帮助,下次再见。

来源:http://www.tulaoshi.com/n/20160216/1570364.html

延伸阅读
标签: PS PS基础
先看效果图。 新建文档300x300像素,背景做一蓝色直线渐变。 建新层,做一椭圆选区,填充#1287d7。 添加投影样式。 效果如下。 复制一层,网上挪一堆距离,修改图层样式,去掉投影,添加描边样式。 图层不透明度50%,效果如下。 建新层,调出复制层选区,填充白色,之后做一椭圆选区,删除,形成月牙状,水平方向...
photoshop制作小货车图标教程 tuLaoShi.com 教程应该来说展现的很详细了,不过最好有说明,由于是网上转载的,所有只有图了,请大家自信查看后对照前后~
标签: PS PS基础
先看效果图。 新建文档500x500像素,背景白色,新建图层,用钢笔做如下选区,填充#e9dfd6。 添加内阴影样式。 新建图层用钢笔画出下图形状,填充#002da2。 添加外发光样式。 新建图层用钢笔画出下图形状,填充#eae9e7。 添加内发光样式。 减淡工具涂抹如下。 背景之上新建图层5,用钢笔做如下选区,填充#...
标签: PS
PS图标教程 Photoshop制作晶格化ICON图标   我们常常看到一些手机或者电脑软件应用图标是精美的晶格化效果,那么这种晶格化icon图标是tulaoShi.com怎么制作出来呢?下面我们一起来看看操作教程。 先来看看效果图: PS图标教程 Photoshop制作晶格化ICON图标 1、新建画布填充背景颜色。 二、画出图标基本外形...
来源:站酷 作者:老三DESIGN 效果图制作包括两个大的部分:首先是金属边框部分,用到了几个不同大小的正圆,分别添加了不同的图层样式来渲染质感。然后是中间的漩涡及放射效果制作,这些需要用不同的滤镜来完成。 最终效果 1、新建,背景填充深灰色,新建图层,选择椭圆工具(U)在图层B上创建一个白色圆圈这里名为B。 2、创建两个红...

经验教程

999

收藏

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