Home > Web Front-end > PS Tutorial > body text

Photoshop制作出漂亮的彩带立体感心形效果

PHP中文网
Release: 2017-03-20 13:55:21
Original
1648 people have browsed it

本教程重点是彩带部分的制作,需要按照心形的边缘轮廓安排好彩带的形状,然后再慢慢渲染彩带的高光和暗部,做出立体感。后期再装饰一些小点即可。 

最终效果

Photoshop制作出漂亮的彩带立体感心形效果


1、新建一个800 * 800像素的文档,背景填充黑色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图1>
 
2、新建一个组,在组里新建一个图层,用钢笔勾出心形选区填充黑色,也可直接使用心形形状,大致效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图2>

3、在当前图层下面新建一个图层,用钢笔勾出一个稍大的心形,填充暗红色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图3>

4、新建一个图层,按Ctrl + Alt + G 创建剪切图层,然后用画笔把心形边缘涂上彩色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图4>
 
5、现在开始制作心形右边彩带部分,需要完成的效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图5>

6、在心形组的下面新建一个组,新建一个图层,用钢笔勾出右边彩带的选区后填充暗红色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图6>

7、新建一个图层,按Ctrl + Alt + G 创建剪切图层。然后在当前剪切图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充紫色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图7>
 
8、新建一个图层,用钢笔勾出下图所示的选区,填充稍亮的紫色,取消选区后添加图层蒙版,用黑色画笔把边缘部分涂出过渡效果,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图8>

9、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充暗红色。

Photoshop制作出漂亮的彩带立体感心形效果
<图9>

10、新建一个图层,用钢笔勾出底部高光部分的选区,羽化6个像素后填充橙红色,局部再用减淡工具稍微涂亮一点,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图10>

11、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充淡黄色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图11>
 
12、新建一个图层,用钢笔勾出底部暗部的选区,羽化4个像素后填充暗红色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图12>

13、新建一个图层,用钢笔勾出底部边缘高光选区,羽化2个像素后填充淡黄色,局部用减淡工具涂亮一点,取消选区后添加图层蒙版,用黑色画笔把顶部涂点过渡效果。到这一步底色部分基本完成,效果如图14。

Photoshop制作出漂亮的彩带立体感心形效果
<图13>

Photoshop制作出漂亮的彩带立体感心形效果
<图14>

14、在组的最上面新建一个图层,用钢笔勾出边缘菜单部分的选区,填充稍亮的暗红色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图15>
 
15、新建一个剪切图层,用钢笔勾出顶部高光部分的选区,填充稍亮的红色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图16>

16、新建一个剪切图层,用钢笔勾出中间高光部分的选区,羽化10个像素后填充橙黄色。

Photoshop制作出漂亮的彩带立体感心形效果
<图17>

17、新建一个图层,同上的方法涂出边缘高光部分的颜色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图18>
 
18、在组的最上面新建一个图层,用钢笔勾出图19所示的选区,然后慢慢用画笔涂抹暗部和高光的颜色,过程如图19 - 21。

Photoshop制作出漂亮的彩带立体感心形效果
<图19>

Photoshop制作出漂亮的彩带立体感心形效果
<图20>

Photoshop制作出漂亮的彩带立体感心形效果
<图21>

19、新建一个组,新建图层后,用钢笔勾出左边彩带部分的选区,填充深蓝色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图22>
 
20、新建一个剪切图层,同上的方法渲染暗部及高光的颜色,过程如图23,24。

Photoshop制作出漂亮的彩带立体感心形效果
<图23>

Photoshop制作出漂亮的彩带立体感心形效果
<图24>

21、新建一个图层,用钢笔勾出边缘彩带部分的选区,填充深蓝色,然后再渲染边缘高光,过程如图25 - 28。

Photoshop制作出漂亮的彩带立体感心形效果
<图25>

Photoshop制作出漂亮的彩带立体感心形效果
<图26>

Photoshop制作出漂亮的彩带立体感心形效果
<图27>

Photoshop制作出漂亮的彩带立体感心形效果
<图28>
 
22、创建亮度/对比度调整图层,参数设置如图29,效果如图30。

Photoshop制作出漂亮的彩带立体感心形效果
<图29>

Photoshop制作出漂亮的彩带立体感心形效果
<图30>

23、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。混合模式改为“颜色减淡”,按住Alt键添加图层蒙版,用白色画笔把需要加强的部分擦出来,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图31>

24、新建一个图层,用画笔点上一些小点,大致效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图32>

最后调整一下细节,完成最终效果。

Photoshop制作出漂亮的彩带立体感心形效果

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template