> 웹 프론트엔드 > PS 튜토리얼 > Photoshop设计制作出光滑的红色立体心形

Photoshop设计制作出光滑的红色立体心形

PHP中文网
풀어 주다: 2017-03-20 11:56:46
원래의
1728명이 탐색했습니다.

立体心形相对来说比较容易刻画,只需要了解清爽高光及暗部的构成。然后由底层开始制作,逐层把立体感渲染出来。注意好过渡自然即可。 最终效果

Photoshop设计制作出光滑的红色立体心形

1、新建一个800 * 600像素的文档,背景选择白色。新建一个组,用钢笔勾出心形的轮廓,转为选区后给群添加图层蒙版,如下图。

Photoshop设计制作出光滑的红色立体心形
<图1>
 
2、在组里新建一个图层,选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变。

Photoshop设计制作出光滑的红色立体心形
<图2>

Photoshop设计制作出光滑的红色立体心形
<图3>

3、新建一个图层,用钢笔勾出右侧高光选区,羽化25个像素后填充稍亮艳丽的红色:#F70E1E,如下图。

Photoshop设计制作出光滑的红色立体心形
<图4>

4、新建一个图层,用钢笔勾出右侧边缘高光选区,羽化20个像素后填充橙黄色:#FEA409,如下图。

Photoshop设计制作出光滑的红色立体心形
<图5>
 
5、新建一个图层,用钢笔勾出左侧底部高光选区,羽化25个像素后填充橙黄色:#FEA409。

Photoshop设计制作出光滑的红色立体心形
<图6>

6、新建一个图层,用钢笔勾出左侧高光选区,羽化25个像素后填充红色:#F70E1E,如下图。

Photoshop设计制作出光滑的红色立体心形
<图7>

7、新建一个图层,用钢笔勾出顶部高光选区,羽化25个像素后填充红色:#F70E1E,如下图。

Photoshop设计制作出光滑的红色立体心形
<图8>

8、新建一个图层,用钢笔勾出左侧边缘高光选区,羽化20个像素后填充橙黄色:#FFA912。

Photoshop设计制作出光滑的红色立体心形
<图9>
 
9、新建一个图层,用钢笔勾出左侧边缘暗部选区,羽化20个像素后填充暗红色:#B5010D,如下图。

Photoshop设计制作出光滑的红色立体心形
<图10>

10、新建一个图层,用钢笔勾出右侧底部暗部选区,羽化20个像素后填充暗红色。

Photoshop设计制作出光滑的红色立体心形
<图11>

11、新建一个图层,用钢笔勾出顶部暗部选区,羽化15个像素后填充暗红色。

Photoshop设计制作出光滑的红色立体心形
<图12>

12、新建一个图层,用钢笔勾出左侧中间高光选区,羽化15个像素后填充橙黄色。

Photoshop设计制作出光滑的红色立体心形
<图13>
 
13、新建一个图层,新建一个图层,同上的方法加强一下高光部分的强度,中间部分涂上淡黄色,过程如图14 - 15。

Photoshop设计制作出光滑的红色立体心形
<图14>

Photoshop设计制作出光滑的红色立体心形
<图15>

14、新建一个图层,同上的方法制作右侧中间的高光部分,如图16,17。

Photoshop设计制作出光滑的红色立体心形
<图16>

Photoshop设计制作出光滑的红色立体心形
<图17>
 
15、顶部的高光制作方法同上,过程如图18 - 20。

Photoshop设计制作出光滑的红色立体心形
<图18>

Photoshop设计制作出光滑的红色立体心形
<图19>

Photoshop设计制作出光滑的红色立体心形
<图20>

16、在背景图层上面新建一个图层,简单加上一点投影,效果如下图。

Photoshop设计制作出光滑的红色立体心形
<图21>
 
17、可根据需要把整体稍微柔化处理,方法任选。

Photoshop设计制作出光滑的红色立体心形
<图22>

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

Photoshop设计制作出光滑的红色立体心形
<图23>

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