> 웹 프론트엔드 > PS 튜토리얼 > Photoshop打造精致的蓝色皇冠徽章

Photoshop打造精致的蓝色皇冠徽章

PHP中文网
풀어 주다: 2016-06-01 14:35:01
원래의
1697명이 탐색했습니다.

效果图的构成元素较多,制作的时候需要先分析好徽章的大致构造,然后再由底层做起,分步做出整个效果。由于图形是对称的,制作的时候如果想偷懒,先做出一半,另一半直接复制过去即可。

 最终效果

Photoshop打造精致的蓝色皇冠徽章

1、新建一个800 * 600像素的文档,用钢笔工具勾出下图所示的选区,并填充黑色。

Photoshop打造精致的蓝色皇冠徽章
<图1>
 
2、把做好的图形复制一层,执行:编辑 > 编辑 > 水平翻转,确定后把两个图形对接起来,效果如下图。对接好后把两个图层合并为一个图层。

Photoshop打造精致的蓝色皇冠徽章
<图2>

3、锁定图层后选择渐变工具,颜色设置如图4,由左至右拉出图5所示的线性渐变。

Photoshop打造精致的蓝色皇冠徽章
<图4>

Photoshop打造精致的蓝色皇冠徽章
<图4>
 
4、新建一个图层,用钢笔工具勾出图5所示的选区,选择渐变工具,颜色设置如图6,拉出图7所示的径向渐变。

Photoshop打造精致的蓝色皇冠徽章
<图5>

Photoshop打造精致的蓝色皇冠徽章
<图6>

Photoshop打造精致的蓝色皇冠徽章
<图7>
 
5、如下图所示,新建一个组,然后在组里面新建一个图层。

Photoshop打造精致的蓝色皇冠徽章
<图8>

6、新建一个图层,在图形的右中位置勾出图9所示的选区,选择渐变工具,颜色设置如图10,拉出图11所示的线性渐变。

Photoshop打造精致的蓝色皇冠徽章
<图9>

Photoshop打造精致的蓝色皇冠徽章
<图10>

Photoshop打造精致的蓝色皇冠徽章
<图11>
 
7、把做好的图形复制几层,适当对接好,就可以组成一段绳子,效果如下图。

Photoshop打造精致的蓝色皇冠徽章
<图12>

8、新建一个图层,同样的方法制作绳子的其他装饰,过程如图13 - 16。

Photoshop打造精致的蓝色皇冠徽章
<图13>

Photoshop打造精致的蓝色皇冠徽章
<图14>

Photoshop打造精致的蓝色皇冠徽章
<图15>

Photoshop打造精致的蓝色皇冠徽章
<图16>
 
9、新建一个图层,同样的方法制作上面的绳子,效果如下图。

Photoshop打造精致的蓝色皇冠徽章
<图17>

10、把当前操作的组复制一层,合并组里的所有图层后再水平翻转一下,放到左边位置,效果如下图。

Photoshop打造精致的蓝色皇冠徽章
<图18>

11、新建一个图层,用钢笔勾出下图所示的选区,拉上蓝色至深蓝的径向渐变。

Photoshop打造精致的蓝色皇冠徽章
<图19>
 
12、在当前图层下面新建一个图层,用钢笔工具勾出图20所示的选区,填充黄褐色,然后分段勾出不同的部分分别拉上渐变色,做出金属感,如图21,22。

Photoshop打造精致的蓝色皇冠徽章
<图20>

Photoshop打造精致的蓝色皇冠徽章
<图21>

Photoshop打造精致的蓝色皇冠徽章
<图22>
 
13、调出当前图层选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后新建一个图层,选择渐变工具,颜色设置如图24,拉出图25所示的线性渐变。

Photoshop打造精致的蓝色皇冠徽章
<图23>

Photoshop打造精致的蓝色皇冠徽章
<图24>

Photoshop打造精致的蓝色皇冠徽章
<图25>

14、新建一个图层,用钢笔勾出图26所示的选区,填充黄褐色,确定后锁定图层,分段加上渐变色,效果如图27。

Photoshop打造精致的蓝色皇冠徽章
<图26>

Photoshop打造精致的蓝色皇冠徽章
<图27>
 
15、新建一个图层,适当给蓝色盾牌部分加上放射背景。新建一个图层,用钢笔勾出图28所示的选区,填充颜色:#D7DDEE,加上图层蒙版,用黑白渐变拉出底部透明效果,如图29。

Photoshop打造精致的蓝色皇冠徽章
<图28>

Photoshop打造精致的蓝色皇冠徽章
<图29>

16、新建一个图层,用钢笔勾出图20所示的选区,拉上图31所示的线性渐变。

Photoshop打造精致的蓝色皇冠徽章
<图30>

Photoshop打造精致的蓝色皇冠徽章
<图31>

17、同样的方法制作皇冠上的宝石,效果如下图。

Photoshop打造精致的蓝色皇冠徽章
<图32>
 
18、新建一个图层,用钢笔工具勾出下图所示的选区,填充暗褐色,中间部分用减淡工具稍微涂亮一点。

Photoshop打造精致的蓝色皇冠徽章
<图33>

19、新建一个图层,按Ctrl + Alt + G 与前一图层编组,确定后在当前图层下面新建一个图层,用钢笔工具勾出图34所示的选区,按Ctrl + Alt + D 羽化10个像素后填充颜色:#F0DF8F。

Photoshop打造精致的蓝色皇冠徽章
<图34>

20、新建一个图层,用钢笔工具勾出下图所示的选区,羽化8个像素后填充颜色:#F5EA9F,效果如下图。

Photoshop打造精致的蓝色皇冠徽章
<图35>

21、新建一个图层,用钢笔工具勾出下图所示的选区,羽化8个像素后填充颜色:#C5AA42,效果如下图。

Photoshop打造精致的蓝色皇冠徽章
<图36>

22、右边的高光制作方法相同,效果如下图。

Photoshop打造精致的蓝色皇冠徽章
<图37>
 
23、同上的方法再制作其它装饰部分,如图38 - 41。

Photoshop打造精致的蓝色皇冠徽章
<图38>

Photoshop打造精致的蓝色皇冠徽章
<图39>

Photoshop打造精致的蓝色皇冠徽章
<图40>

Photoshop打造精致的蓝色皇冠徽章
<图41>

最后调整一下整体颜色和细节,完成最终效果。

Photoshop打造精致的蓝色皇冠徽章

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿