Home Web Front-end PS Tutorial Photoshop设计制作出绚丽的彩色透明叠加心形

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

Jun 01, 2016 pm 02:33 PM
color transparent

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

最终效果

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

Video Face Swap

Video Face Swap

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

Hot Article

Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusion System, Explained
3 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)

Hot Topics

Java Tutorial
1664
14
PHP Tutorial
1269
29
C# Tutorial
1248
24
How to solve the black line problem of win11 transparent taskbar How to solve the black line problem of win11 transparent taskbar Dec 22, 2023 pm 10:04 PM

After many friends used translucenttb to set up a transparent taskbar, they found that there was a black line in the win11 transparent taskbar, which looked very uncomfortable. How should I solve it at this time? In fact, it can be solved in the software. There is a black line in the win11 transparent taskbar: Method 1: 1. According to user feedback, you can right-click translucenttb and open settings. 2. Then set the "margin" of the icon option to "1" to solve the problem. Method 2: 1. If it still doesn't work, you can right-click the blank space to open "Personalization" 2. Then select the system default theme to change it. Method three: 1. If all else fails, it is recommended that you uninstall translucenttb. 2. Then replace

How to solve the problem of a line on the taskbar transparency in Win11? How to solve the problem of a line on the taskbar transparency in Win11? Jan 29, 2024 pm 12:12 PM

Many Win11 users will set their taskbar to be transparent when running the system, but many users will see a black line appear on the taskbar after setting it up. So what is going on? Users can use third-party software to set it up. Let this website carefully introduce to users the solution to the problem of a transparent line on the win11 taskbar. Solution to the problem of a transparent line on the win11 taskbar. Method 1: 1. According to user feedback, you can right-click translucenttb and open settings. 2. Then set the margin of the icon option to 1 to solve the problem. 2. Then select the system default theme and change it to solve the problem.

How to set transparency in CSS How to set transparency in CSS Nov 01, 2023 am 10:00 AM

CSS methods for setting transparency include opacity attribute, rgba color value, background-color attribute, using pseudo elements, etc. Detailed introduction: 1. Opacity attribute, by setting the opacity attribute of the element to achieve a transparent effect, the value range of this attribute is 0 to 1, 0 means completely transparent, 1 means completely opaque; 2. RGB color value, by setting the element's opacity The background color or text color is an rgba color value to achieve a transparent effect. The rgba color value consists of red, green, blue, transparency, etc.

How to set terminal transparency in Linux system? How to set terminal transparency in Linux system? Jan 07, 2024 am 10:21 AM

When Linux executes commands in the terminal, in order to make it difficult to see other help documents, such as PDFs, web pages, etc., you can set the terminal transparency. How to set it? Let’s take a look at the detailed tutorial below. . 1. Turn on window special effects 1. To set the transparency of the terminal, you need to turn on the window special effects first. First, click "Control Center" on the taskbar. 2. Click "Display" in the Control Center. 3. In "Display", make sure the "Turn on window effects" button is turned on. 4. In addition, you can also use the shortcut keys shift+win+tab to quickly open or close window effects. 2. Set transparency

Graphical tutorial on making the win7 taskbar transparent Graphical tutorial on making the win7 taskbar transparent Jul 20, 2023 am 09:49 AM

Today, a group of users asked why their computers had no transparency effect after reinstalling Windows 7. In fact, this is caused by your computer not updating the graphics card driver in time and adjusting the Windows 7 Aero theme. You can set it up in the following ways. 1. First, you need to make sure that your computer has a new graphics card driver installed. You can use Driver Wizard or 360 Driver Master to update the graphics card driver online. . 2. Facing a blank space on the desktop, right-click, select Personalize and open. 3. Find the Aero theme here and select it. Under normal circumstances, you should be able to see the transparent glass effect. Do you understand the tutorial on how to make your win7 taskbar transparent? Students who don’t know how to do it, please do it quickly.

How to adjust the transparency of the Win11 taskbar How to adjust the transparency of the Win11 taskbar Jan 01, 2024 am 11:17 AM

Many users like the transparent version of the page. Under the win11 system, users can also set up a transparent taskbar through some methods, so that the operation and appearance will look better. How to set the win11 taskbar to be transparent 1. Click the Start menu and then open the Microsoft Store. 2. Search for "TranslucentTB", then find the corresponding one and download it. 3. Click here to install. 4. After opening, select "desktop" and then click "clear".

Step-by-step tutorial on how to set the taskbar transparency in Windows 10 Step-by-step tutorial on how to set the taskbar transparency in Windows 10 Jul 11, 2023 pm 11:37 PM

By chance, I saw someone else's win10 taskbar being transparent, and it looked very beautiful. After I came back, I also wanted to set my own win10 computer to be transparent. Under normal circumstances, the default taskbar does not have a transparent background, and you need to adjust the settings. Next, the editor will explain in detail how to make the Win10 taskbar fully transparent in one minute. Come and take a look. 1. First, open the win10 system, then right-click on the desktop and find "Personalization" in the right-click menu. 2. Then, in the "Personalization" window, select "Color" in the left menu and click to open. 3. Then, find "Transparency Effect" in the menu on the right, select "On" and check "Start Menu, Taskbar, and Action Center" and "Title Bar". 4. Then, return to w

How to solve the problem of printing color documents in Win11? How to solve the problem of printing color documents in Win11? Jan 04, 2024 pm 05:41 PM

The color printer cannot print in color. This is a problem encountered by users using the Win11 system. They don’t know how to solve it. This article brings you the solution to the problem that the Win11 color printer cannot print color documents. Method 1: Restart the PrintSpooler service 1. First, press the [Win+X] key combination on the keyboard, or right-click the [Windows Start Icon] on the taskbar, and select [Run] in the hidden menu item that opens; 2. In the run window, enter the [services.msc] command and press [OK or Enter] to open the service; 3. In the service window, find and double-click to open the service named [PrintSpooler]; PrintSpooler service

See all articles