Home > Web Front-end > PS Tutorial > Photoshop设计制作非常华丽的金色金属彩带心形

Photoshop设计制作非常华丽的金色金属彩带心形

PHP中文网
Release: 2016-06-01 14:31:55
Original
2182 people have browsed it

 金属彩带由两个大的部分构成:中间金属心形及边缘部分的金属彩带。制作的过程略有不同,心形部分直接用图层样式制作金属质感,其它装饰部分则需要手工渲染质感。
最终效果

Photoshop设计制作非常华丽的金色金属彩带心形


1、新建一个1024 * 800像素的文件,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。

Photoshop设计制作非常华丽的金色金属彩带心形
<图1>

Photoshop设计制作非常华丽的金色金属彩带心形
<图2>
 
2、新建一个组,打开下图所示的素材,拖进来,解锁后适当放好位置。

Photoshop设计制作非常华丽的金色金属彩带心形
<图3>

3、双击当前图层缩略图调出图层样式,设置斜面和浮雕,参数设置如图4,效果如图5。

Photoshop设计制作非常华丽的金色金属彩带心形
<图4>

Photoshop设计制作非常华丽的金色金属彩带心形
<图5>

4、按Ctrl + J 把当前图层复制一层,填充改为0,然后双击当前图层缩略图编辑图层样式,斜面和浮雕的参数稍微修改一下,把底部高光的不透明度改为0%,参数设置如图7,效果如图8。这一步加上暗部颜色。

Photoshop设计制作非常华丽的金色金属彩带心形
<图6>

Photoshop设计制作非常华丽的金色金属彩带心形
<图7>

Photoshop设计制作非常华丽的金色金属彩带心形
<图8>
 
5、按Ctrl + J 把当前图层复制一层,填充改为0,不透明度改为:50%,再双击缩略图编辑图层样式,这次把暗部不透明度改为:0%,调整高光颜色,参数设置如图10,效果如图11。

Photoshop设计制作非常华丽的金色金属彩带心形
<图9>

Photoshop设计制作非常华丽的金色金属彩带心形
<图10>

Photoshop设计制作非常华丽的金色金属彩带心形
<图11>

6、按Ctrl + J 把当前图层复制一层,填充改为0,不透明度改为:100%,然后再编辑图层样式,斜面和浮雕数值稍微变动一下,再添加等高线,参数设置如图13,14,效果如图15。

Photoshop设计制作非常华丽的金色金属彩带心形
<图12>

Photoshop设计制作非常华丽的金色金属彩带心形
<图13>

Photoshop设计制作非常华丽的金色金属彩带心形
<图14>

Photoshop设计制作非常华丽的金色金属彩带心形
<图15>
 
7、调出当前图层选区,创建亮度/对比度调整图层,适当增加对比度,参数及效果如下图。

Photoshop设计制作非常华丽的金色金属彩带心形
<图16>

Photoshop设计制作非常华丽的金色金属彩带心形
<图17>

8、在当前组下面新建一个组,用钢笔勾出顶部中间位置的彩带轮廓,转为选区后给组添加图层蒙版,如下图。

Photoshop设计制作非常华丽的金色金属彩带心形
<图18>

9、在组里新建一个图层,填充暗红色:#934610,作为底色。

Photoshop设计制作非常华丽的金色金属彩带心形
<图19>

10、新建一个图层,把前景颜色设置为稍深的暗红色:#4F0500,用画笔把彩带的两端稍微涂暗,如下图。

Photoshop设计制作非常华丽的金色金属彩带心形
<图20>
 
11、新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充暗红色:#540A01,如下图。

Photoshop设计制作非常华丽的金色金属彩带心形
<图21>

12、新建一个图层,把前景颜色设置为橙色:#FFB750,用画笔把下图选区部分涂上一点高光效果。

Photoshop设计制作非常华丽的金色金属彩带心形
<图22>

13、新建一个图层,在高光中间涂上一点橙黄色亮光,如下图。

Photoshop设计制作非常华丽的金色金属彩带心形
<图23>

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

Photoshop设计制作非常华丽的金色金属彩带心形
<图24>

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

Photoshop设计制作非常华丽的金色金属彩带心形
<图25>
 
16、新建一个图层,边缘部分增加一些高光,顶部彩带部分基本完成。

Photoshop设计制作非常华丽的金色金属彩带心形
<图26>

17、新建一个组,用钢笔勾出右侧彩带轮廓,转为选区后给组添加图层蒙版。

Photoshop设计制作非常华丽的金色金属彩带心形
<图27>

18、在组里新建一个图层,填充暗红色作为底色,如下图。

Photoshop设计制作非常华丽的金色金属彩带心形
<图28>

19、新建图层,同上的方法渲染暗部及高光,过程如图29 - 32。

Photoshop设计制作非常华丽的金色金属彩带心形
<图29>

Photoshop设计制作非常华丽的金色金属彩带心形
<图30>

Photoshop设计制作非常华丽的金色金属彩带心形
<图31>

Photoshop设计制作非常华丽的金色金属彩带心形
<图32>
 
20、新建组,同上的方法制作左侧及底部的菜单,效果如图33,34。

Photoshop设计制作非常华丽的金色金属彩带心形
<图33>

Photoshop设计制作非常华丽的金色金属彩带心形
<图34>

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

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
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template