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

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

Jun 01, 2016 pm 02:34 PM
나비

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

最终效果

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>

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

소셜 미디어 그래픽을 만들기 위해 Photoshop을 어떻게 사용합니까? 소셜 미디어 그래픽을 만들기 위해 Photoshop을 어떻게 사용합니까? Mar 18, 2025 pm 01:41 PM

소셜 미디어 그래픽을 만들기 위해 Photoshop을 어떻게 사용합니까?

Photoshop (파일 크기, 해상도, 색상 공간)에서 웹 사용을위한 이미지를 어떻게 준비합니까? Photoshop (파일 크기, 해상도, 색상 공간)에서 웹 사용을위한 이미지를 어떻게 준비합니까? Mar 13, 2025 pm 07:28 PM

Photoshop (파일 크기, 해상도, 색상 공간)에서 웹 사용을위한 이미지를 어떻게 준비합니까?

Photoshop에서 정확한 색상을 위해 모니터를 어떻게 보정합니까? Photoshop에서 정확한 색상을 위해 모니터를 어떻게 보정합니까? Mar 13, 2025 pm 07:31 PM

Photoshop에서 정확한 색상을 위해 모니터를 어떻게 보정합니까?

Photoshop의 콘텐츠 인식 필 및 콘텐츠 인식 이동 도구를 효과적으로 사용하려면 어떻게해야합니까? Photoshop의 콘텐츠 인식 필 및 콘텐츠 인식 이동 도구를 효과적으로 사용하려면 어떻게해야합니까? Mar 13, 2025 pm 07:35 PM

Photoshop의 콘텐츠 인식 필 및 콘텐츠 인식 이동 도구를 효과적으로 사용하려면 어떻게해야합니까?

Photoshop의 비디오 편집 기능을 어떻게 사용합니까? Photoshop의 비디오 편집 기능을 어떻게 사용합니까? Mar 18, 2025 pm 01:37 PM

Photoshop의 비디오 편집 기능을 어떻게 사용합니까?

Photoshop (파일 크기, 해상도 최적화)을 사용하여 웹에 대한 이미지를 어떻게 준비합니까? Photoshop (파일 크기, 해상도 최적화)을 사용하여 웹에 대한 이미지를 어떻게 준비합니까? Mar 18, 2025 pm 01:35 PM

Photoshop (파일 크기, 해상도 최적화)을 사용하여 웹에 대한 이미지를 어떻게 준비합니까?

Photoshop에서 애니메이션 GIF를 어떻게 만들려면? Photoshop에서 애니메이션 GIF를 어떻게 만들려면? Mar 18, 2025 pm 01:38 PM

Photoshop에서 애니메이션 GIF를 어떻게 만들려면?

Photoshop에서 고급 선택 기술을 마스터하려면 어떻게해야합니까 (예 : 선택 및 마스크)? Photoshop에서 고급 선택 기술을 마스터하려면 어떻게해야합니까 (예 : 선택 및 마스크)? Mar 12, 2025 pm 02:07 PM

Photoshop에서 고급 선택 기술을 마스터하려면 어떻게해야합니까 (예 : 선택 및 마스크)?

See all articles