颓废机械风格UI图标教程,制作山脉LOGO

图片 38

PhotoShop实例:制作山脉LOGO

PS打造标本瓶

继续带来一大波图标制作教程,这次带来的风格是颓废机械风格跟不规则形状风格,本教程依旧提供源文件psd下载,网盘链接下载:
,希望大家多多支持!另外欢迎上传交作业啦~

利用椭圆工具绘制园。

作者:嘟嘟虫 教程来源:印象

先看效果:图片 1

图片 2打开图层样式窗口,并按下图设置。投影:混合模式正片叠底图片 3渐变叠加:混合模式正常、方式线性图片 4图片 5选择顶部状态栏从形状区域减去按钮。图片 6利用矩形工具绘制如下矩形。图片 7复制图层,缩小,并去除渐变叠加效果,填充如下纯色。图片 8利用矩形工具绘制矩形,选择顶部状态栏添加到形状区域按钮,并创建另一圆角矩形。图片 9复制图层,缩小,并去除渐变叠加效果,填充如下纯色。图片 10利用钢笔工具绘制山峰。图片 11打开图层样式窗口,并按下图设置。投影:混合模式正片叠底图片 12渐变叠加:混合模式正常方式线性图片 13描边:位置外部混合模式正常填充类型渐变图片 14图片 15利用钢笔工具绘制如下形状。图片 16调整图层次序。图片 17按下图所示复制山峰。图片 18输入LOGO文字,大功告成!图片 19

教程准备:这个教程和以往的教程有点区别,在开始需要大家先热身一下,先做几个简单的练习。因为接下来的内容会大量应用到上面的这几个练习。新建一个文件,尺寸随意,我们暂且设置为300*300像素。练习:1.形状图层的创建。先选择“形状工具”中任意一个工具,比如“椭圆工具”,然后确定选择工具状态栏的第1个按钮,然后在画布上绘制一个形状。也可以选择钢笔工具,同样确定选择工具状态栏的第1个按钮,然后在画布上随意绘制一个形状。

图片 20

图片 21

Step01:点击 — 【文件】—
【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。

可以看到在旁边的图层中就建立了一个新的图层,名字为“形状1”。图层显示为两部分,左面的为该层的填充内容,右侧的为该层的路径形状(矢量蒙板缩览图)。

图片 22

图片 23

Step02:选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为180px,高度为180px,半径20px,并勾选【从中心】,然后点击确定;

2.设置该形状的图层内容。形状图层建立后,都是以纯色进行的填充。注意:由于系统有个“记忆效应”,会根据该层下面那层形状图层的内容,来建立新层,所以这个纯色不一定就是前景色。如果是更改纯色,只要双击图层调板的图层内容,就可以在“拾色器”里更改颜色。如果要进行其他设置,需要选择菜单“图层”—“更改图层内容”:“渐变”——相应的会出现一个设置对话框,在这里,点击渐变会出现“渐变编辑器”;可选择样式、角度和缩放;渐变的方向。现在你可以把前景色设置为白色,背景色设置为RGB(0,176,240)。选择“前景到背景”渐变样式,然后设置样式为“径向”,更改一下角度。这里,最重要的一个练习是,这个时候可以把鼠标移动到图像上,在路径内,按鼠标左键拖动,可以移动渐变的中心直到你满意为止。点击“好”,确定你要进行的渐变设置。

图片 24

图片 25

Step03:重命名图层为di,右键设置图层样式:

“图案”——设置与渐变基本类似,此处不做练习。3.编辑形状图层的路径。选择钢笔工具,如果你的路径没有出现,可以通过单击图层调板中该层的右侧的矢量蒙板缩览图(见1),让其出现。也可以直接按ctrl单击路径,然后可以进行添加锚点,移动路径的练习。

【斜面和浮雕】:样式:内斜面、方式:平滑、深度100%、方向:上、大小3、软化1、阴影角度90°、勾选【使用全局光】、高度30°、高光模式颜色#dedede、阴影模式颜色#262626、

图片 26

【渐变叠加】:线性渐变,色值从上到下为 #333333 — #c6c6c6,角度为90°;

4.建立组在图层调板上点击“创建新组”按钮,然后把刚才做过的练习图层“扔”到该组中。

复制di图层重命名为di_bian,选择右键清除图层样式,填充颜色改为#
616161;按住Ctrl键点击图层载入选区,向上移动两像素,再反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】;

图片 27

图片 28

如果上面的三个练习都做好了,就可以开始下面的教程了。先看最终效果图。

Step04:制作残旧金属纹理部分,这一步采用的是素材图片嵌入和笔刷绘制,可在网上搜索关键字:残旧、颓废、喷溅、金属等字眼下载相关素材,ps:本教程所用到的图片跟笔刷连同图标源文件psd均有提供(见附件下载或者网盘链接),笔刷如何载入请自行百度,谢谢!

图片 29

金属纹理主要是不断通过设置图层的混合模式和不透明度的参数值叠加调试而成的,本教程调试后的参数如下:

做类似的物体很重要的一点就是一定不要把各组件分离开,做出接缝来。正确的做法是分清前后的顺序后,分开部分做,后面的可以做大一些,隐藏到前面组块的后面,这样做出的东西才不会有缝隙。当部件比较众多的时候,可以通过建立组,根据部件的不同把图层分离开,以便管理。新建一个文件,尺寸为600*1000像素。——底座——1.利用椭圆工具绘制一个正圆,然后使用钢笔工具,将路径上端的锚点删除,移动旁边锚点的调节杆,得到一个底座形状。设置前景色为RGB(70,70,70),背景色为白色,更改填充内容为前景色到背景色渐变,样式“线性”,角度为73°。(如果你的效果刚好和我的相反,有可能是把渐变设置上面的反向选中了,去除选择就可以)。

01采用素材图片 Rust_5.JPG,混合模式:正片叠底,不透明度70%;

图片 30

02 使用笔刷,颜色#8c8c8c,不透明度30%;

2.复制该图层,然后选择菜单“编辑”—“自由变换路径”,将形状变小。设置前景色为白色,背景色为RGB(175,175,175),更改填充内容为前景色到背景色渐变,样式“径向”,角度为53°,移动渐变中心到左侧,如图。

03采用素材图片 纹理.png,混合模式:变暗,不透明度30%;

图片 31

这一步可自由发挥,自己觉得金属图片哪块可以作为纹理即用就可,参数也可自己调试叠加,以实际效果为主;

3.新建立一个椭圆,然后用钢笔工具在左右两侧增加锚点,然后将两点向上移动,主要是做出上半型的厚度。设置前景色为白色,背景色为RGB(70,70,70),更改填充内容为前景色到背景色渐变,样式“径向”,角度为17°,移动渐变中心到左侧,如图。

图片 32

本新闻共3

Step05:制作金属破损处,选择【钢笔工具】(快捷键P,可按Shift+P切换),绘制几个不规则多边形,形状自由发挥自定,配置金属纹理背景,颜色深点即可,此处举例:填充颜色#777777,设置图层样式:

图片 33

【内阴影】:正片叠底,填充颜色#464646,角度90°,距离1px,阻塞0,大小1px;

4.复制该图层,然后选择菜单“编辑”—“自由变换路径”,将形状变小。设置前景色为RGB(124,124,124),背景色为白色,更改填充内容为前景色到背景色渐变,样式“线性”,角度为-150°,如图。

再复制图层载入选区,填充颜色为#FFFFFF,向上移动一像素,反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】。其他破损处也是使用这种操作方法;

图片 34

图片 35

——玻璃——1.选择“圆角矩形工具”,将工具状态栏的半径设置为1000像素,绘制形状,将其与上面的底座对齐后,然后利用钢笔工具,将下面的面收缩,与底座衔接。设置前景色为RGB(60,60,60),背景色为RGB(210,210,210),更改填充内容为前景色到背景色渐变,样式“线性”,角度为132°,如图。

Step06:复制图层di重命名为nei_di,点击【编辑】—【自由变换路径】(快捷键Ctrl+T),缩小90%(记得点击【保持长宽比】),右键清除图层样式,选择【混合选项】设置:

图片 36

【渐变叠加】:线性渐变,色值从上到下为 #4b4b4b — #98988d,角度为90°;

2.复制该图层,然后选择菜单“编辑”—“自由变换路径”,将形状变小。设置前景色为RGB(154,253,253),背景色为RGB(0,96,255),更改填充内容为前景色到背景色渐变,样式“线性”,角度为90°,如图。

【投影】:正片叠底,颜色#202020,角度90°,距离5px,扩展0,大小8px;

图片 37

图片 38