教程 发表于 2020-2-12 22:06:07

制作一款立体水晶徽章

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


效果图：

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x0.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x1.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x2.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x3.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x4.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x5.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x6.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x7.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x8.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x9.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x10.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x11.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x12.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x13.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x14.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x15.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x16.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x17.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x18.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x19.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x20.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x21.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x22.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x23.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x24.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x25.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x26.jpeg

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

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x27.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x28.jpeg

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

完成：

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x29.jpeg

http://pic1.16xx8.com/allimg/15hhi3/16xx897213x30.jpeg


搞懂图层，还有混合模式的一些设置，就会手到擒来。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

ainide 发表于 2020-2-12 22:08:01

谢谢原创！！！

竹影瑟瑟％ 发表于 2020-3-16 17:08:51

我的作业：

嘻嘻嘻L 发表于 2020-3-30 15:15:02

为啥修改图层样式没有变化呢

嘻嘻嘻L 发表于 2020-3-30 16:43:31

步骤10是怎么回事啊 做了好多遍怎么做也做不出来渐变色

jian4414 发表于 2020-4-11 23:47:15

我的作业：

苗婵娟 发表于 2020-4-17 15:29:35

完成啦

禅（静心） 发表于 2020-6-25 00:36:41

我的作业：

Onlydis 发表于 2020-7-2 10:35:09

嘻嘻嘻L 发表于 2020-3-30 16:43
步骤10是怎么回事啊 做了好多遍怎么做也做不出来渐变色

我也是

Onlydis 发表于 2020-7-2 11:45:03

交作业

查查 发表于 2020-7-4 00:09:39

嘻嘻嘻L 发表于 2020-3-30 16:43
步骤10是怎么回事啊 做了好多遍怎么做也做不出来渐变色

做一个白色到透明的渐变，然后在保持选区的情况，从上往下拉，开始拉小一点，要是看不出效果，就慢慢拉大，拉到看到效果为止

153796579 发表于 2020-7-4 09:11:19

谢谢您的分享。学习了。

yaya821220 发表于 2020-7-5 12:58:07

很棒的教程！

初学者123789 发表于 2020-7-9 14:38:49

我的作业：

Eileen1 发表于 2021-2-19 09:15:12

很棒
页: [1]
查看完整版本: 制作一款立体水晶徽章