Photoshop设计制作出绚丽的彩色透明叠加心形-PS Tutorial-php.cn

Home

Web Front-end

PS Tutorial

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

PHP中文网

Jun 01, 2016 pm 02:33 PM

colortransparent

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

最终效果

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

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

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

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

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

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

5、再复制第一个心形图层，变小，不改变角度，调整好位置放在大心形下面。

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

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

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

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

8、隐藏背景图层，然后合并所有可见图层，再把背景图层显示出来，用一个星光笔刷，在心形的脚下添加一个明亮的星光。

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

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

10、在背景图层上新建一个图层，填充白色，添加图层蒙版，用两边白中间黑色渐变工具，点击第一个图层缩略图窗口拉出渐变色，再点击第二个图层蒙版缩略图窗口拉出一个渐变色，不透明度改为：15%。

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

Photoshop'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 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 & 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 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 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.

Photoshop: Investigating Free Trials and Discount OptionsApr 14, 2025 am 12:06 AM

You can get the access to Photoshop in the most economical way: 1. Experience the software features with a 7-day free trial; 2. Find student or teacher discounts, as well as seasonal promotions; 3. Use coupons on third-party websites; 4. Subscribe to Adobe CreativeCloud's monthly or annual plan.

Photoshop for Designers: Creating Visual ConceptsApr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

Is Photoshop Free? Understanding Subscription PlansApr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

See all articles