UILogo,设计一个黑褐ICON按键Logo教程

Logo设计非常的粗略,步骤讲授也很详细,适合UI菜鸟学习,喜欢我们垂怜得舍不得放手,一同学学啊。先看看效果:

本学科首要利用Photoshop合成深紫灰水晶材料的APPLogo教程,教大家三个相当美丽貌的LogoICON按钮,步骤仍旧要命详细的,希望我们能够欣赏这几个课程,小编那样就有引力继续写文章了,上边让大家一块来学学吧。

第七期

正文首要介绍图层选项的灵活运用,制作玻璃特效、金属开关、怎么着进行细节调度。

内需自然的ps基础知识

www.142.net 1www.16xx8.com

教程源文件资料:立体效果的石榴红应用程式软件LogoPSD源文件

UILogo早期教程

写在后面:

在做安排的经过中,有特别一些人为了追求效能,下载旁人的psd后,东拼西凑成团结的希图,这种方法是不便于进步ps手艺水平的。ps里有成都百货上千亟需发掘的地点,会ps的人十分多,驾驭ps的人相当的少。发文章首纵然与大家一齐分享和调换,不喜勿喷。

最后效果

自小编先新建多少个画布1000X一千 填充背景象:#80b5e1

我们先看下效果图

金牌小Logo

第一步:

新建三个文件,设置800*600px,然后插入“藏天蓝地板素材”。

新建文件

青蓝地板素材

www.142.net 2

www.142.net 3

|photoshop教程|

第二步:

2.1开发“紫灰地板素材”对图层选项进行如下设置:

留心混合情势

丰硕内阴影之后的功力

选料圆角矩形工具 半径设置50 颜色大家就设置中黄好了 填充改为:0
画二个适用大小 增加混合选项:投影 并取名称叫发光层

作者先新建三个画布一千X一千,填充背景象:#80b5e1

(以下分界面演示以Photoshop CC2017为示范工具)

第3步:

这一步初阶制造玻璃效果

开创圆角矩形,角度为5px

创办圆角矩形

www.142.net 4

www.142.net 5

【图形设计员  ID:tuxdesign】

第四步:

4.1调节圆角矩形的图层样式,如图

先调度混合选项面板

4.2调动内阴影

调整图

4.3调动渐变叠合。渐变编辑器里上方划块调治是反射率,下方滑块调治的是颜色

调整图

这一步的成效图

www.142.net 6

选料圆角矩形工具,半径设置50,颜色大家就安装松木色好了,填充改为:0,画贰个得当大小,增加混合选项:投影,并取名字为发光层

先看看效果

第五步:

这一步是充实玻璃框效果和立体感。

5.1用到圆角矩形工具,创造下面矩形一样大小的矩形,填充色为无,描边为灰绿,宽度2px。命名叫玻璃边框

5.2开辟玻璃边框图层的图层选项

设置图层的混杂选项

渐变叠合设置

黑影设置

这一步效果图

我们复制一下发光层 清楚图层样式
在抬高混合选项中的内发光渐变叠合投影并取名称叫厚度层

www.142.net 7

有意思味的小盆友能够

第六步:

这一步是细节处理,增添杂色。

www.142.net,6.1创制矩形选区,加多三个新的图层,在它下面安装灰褐,并滤镜-杂色-增多杂色。

增加杂色

6.2改换图层的光滑度为5%,并安装混合选项微焦点光。

效果图

6.3崛起内容区域。用矩形采纳工具,选用矩形区域

选取区域

6.4填充背景象微浅桔黄,滤镜-模糊-高斯模糊,数值2px,然后调解发光度微60%。

效果图

www.142.net 8

www.142.net 9

入手演练演练

第七步:

这一步开端安排4个五金按钮

7.1用圆形矩形工具,创立4个圆。

成立圆开关

7.2设置个中三个按键的图层样式

斜面和浮雕

描边

渐变叠合

投影

tip:设置完三个按钮后,我们得以先选中要复制这么些按键样式的图层,然后点击新建样式。然后那么些样式能够应用到另外模样。

点击新建样式

这一步效果图

www.142.net 10

咱们复制一下发光层,清楚图层样式,在增多混合选项中的内发光渐变叠合投影并取名叫厚度层

到底光看是看不会的

第八步:

8.1用钢笔工具创设多个选区。

选区

8.2填充蓝紫,然后调治图层样式,如图:

透明度0

设置图

这一步效果图

www.142.net 11

你说捏

第九步:

9.1仍旧用高大的钢笔工具创造贰个选区,用来调近视眼

选区

9.2填充铅白,滤镜-模糊-高斯模糊,2px。并安装它的外发光。然后新建图层蒙版,使用渐变工具调显示的限制。

安装外发光

这一步的作用图

www.142.net 12

率先步:新建文件,给背景填充你欢悦的颜色(如图)

最后:

玻璃效果基本上海大学功告成了!大家增添个图片。

末尾效果图

ps:这种制作毛玻璃的成效能够用于ui设计等别的设计中。

复制一层厚度层,清除图层样式,在加多混合选项中内发光渐变叠合,在大肆浮动往上拉一点

其次步:选用纺锤形工具,按Shift键,画三个正圆,命名称为【王牌厚度】,填充颜色(如图)

www.142.net 13

其三步:采取【金牌厚度】图层,Ctrl+J复制一层,命名字为【王牌】填充颜色,向上移动(如图)

相关文章