search
HomeWeb Front-endPS TutorialPhotoshop制作一个简洁可爱的彩色烟雾心形

效果图重点是烟雾部分的制作,需要在心形的边缘及中间位置增加类似烟雾的高光。至于火焰部分,直接使用火焰素材,稍作变形即可 最终效果

Photoshop制作一个简洁可爱的彩色烟雾心形


1、新建一个1024 * 650像素的文件,背景填充黑色。新建一个组,用钢笔勾出心形的轮廓,转为选区后给组添加图层蒙版。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图1>

2、在组里新建一个图层,选择渐变工具,颜色设置如图2,由左至右拉出图3所示的线性渐变,确定后把图层不透明度改为:40%,这一层只作为一个参考层,后面的烟雾渲染后可以删除。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图2>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图3>
 
3、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充紫色。取消选区后添加图层蒙版,用黑色画笔把底部的过渡擦出来,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图4>

4、新建一个图层,用钢笔勾出中间高光部分的选区,羽化1个像素后填充比底色稍亮的颜色,然后按Ctrl + Alt + G 创建剪贴蒙版。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图5>

5、新建一个图层,用钢笔勾出边缘的高光选区,羽化1个像素后填充比底色稍亮颜色,确定后按Ctrl + Alt + G 创建剪贴蒙版。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图6>

6、新建一个图层,边缘的反光区域用画笔涂上一点淡紫色,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图7>

7、新建一个图层,沿着边缘制作顶部边缘的高光。用钢笔勾出下图所示的选区,羽化1个像素后填充紫色。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图8>
 
8、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充淡紫色:#FEBDFC,混合模式改为“滤色”,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图9>

9、新建一个图层,继续制作边缘的高光,用钢笔勾出下图所示的选区,羽化3个像素后填充淡紫色:#FEBDFC,取消选区后添加图层蒙版,用黑色画笔把顶部过渡擦出来,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图10>

10、新建一个图层,制作中间部分的高光。先用钢笔勾出稍大的选区,羽化6个像素后填充紫色。然后新建一个图层,用钢笔勾出稍小的选区,羽化2个像素后填充稍亮的紫色,如图12。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图11>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图12>

11、新建一个图层,继续制作顶部的高光,同样用钢笔勾出选区,羽化1个像素后填充淡紫色。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图13>
 
12、新建图层,给左侧增加一点稍淡的高光,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图14>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图15>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图16>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图17>

13、新建图层,现在开始制作右侧的烟雾,方法跟左侧一样,不过这边的主色为蓝色。先用钢笔勾出下图所示的选区,羽化3个像素后填充蓝色:#6A6BF9,确定后把不透明度改为:60%,如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图18>
 
14、新建图层,同上的方法制作其它的烟雾,需要控制的选区的羽化程度,过程如图19 - 23。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图19>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图20>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图21>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图22>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图23>
 
15、现在回到组的最底层,可以把渐变图层删除,或把不透明度改为:10%,如下图,这样烟雾就清晰很多。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图24>

16、打开火焰素材,拖进来移到图层的最上面,按Ctrl + T 变形,然后右键选择“变形”,沿心形左侧轮廓变形处理,确定后把图层混合模式改为“滤色”,过程如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图25>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图26>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图27>
 
17、同样的方法增加右侧的火焰,过程如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图28>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图29>

18、在图层的最上面创建亮度/对比度调整图层,适当增加对比度,参数及效果如下图。

Photoshop制作一个简洁可爱的彩色烟雾心形
<图30>

Photoshop制作一个简洁可爱的彩色烟雾心形
<图31>

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

Photoshop制作一个简洁可爱的彩色烟雾心形

Statement
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
Using Photoshop: Creative Possibilities and Practical UsesUsing Photoshop: Creative Possibilities and Practical UsesApr 22, 2025 am 12:09 AM

Photoshop is very practical and creative in practical applications. 1) It provides basic editing, repairing and synthesis functions, suitable for beginners and professionals. 2) Advanced features such as content recognition fill and layer style can improve image effects. 3) Mastering shortcut keys and optimizing layer structure can improve work efficiency.

Photoshop: Advanced Techniques and ToolsPhotoshop: Advanced Techniques and ToolsApr 21, 2025 am 12:08 AM

Advanced features of Adobe Photoshop include advanced selection tools, layer blending modes, and actions and scripts. 1) Advanced selection tools such as the Quick Selection Tool and the Color Range Selection Tool can accurately select image areas. 2) Layer blending mode such as "overlapping" mode can create unique visual effects. 3) Actions and scripts can automate repetition of tasks and improve work efficiency.

Photoshop's Main Feature: Retouching and EnhancementPhotoshop's Main Feature: Retouching and EnhancementApr 20, 2025 am 12:07 AM

Photoshop's powerful functions in photo editing and enhancement include: 1. Use the "Repair Brush Tool" to remove acne, 2. Use the "Liquefaction Tool" to slim face, 3. Use the "Frequency Separation" technology to accurately retouch images. These functions are implemented through algorithms and image processing technology to optimize image processing effects.

Photoshop's Key Features: A Deep DivePhotoshop's Key Features: A Deep DiveApr 19, 2025 am 12:08 AM

Key features of Photoshop include layers and masks, adjustment tools, filters and effects. 1. Layers and masks allow independent editing of image parts. 2. Adjust tools such as brightness/contrast can modify image tone and brightness. 3. Filters and effects can quickly add visual effects. Mastering these features can help creative professionals achieve their creative vision.

Photoshop and Digital Art: Painting, Illustration, and CompositingPhotoshop and Digital Art: Painting, Illustration, and CompositingApr 18, 2025 am 12:01 AM

Photoshop's applications in digital art include painting, illustration and image synthesis. 1) Painting: Using brushes, pencils and mixing tools, the artist can create realistic effects. 2) Illustration: With vector and shape tools, artists can accurately draw complex graphics and add effects. 3) Synthesis: Using mask and layer blending mode, artists can seamlessly blend different image elements.

Advanced Photoshop Tutorial: Master Retouching & CompositingAdvanced Photoshop Tutorial: Master Retouching & CompositingApr 17, 2025 am 12:10 AM

Photoshop's advanced photo editing and synthesis technologies include: 1. Use layers, masks and adjustment layers for basic operations; 2. Use image pixel values ​​to achieve photo editing effects; 3. Use multiple layers and masks for complex synthesis; 4. Use "liquefaction" tools to adjust facial features; 5. Use "frequency separation" technology to perform delicate photo editing, these technologies can improve image processing level and achieve professional-level effects.

Using Photoshop for Graphic Design: Branding and MoreUsing Photoshop for Graphic Design: Branding and MoreApr 16, 2025 am 12:02 AM

The steps to using Photoshop for brand design include: 1. Use the Pen tool to draw basic shapes, 2. Add shadows and highlights through layer styles, 3. Adjust colors and details, 4. Use smart objects and actions to automatically generate different versions of the design. Photoshop helps designers create and optimize brand elements with the flexibility of layers and masks, ensuring consistency and professionalism of designs, from simple logos to complex branding guides.

Photoshop's Subscription Model: What You Get for Your MoneyPhotoshop's Subscription Model: What You Get for Your MoneyApr 15, 2025 am 12:17 AM

Photoshop's subscription model is worth buying. 1) Users can access the latest version and use across devices at any time. 2) The subscription fee is low, and continuous updates and technical support are provided. 3) Advanced functions such as neural filters can be used for complex image processing. Despite the high long-term costs, its convenience and feature updates are valuable to professional users.

See all articles

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

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

SecLists

SecLists

SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software