ホームページ > ウェブフロントエンド > PS チュートリアル > Photoshop设计制作出光滑的红色立体心形

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

PHP中文网
リリース: 2017-03-20 11:56:46
オリジナル
1727 人が閲覧しました

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

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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート