ps教程分享 如何在PS中绘制一枚炫酷的钟表图标教程

本篇教程通过PS制作一款炫酷的机械图标,图标教程我们做了很多很多,用到的依旧是我们的图层样式,万变不离其宗,风格各有各的样式,但是效果呈现的不一样,同学一起来学习一下吧。

炫酷的钟表图标效果图:

操作步骤:

Step 01

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

 

Step 02

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

Step 03

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

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

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

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

Step 04

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

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

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

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

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

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

Step 05

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

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

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

Step 06

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

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

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

 

Step 07

绘制备份图标,选择【椭圆工具】(快捷键U,可按Shift+U切换),在画布上按住Shift键画一个正圆,再选择【椭圆工具】,并选择路径【减去顶层形状】,画一个圆环,选择【钢笔工具】(快捷键P,可按Shift+P切换),并选择路径【合并形状】,在圆环右边处画一个三角形,最后再选【钢笔工具】,并选择路径【减去顶层形状】,画一个缺口,完成备份图标,重命名为backup,填充颜色#202020,设置图层样式:

【描边】:大小3px,外部,线性渐变,色值从上到下为 #787878 — #484848,角度为90°;

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

再复制图层backup重命名为backup_bian,载入选区,向上移动一像素,反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】,设置图层样式:

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

 

 

Step 08

绘制螺丝孔:选择【椭圆工具】,在画布上按住Shift键画一个小正圆,大小自定适合即可,设置图层样式:

【描边】:大小2px,外部,线性渐变,色值从上到下为 #929292 — #3b3b3b,角度为90°;

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

复制图层(快捷键Ctrl+J或者选择【移动工具】按住alt键拖动),复制四个小圆分别放在四个角;

绘制插槽:选择【矩形工具】(快捷键U,可按Shift+U切换),画一个长方形,大小自定适合即可,设置图层样式:

【描边】:大小1px,内部,颜色#606060;

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

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

最后复制六个图层,并排放在底部且居中排列;

 

Step 09

制作内部框残旧金属纹理部分,一样是采用素材图片嵌入和笔刷绘制;

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

01采用素材图片 Rust_4.JPG,混合模式:强光,不透明度15%;

02 使用笔刷,颜色# 181818,混合模式:叠加,不透明度40%;

03使用笔刷,颜色# 3f311d,混合模式:叠加,不透明度50%;

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

 

在对所需设计进行优化时会用到,熟悉了以后就可以按照自己需要创作喜欢的图标。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


本篇教程通过PS制作一款炫酷的机械图标,图标教程我们做了很多很多,用到的依旧是我们的图层样式,万变不离其宗,风格各有各的样式,但是效果呈现的不一样,同学一起来学习一下吧。炫酷的钟表图标效果图:
很多人办公中都在使用photoshop软件,那么你们晓得photoshop怎么使用浮雕效果吗?下文小编就为各位带来了photoshop使用浮雕效果的方法,让我们一起来下文看看吧。photoshop使用浮雕效果的方法在Photoshop主页打开要处
你们是不是也在使用photoshop软件呢?那么你们知道photoshop怎样新建图层吗?下文小编就为各位带来了photoshop新建图层的方法,感兴趣的用户快来下文看看吧。photoshop新建图层的方法首先在电脑上打开【Photoshop软件】
你们知道photoshop怎么样生成凸出吗?下面这篇内容就为大伙带来了photoshop生成凸出的具体操作,让我们一起来下文看看吧。      photoshop怎么样生成凸出?ps生成凸出的具体操作用Photo
ps怎么改背景颜色?现在的很多证件照都会要求使用纯色背景,但是如果我们在家里拍照的话很难有满足要求的背景,这个时候就可以使用photoshop这款软件来改变照片背景颜色了,而且只需要清除原背景并重新填充就可以。
如果您的图片文件是psd格式可以直接导入ps里面,使用文字工具将光标定位到文字中,使用输入法进行更改,如果不是psd则需要先使用【污点工具】将文字去除之后,再用上面的方法编辑文字即可。以下是详细介绍。
ps抠图是我们最常用的操作,也是后续图像处理的重要基础,今天小编就教大家用不同方法进行ps抠图操作,每种方法都有自己的使用范围,工具可以混合使用(很全面,值得收藏)。
ps怎么调整图片大小?日常生活和工作中,我们常常有调整图片大小的需要。那么,用PS怎么调整图片大小呢?下面这三种非常简单的方法大家可以尝试一下。
讯飞语音输入法如何快速输入日期,学会使用快速输入操作方法,可以让你与朋友的社交打字沟通更上一层楼。讯飞语音输入法输入日期操作步骤讯飞输入法是一款非常多功能的输入法,最近出了一款非常方便的语言识别功能,
有很多朋友刚学习ps的时候并不知道ps软件怎样给文字添加染色玻璃和投影效果呢?那么跟我一起看看吧!ps软件怎样给文字添加染色玻璃和投影效果?
PS输入数字圆圈符号怎么操作? 经常能在排版的时候,能见到数字圆圈符号,该怎么制作这个效果的数字呢?PS给数字加圆圈的方法想要设计一款圆圈数字,该怎么输入呢?
下面小编带你去学习把用ps把将人物和风景合成一张具体操作步骤,很简单的,感兴趣的跟小编一起来学习吧!
今天分享一篇把利用PS设计出啤酒泡沫字体的具体操作步骤!教程简单易懂,只要你有一些手绘基础,很简单就可以把各式各样的人物、表情变成个性的啤酒泡沫的字体。
      近期有小伙伴问怎么才能把美女照片调成紫色眼影,接下来小编就带来用PS给美女照增加紫色眼影的操作步骤,一起去学习学习吧。
      下面就是使用PS制作剪影人物的具体操作步骤。过程非常简单,只需要几个步骤,需要的朋友可以参考下。
      ps被广泛应用,下面就是小编带来的利用Photoshop快速打造时尚大片的红蓝渐变人像的具体操作步骤,很简单哦,看完之后你也来试试吧!
      ps被广泛应用,那么用Photoshop将彩色照片转为手绘图是怎么做到的呢?下面就是小编带来的Photoshop将彩色照片转为手绘图的简单操作方法,很简单哦,看完之后你也来试试吧!
      上班族的小伙伴们想必都非常熟悉PS这款办公软件吧,那么小编今天给大家带来了ps中法线贴图插件使用的具体方法,我们一起去了解了解吧。
      小伙伴们你们知道怎么利用ps合成人物头像创意海报呢?今天小编很乐意与大家分享妙用ps合成人物头像创意海报的技巧,感兴趣的可以来了解了解哦。
  各位用户们知道ps怎么复制图层吗?若是不知道的话可随着小编一同去下面文章中学习下ps快速复制图层操作的步骤讲解。