Home Web Front-end PS Tutorial Photoshop设计制作漂亮的蓝色立体水晶心形

Photoshop设计制作漂亮的蓝色立体水晶心形

Jun 01, 2016 pm 02:32 PM
blue

制作心形之前需要自己找一个水晶心形实物图参考一下,重点了解它的受光情况。然后慢慢动手刻画心形暗部,高光及一些细节,做出自己喜欢的效果。 制作心形之前需要自己找一个水晶心形实物图参考一下,重点了解它的受光情况。然后慢慢动手刻画心形暗部,高光及一些细节,做出自己喜欢的效果。
最终效果

Photoshop设计制作漂亮的蓝色立体水晶心形

1、新建一个800 * 600像素的文件,背景填充淡蓝色:#E2ECF4,如下图。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图1>
 
2、新建一个组,用钢笔勾出心形的轮廓,转为选区后给组添加图层蒙版,如下图。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图2>

3、在组里新建一个图层,填充淡蓝色:#A2C4FA作为底色。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图3>

4、新建一个图层,用钢笔勾出心形左侧边缘的暗部选区,羽化15个像素后填充蓝色:#6F9EF0。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图4>

5、新建一个图层,用钢笔勾出左侧边缘稍小的暗部选区,羽化8个像素后填充稍暗的蓝色:#438BE5。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图5>
 
6、新建一个图层,用钢笔勾出贴近边缘的暗部选区,羽化5个像素后填充同上的蓝色,混合模式改为“正片叠底”,不透明度改为:50%,效果如下图。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图6>

7、新建一个图层,用钢笔勾出左侧边缘的高光选区,羽化5个像素后填充蓝色:#83B2F2,中间部分可用减淡工具稍微涂亮一点,效果如下图。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图7>

8、新建一个图层,用钢笔勾出底部中间位置的暗部选区,羽化2个像素后填充蓝色:#448AE5,取消选区后用涂抹工具把边缘的过渡涂出来,不透明度改为:60%,效果如下图。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图8>

9、新建一个图层,用钢笔勾出顶部的暗部选区,羽化10个像素后填充蓝色:#5A87E3,如下图。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图9>
 
10、新建一个图层,用钢笔勾出右侧暗部选区,羽化10个像素后填充同上的蓝色,不透明度改为:70%,效果如下图。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图10>

11、用钢笔勾出下图所示的选区,羽化8个像素后给图层添加图层蒙版。

Photoshop设计制作漂亮的蓝色立体水晶心形
<图11>


Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How do I use Photoshop for creating social media graphics? How do I use Photoshop for creating social media graphics? Mar 18, 2025 pm 01:41 PM

How do I use Photoshop for creating social media graphics?

How do I prepare images for web use in Photoshop (file size, resolution, color space)? How do I prepare images for web use in Photoshop (file size, resolution, color space)? Mar 13, 2025 pm 07:28 PM

How do I prepare images for web use in Photoshop (file size, resolution, color space)?

How do I calibrate my monitor for accurate color in Photoshop? How do I calibrate my monitor for accurate color in Photoshop? Mar 13, 2025 pm 07:31 PM

How do I calibrate my monitor for accurate color in Photoshop?

How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? Mar 13, 2025 pm 07:35 PM

How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively?

How do I use Photoshop's video editing capabilities? How do I use Photoshop's video editing capabilities? Mar 18, 2025 pm 01:37 PM

How do I use Photoshop's video editing capabilities?

How do I prepare images for web using Photoshop (optimize file size, resolution)? How do I prepare images for web using Photoshop (optimize file size, resolution)? Mar 18, 2025 pm 01:35 PM

How do I prepare images for web using Photoshop (optimize file size, resolution)?

How do I create animated GIFs in Photoshop? How do I create animated GIFs in Photoshop? Mar 18, 2025 pm 01:38 PM

How do I create animated GIFs in Photoshop?

How can I master advanced selection techniques in Photoshop (e.g., Select and Mask)? How can I master advanced selection techniques in Photoshop (e.g., Select and Mask)? Mar 12, 2025 pm 02:07 PM

How can I master advanced selection techniques in Photoshop (e.g., Select and Mask)?

See all articles