> 웹 프론트엔드 > PS 튜토리얼 > Photoshop制作出非常可爱的粉色水晶蝴蝶效果

Photoshop制作出非常可爱的粉色水晶蝴蝶效果

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

水晶蝴蝶制作重点是把蝴蝶翅膀部分的高光渲染出来,过程也比较简单。先渲染整体的高光,做出水晶底色,然后再慢慢细化局部的高光和暗部即可。 

最终效果

Photoshop制作出非常可爱的粉色水晶蝴蝶效果

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
 
1、新建一个800 * 600像素的画布,选择渐变工具,颜色设置如图1,由左上至右下拉出图2所示的线性渐变。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图1>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图2>

2、蝴蝶是对称的,制作的时候我们只需要完成一半即可,先来制作翅膀部分,需要完成的效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图3>
 
3、新建一个组,在组里新建一个图层,用钢笔勾出右边翅膀的选区,填充白色,如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图4>

4、把当前支持图层复制一层,原翅膀图层隐藏,按住Alt键添加图层蒙版,用透明度较低的白色画笔把翅膀的中间部分擦出来,再适当降低图层不透明度,效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图5>

5、新建一个图层,用钢笔勾出翅膀顶部的暗部,如图6。选择渐变工具,颜色设置如图7,拉出图8所示的线性渐变。然后把图层混合模式改为“正片叠底”,不透明度改为:30%,效果如图9。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图6>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图7>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图8>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图9>
 
6、调出当前图层选区,新建一个图层,填充淡黄色:#F9EC97,按Ctrl + D 取消选区后按住ALt键添加图层蒙版,用白色画笔把底部边缘部分擦出来,再适当降低图层不透明度,效果如图11。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图10>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图11>

7、调出翅膀选区,新建一个图层,用透明度较低的画笔把底部及顶部边缘涂上白色高光,操作的时候要慢慢涂抹,效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图12>
 
8、把前景颜色设置为淡紫色:#FFC8E0,调出翅膀选区,新建一个图层,混合模式改为“色相”,用画笔把翅膀的左边涂上前景色,效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图13>

9、新建一个图层,用钢笔勾出图14所示的选区,新建一个图层填充较淡的粉红色,然后在边缘部分涂上淡黄色及白色,效果如图15。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图14>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图15>

10、新建一个图层,同上的方法制作顶部的高光,用钢笔勾出图17所示的选区,填充淡粉色,混合模式改为“柔光”,边缘部分涂上一些淡黄色,效果如图17。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图16>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图17>
 
11、调出翅膀的选区,用白色画笔在边缘涂上一些高光,效果如下图。到这一步,右边翅膀基本完成。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图18>

12、把做好的翅膀复制一份,水平翻转后再对接起来,效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图19>
 
13、躯干部分的制作方法相同,过程如图20,21。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图20>

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图21>

14、调整一下细节,再按喜好装饰一些小点,效果如下图。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图22>

最后调整一下整体亮度,完成最终效果。

Photoshop制作出非常可爱的粉色水晶蝴蝶效果
<图23>

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