Home Web Front-end PS Tutorial Photoshop设计制作一个漂亮的红色水晶立体心形教程

Photoshop设计制作一个漂亮的红色水晶立体心形教程

Mar 19, 2017 pm 02:58 PM

心形制作并不复杂,重点是把心形的体积感及高光刻画出来。制作之前最好找一些心形的素材参考一下,了解清楚高光及暗部构成,这样制作的效果就会逼真很多。
最终效果

Photoshop设计制作一个漂亮的红色水晶立体心形教程


1、新建一个900 * 650像素,分辨率为72的画布,背景填充淡紫色:#ECACCE,如下图。

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图1>

2、新建一个组,用钢笔勾出心形轮廓,转为选区后给组添加图层蒙版。如果嫌麻烦,可以直接使用素材图3,直接右键选择“图片另存为”,然后在PS中打开,素材为PNG格式,可直接使用。

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图2>

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图3>
 
3、在组里新建一个图层,选择渐变工具,颜色设置为红色至深红渐变如图4,然后由右上角向左下角拉出径向渐变,效果如图5。

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图4>

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图5>

4、新建一个图层,用钢笔勾出顶部及右侧的边缘高光,转为选区如图6,羽化5个像素后填充淡紫色:#F5B1C5,取消选区后添加图层蒙版,用黑色画笔把底部过渡涂抹自然,效果如图7。

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图6>

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图7>

5、新建一个图层,用钢笔勾出图8所示的选区,填充淡紫色:#F5B0C5,效果如下图。

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图8>
 
6、取消选区后,用钢笔沿左侧边缘勾出图9所示的选区,羽化2个像素后添加图层蒙版,效果如图10。

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图9>

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图10>

7、新建一个图层,用钢笔勾出下图所示的选区,羽化8个像素后填充同上的淡紫色。

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图11>

8、按Ctrl + J 把当前图层复制一层,不透明度改为:50%,效果如下图。

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图12>

9、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充淡紫色:#FEDAF7,效果如下图。

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图13>

10、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充同上的淡紫色。

Photoshop设计制作一个漂亮的红色水晶立体心形教程
<图14>

11、取消选区后用涂抹工具把边缘涂抹自然,效果如下图。

Photoshop设计制作一个漂亮的红色水晶立体心形教程


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