当前位置:首页>ps实例教程>ps制作实例>制作实例>教程内容

徽章教程,用PS制作一款萌萌哒立体水晶微章(4)

来源:PS联盟 作者:零下一度 学习:43094人次

通过PS中的图层样式来制作一款萌萌哒漂亮的徽章,整个制作过程比较简单,但是要掌握图层样式里各种设置,这些设置会对图片起什么作用,相信同学们可以通过此方法制作更多的有趣的东西,PS是个可以带给我们惊喜的软件,同学们要练习起来,每天练习一点点,效果都会很显著,一起来学习一下吧。

效果图:

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤1、我们新建或Ctrl+N,创建1000x 800像素大小,分辨率72像素/英寸,RGB颜色,8位,背景内容为白色的新文件。大小也可以根据需要自己设定。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤2、在图层面板中新建图层1,然后选择椭圆选框工具,按住Shift键在画布中间画一个圆。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤3、设置前景色为蓝色#1659e2(颜色也可以根据自己喜欢设置),按Alt+Delete键填充蓝色,得到一个蓝色的圆。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤4、转到图层面板双击图层1打开图层样式,下面我们来设置圆的内阴影,混合模式:叠加,不透明度:65%,距离:1,大小:40,等高线:环形-双。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤5、设置内发光,使微章更有水晶的光泽。混合模式:滤色,不透明度:30%。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤6、设置光泽,使微章更有光泽感和立体感。混合模式:滤色,不透明度:23%,距离:16,大小:29,等高线:环形-双。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤7、给微章添加投影效果,混合模式:正片叠底,不透明度:35%,距离:5,大小:13。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤8、给微章进行描边处理,大小:1,不透明度:38%,位置:内部,大小:13,混合模式:叠加。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤9、先下来我们处理微章的高光部分,转到图层中新建图层2,选椭圆选框工具,在圆上画一个椭圆形。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤10、使前景色为白色,选渐变工具中的前景色到透明渐变,按住Shift键从上往下向拉渐变效果。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤11、Ctrl+T选中椭圆,变换椭圆的位子,将椭圆转到右上角,也就是我们选定其为高光部分的地方。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤12、接下来我们给微章再加一些小的高光效果。转到图层,复制图层2复到图层2拷贝,把图层2边上的眼睛关闭使图层不可见。按住Ctrl键点击图层1,得到圆形选区,通过键盘上的左键和下键来控制选区,移动到如下图所示的位置,然后点击delete键。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤13、这时我们得到的高光效果不是很理想有些生硬,转到图层给图层2拷贝层添加图层蒙版http://www.16xx8.com/tags/38847/,按D键使前景色为黑色,选画笔工具,把高光的两头涂一下,使高光效果变的自然。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤14、打开图层2边上的眼睛,使图层可见。复制图层2拷贝层,得到图层2拷贝2。Ctrl+T选中图层2拷贝2层,把角度设为180度,变换小高光的位子,并移到圆形微章左下角。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤15、添加背景图层颜色,转到图层选中背景图层,将前景色设为灰色#646363,Alt+Delete填充灰色,你也可以选你自己喜欢的颜色。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤16、由于我们需要做很多款图案的水晶微章,所以要对微章进行透明处理,双击图层1打开图层样式,将混合选项中高级混合填充不透明度设为0,得到如下效果。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

步骤17、现在我们就可以把自己喜欢的图片添加到微章中了,打开素材拉入微章图层中,注意素材图片必须放在图层1下面,按Ctrl键点击图层1得到圆形选区,然后点击图层下方的添加图层蒙版按钮给素材加上蒙版,使微章其他的部分不可见,得到如下效果。

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

好了是不是很简单,只需要耐心和细心就可以完成,喜欢的朋友一起来做属于自己的个性微章吧!相信你一定做的比我好。

完成:

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

徽章教程,用PS制作一款萌萌哒立体水晶微章_www.16xx8.com

搞懂图层,还有混合模式的一些设置,就会手到擒来。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
huang2022-08-10 10:58
我的作业:

初学者1237892020-07-09 02:38
我的作业:

yaya8212202020-07-05 12:58
很棒的教程!

1537965792020-07-04 09:11
谢谢您的分享。学习了。
查查2020-07-04 12:09
嘻嘻嘻L 发表于 2020-3-30 16:43
步骤10是怎么回事啊 做了好多遍 怎么做也做不出来渐变色
做一个白色到透明的渐变,然后在保持选区的情况,从上往下拉,开始拉小一点,要是看不出效果,就慢慢拉大,拉到看到效果为止
Onlydis2020-07-02 11:45
交作业

Onlydis2020-07-02 10:35
嘻嘻嘻L 发表于 2020-3-30 16:43
步骤10是怎么回事啊 做了好多遍 怎么做也做不出来渐变色
我也是
禅(静心)2020-06-25 12:36
我的作业:

苗婵娟2020-04-17 03:29
完成啦

jian44142020-04-11 11:47
我的作业:

嘻嘻嘻L2020-03-30 04:43
步骤10是怎么回事啊 做了好多遍 怎么做也做不出来渐变色
嘻嘻嘻L2020-03-30 03:15
为啥修改图层样式没有变化呢
竹影瑟瑟%2020-03-16 05:08
我的作业:

ainide2020-02-12 10:08
谢谢原创!!!

关注大神微博加入>>

网友求助,请回答!