search
HomeWeb Front-endPS TutorialPhotoshop设计制作出绚丽的彩色透明叠加心形

效果图的制作方法比较简单,先用形状或路径等快速制作所需的心形图形,然后用羽化选区删除心形的中间部分,只保留边缘局部透明效果。心形做好后再通过复制及变形等做出更多心形,最后用渐变上色即可。 

最终效果

Photoshop设计制作出绚丽的彩色透明叠加心形

1、新建一个600 * 500大小的文档,背景选择黑色。将背景设为黑色,前景设置为白色,用系统自带的自定义形状工具,选择心形形状,绘制白色心形,如下图。

Photoshop设计制作出绚丽的彩色透明叠加心形
 
2、右键心形图层,选择“栅格化图层”,按住Ctrl键不放,鼠标单击心形图层前面的缩略图,调出选区。羽化选区10 - 15个像素,按Delete删除,按Ctrl + D 取消选区,复制一层,按Ctrl + E 向下合并图层,使心形图层更亮。

Photoshop设计制作出绚丽的彩色透明叠加心形

3、复制心形图层,按Ctrl + T 调出变形框,把心形变小,变换角度,并调整好位置。

Photoshop设计制作出绚丽的彩色透明叠加心形

4、再复制第一个心形图层,变小、向右变换角度,调好位置如下图。

Photoshop设计制作出绚丽的彩色透明叠加心形
 
5、再复制第一个心形图层,变小,不改变角度,调整好位置放在大心形下面。

Photoshop设计制作出绚丽的彩色透明叠加心形

6、再复制第一个心形图层,执行:滤镜 > 模糊 > 动感模糊,距离为40。

Photoshop设计制作出绚丽的彩色透明叠加心形

7、依次对其它心形图层进行如实操作,在动感模式的角度那儿调成与心形相对的位置,比如第一个心形是向左位置,那把模糊角度也调成向左。

Photoshop设计制作出绚丽的彩色透明叠加心形
 
8、隐藏背景图层,然后合并所有可见图层,再把背景图层显示出来,用一个星光笔刷,在心形的脚下添加一个明亮的星光。

Photoshop设计制作出绚丽的彩色透明叠加心形

9、新建图层,选择渐变工具,用系统自带的彩色渐变,拉出彩虹渐变,将这个图层的混合模式改为“叠加”。

Photoshop设计制作出绚丽的彩色透明叠加心形
 
10、在背景图层上新建一个图层,填充白色,添加图层蒙版,用两边白中间黑色渐变工具,点击第一个图层缩略图窗口拉出渐变色,再点击第二个图层蒙版缩略图窗口拉出一个渐变色,不透明度改为:15%。

Photoshop设计制作出绚丽的彩色透明叠加心形

最终效果:

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
Comparing Photoshop Pricing: Options and BenefitsComparing Photoshop Pricing: Options and BenefitsMay 12, 2025 am 12:17 AM

Adobe Photoshop offers three packages: 1) a single application plan, suitable for users who only need Photoshop, with a low cost, including 20GB of cloud storage; 2) a full set of CreativeCloud plans, suitable for users who need multiple Adobe applications, with a high cost, including 100GB of cloud storage; 3) a preferential plan for students and teachers, suitable for academic users with limited budget, with a low cost, including 20GB of cloud storage.

What Makes Photoshop Special? Its Primary FunctionWhat Makes Photoshop Special? Its Primary FunctionMay 11, 2025 am 12:16 AM

Photoshop'sprimaryfunctionistoenableuserstomanipulate,enhance,andcreatedigitalimageswithprecisionandcontrol.Itsspecialfeaturesinclude:1)alayer-basededitingsystemforindependentelementmanipulation,2)anextensivelibraryoftoolsandfiltersforvarioustasks,an

Photoshop: The Cost of Professional Image EditingPhotoshop: The Cost of Professional Image EditingMay 10, 2025 am 12:19 AM

Photoshop's cost includes direct costs, time and learning curve, resources and hardware investment. 1. Direct cost: Subscription system $20 to $50 per month, purchase hundreds of dollars at one time. 2. Time and Learning: It requires a lot of time and practice, and it is recommended to learn through online courses and tutorials. 3. Resources and hardware: High-performance computers and sufficient storage space are required to ensure hardware configuration to improve efficiency.

Image Editing Essentials: Key Features of PhotoshopImage Editing Essentials: Key Features of PhotoshopMay 09, 2025 am 12:05 AM

Photoshop's core features include layers, selection tools, and adjustment tools. 1. The layer allows independent editing of image parts and supports layer style. 2. Selection tools such as lasso, magic wand and quick selection tools provide precise editing. 3. Adjustment tools such as color level, curve and hue/saturation can adjust images non-destructively.

My Purpose: Assisting with Photoshop-Related TasksMy Purpose: Assisting with Photoshop-Related TasksMay 08, 2025 am 12:18 AM

In Photoshop, the role of layer masks is to allow hidden or displayed portions of layers in a non-destructive manner. 1. The working principle of layer mask is to control the visibility of the layer through black, white and grayscale. 2. The basic usage includes image synthesis, such as synthesising the character image into a new background. 3. Advanced usage can be achieved by using gradient masks to achieve smooth image transition.

Photoshop and Free Alternatives: A Comparative LookPhotoshop and Free Alternatives: A Comparative LookMay 06, 2025 am 12:12 AM

Photoshop's powerful features include smart objects and neural filters, while free alternatives such as GIMP, Krita and Photopea do well in specific fields such as GIMP's layer functionality, Krita's digital paintings and online editing of Photopea.

Photoshop Color Grading: Elevate Your Images with Pro TechniquesPhotoshop Color Grading: Elevate Your Images with Pro TechniquesMay 05, 2025 am 12:07 AM

Color adjustment in Photoshop can be achieved through adjustment layers to make the image more professional. 1. Use color level, curve, hue/saturation and other tools to adjust the hue, saturation and brightness. 2. Apply LUT to create unique color effects. 3. Use adjustment layers to avoid image distortion and use the History panel to track adjustment steps.

Photoshop in the Real World: Examples of Its Diverse UsesPhotoshop in the Real World: Examples of Its Diverse UsesMay 04, 2025 am 12:15 AM

Photoshop's applications in the real world include artistic creation, scientific research and commercial marketing. 1) In artistic creation, it is used for digital painting and illustration. 2) In scientific research, it is used for image processing and data visualization. 3) In commercial marketing, it is used for advertising design and brand image shaping. The versatility of this software makes it widely used in various fields.

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 Article

Hot Tools

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

EditPlus Chinese cracked version

EditPlus Chinese cracked version

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

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft