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

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

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

【 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教程,图老师教程网

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/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有帮助,下次再见。

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

延伸阅读
标签: PS
PS图标教程 Photoshop制作晶格化ICON图标   我们常常看到一些手机或者电脑软件应用图标是精美的晶格化效果,那么这种晶格化icon图标是tulaoShi.com怎么制作出来呢?下面我们一起来看看操作教程。 先来看看效果图: PS图标教程 Photoshop制作晶格化ICON图标 1、新建画布填充背景颜色。 二、画出图标基本外形...
标签: PS PS基础
先看效果图。 新建文档300x300像素,背景做一蓝色直线渐变。 建新层,做一椭圆选区,填充#1287d7。 添加投影样式。 效果如下。 复制一层,网上挪一堆距离,修改图层样式,去掉投影,添加描边样式。 图层不透明度50%,效果如下。 建新层,调出复制层选区,填充白色,之后做一椭圆选区,删除,形成月牙状,水平方向...
标签: PS PS教程
制作之前需要先把台灯的构造分解清楚,最好在网上找几张台灯的实物图参考一下。这样刻画的时候就能快速上手。 最终效果 我们先拆开看看构造。 1、我们先钢笔勾一个大致外型。 2、做出各种样式(因为教程偏有点基础的,所以省略一些步骤),这里我教大家怎么画布的纹理。 1 2 制作发光的台灯图标2 3...
来源:站酷 作者:DearSalt 作者虽然没有详细介绍每一步制作方法。不过分解图非常有用,一看就知道整个图标的构成,然后按一定的顺序慢慢刻画即可。 最终效果 1、首先我们来分解这个图标,观察其各个组成部分,然后我们分层制作。 2、接下来我们先Tulaoshi.com制作“时钟底座”,这个图层看起来很复杂,实际上整个效果只用一个图层便能完...
标签: PS PS基础
先看效果图: 新建512px X 512px 文件 用圆角矩形工具 画圆角100px的 470X470px 的框 填充由白到黑渐变 如图 ctrl+j 复制图层 ctrl+t 将 宽、高缩小为98%如图 填充色#5d5d5d 设置该图层混合模式 内阴影 渐变叠加 结果如图: 新建个渐变图层在它上方(我直ctrl+接点底层框做出选取 新建图层 直接渐变,还有其他方法...

经验教程

814

收藏

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