Home Web Front-end PS Tutorial Photoshop设计制作出晶莹剔透的高光心形效果

Photoshop设计制作出晶莹剔透的高光心形效果

Jun 01, 2016 pm 02:33 PM
highlight

高光心形制作并不复杂,光束可以用画笔直接涂出来。教程重点是把柔边及硬边的光束结合起来渲染,这样做出的效果细节多一些,同时通透感也会强很多。 最终效果

Photoshop设计制作出晶莹剔透的高光心形效果


1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,由上至下拉出图2所示的线性渐变作为背景。

Photoshop设计制作出晶莹剔透的高光心形效果
<图1>

Photoshop设计制作出晶莹剔透的高光心形效果
<图2>
 
2、先来制作心形的主体部分,需要完成的效果如下图。

Photoshop设计制作出晶莹剔透的高光心形效果
<图3>

3、由右边开始制作,新建一个组,用钢笔勾出右侧心形轮廓,转为选区后给组添加图层蒙版,如下图。

Photoshop设计制作出晶莹剔透的高光心形效果
<图4>

4、为了便于参考,在组里新建一个图层,填充白色并不不透明度设置为:10%,如下图。

Photoshop设计制作出晶莹剔透的高光心形效果
<图5>
 
5、新建一个图层,用钢笔勾出顶部的高光选区,羽化1个像素后填充淡黄色:#FFF5F0,如下图。

Photoshop设计制作出晶莹剔透的高光心形效果
<图6>

6、新建一个图层,用钢笔勾出顶上部的高光选区,羽化3个像素后填充淡黄色:#FFF1CA,如下图。

Photoshop设计制作出晶莹剔透的高光心形效果
<图7>

7、新建一个图层,用钢笔勾出中间部分的选区,羽化25个像素后填充淡红色:#FDC9B7,如下图。

Photoshop设计制作出晶莹剔透的高光心形效果
<图8>

8、新建一个图层,用钢笔勾出底部选区,羽化20个像素后填充同上的淡红色:#FDC9B7。

Photoshop设计制作出晶莹剔透的高光心形效果
<图9>

9、新建一个图层,用钢笔勾出中间左侧的高光选区,羽化5个像素后填充白色。

Photoshop设计制作出晶莹剔透的高光心形效果
<图10>
 
10、新建一个图层,用钢笔勾出左侧底部的高光选区,羽化5个像素后填充白色。

Photoshop设计制作出晶莹剔透的高光心形效果
<图11>

11、用钢笔勾出顶部边缘部分的高光选区,羽化1个像素后填充淡黄色:#FFF0CF。

Photoshop设计制作出晶莹剔透的高光心形效果
<图12>


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 AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

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

The article details using Photoshop for social media graphics, covering setup, design tools, and optimization techniques. It emphasizes efficiency and quality in graphic creation.

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

Article discusses using Photoshop's Content-Aware Fill and Move tools effectively, offering tips on selecting source areas, avoiding mistakes, and adjusting settings for optimal results.

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

Article discusses preparing images for web use in Photoshop, focusing on optimizing file size, resolution, and color space. Main issue is balancing image quality with quick loading times.

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

Article discusses calibrating monitors for accurate color in Photoshop, tools for calibration, effects of improper calibration, and recalibration frequency. Main issue is ensuring color accuracy.

What is the reason why PS keeps showing loading? What is the reason why PS keeps showing loading? Apr 06, 2025 pm 06:39 PM

PS "Loading" problems are caused by resource access or processing problems: hard disk reading speed is slow or bad: Use CrystalDiskInfo to check the hard disk health and replace the problematic hard disk. Insufficient memory: Upgrade memory to meet PS's needs for high-resolution images and complex layer processing. Graphics card drivers are outdated or corrupted: Update the drivers to optimize communication between the PS and the graphics card. File paths are too long or file names have special characters: use short paths and avoid special characters. PS's own problem: Reinstall or repair the PS installer.

How do I prepare images for print using Photoshop (resolution, color profiles)? How do I prepare images for print using Photoshop (resolution, color profiles)? Mar 18, 2025 pm 01:36 PM

The article guides on preparing images for print in Photoshop, focusing on resolution, color profiles, and sharpness. It argues that 300 PPI and CMYK profiles are essential for quality prints.

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

Article discusses optimizing images for web using Photoshop, focusing on file size and resolution. Main issue is balancing quality and load times.

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

Article discusses creating and optimizing animated GIFs in Photoshop, including adding frames to existing GIFs. Main focus is on balancing quality and file size.

See all articles