Home Web Front-end PS Tutorial Photoshop制作简洁大气轻烟般的淡蓝色透明光束

Photoshop制作简洁大气轻烟般的淡蓝色透明光束

Jun 01, 2016 pm 02:29 PM
blue transparent

效果图中的光束虽然是一个整体,不过不同层次的光束可以分解出来,制作的时候按一定的顺序逐一制作,再把衔接处处理自然即可 效果图中的光束虽然是一个整体,不过不同层次的光束可以分解出来,制作的时候按一定的顺序逐一制作,再把衔接处处理自然即可。
最终效果

Photoshop制作简洁大气轻烟般的淡蓝色透明光束


1、新建一个1024 * 600像素,分辨率为72的画布。选择渐变工具,颜色设置如图1,然后由左上角向右下角拉出图2所示的线性渐变。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图1>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图2>

2、先来制作光丝的第一段,需要完成的效果如下图。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图3>
 
3、新建一个组,用钢笔勾出下图所示的选区,然后给组添加图层蒙版。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图4>

4、在组里新建一个图层,填充蓝色:#43A0FF,不透明度改为:40%。添加图层蒙版,用黑色画笔把上部边缘部分擦出透明效果,如下图。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图5>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图6>

5、新建一个图层,用钢笔勾出右侧部分的高光选区,羽化8个像素后填充同上的蓝色。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图7>

6、新建一个图层,用钢笔勾出右侧边缘的高光选区,羽化4个像素后填充蓝色:#4EAFFC,混合模式改为“滤色”,如下图。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图8>

7、新建一个图层,用钢笔勾出下图所示的选区,羽化2个像素后填充同上的蓝色,混合模式改为“滤色”,不透明度改为:30%。取消选区后用模糊工具把顶部稍微模糊处理。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图9>
 
8、新建一个图层,用钢笔勾出中间部分的高光选区,羽化2个像素后填充蓝色,取消选区后用模糊工具把边缘涂抹自然。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图10>

9、新建一个图层,用钢笔勾出顶部边缘的高光选区,羽化1个像素后填充青色:#83F7FF,如下图。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图11>

10、新建图层,同上的方法给中间增加几条细的高光,如图12,13。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图12>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图13>

11、在背景图层上面新建一个组,用钢笔勾出第二段光束的轮廓,转为选区后给组添加图层蒙版。然后用模糊工具把两端稍微模糊处理。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图14>

12、在组里新建图层,同上的方法先制作底色,然后制作边缘的高光,过程如图15 - 17。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图15>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图16>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图17>
 
13、在背景图层上面新建一个组,同上的方法制作第三段光束,过程如图18 - 21。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图18>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图19>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图20>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图21>
 
14、在图层的最上面新建一个组,同上的方法制作第四段光束,过程如图22 - 30。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图22>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图23>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图24>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图25>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图26>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图27>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图28>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图29>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图30>
 
15、在第四段组里新建一个图层,用套索勾出下图所示的选区,把选区羽化25个像素。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图31>

16、保持选区,创建色相/饱和度调整图层,参数及效果如下图。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图32>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图33>

17、创建亮度/对比度调整图层,参数设置如图34,确定后按Ctrl + Alt + G 创建剪切蒙版,效果如图35。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图34>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图35>

18、创建色彩平衡调整图层,对高光进行调整,参数设置如图36,确定后按Ctrl + Alt + G 创建剪切蒙版,效果如图37。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图36>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图37>

最后局部增加一点高光,再微调一下整体颜色,完成最终效果。

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

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

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.

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

How to make blue fluorescent effect in PS How to make blue fluorescent effect in PS Feb 27, 2024 pm 12:55 PM

The editor of this website brings you this tutorial to take you into the wonderful world of Photoshop and learn how to create a charming blue fluorescent effect. Whether you are new to Photoshop or an experienced user, you can find inspiration and practical tips from this tutorial. So how to create the blue fluorescent effect in PS? This tutorial guide will give you a detailed introduction, I hope it can help you. PS blue fluorescence effect production method steps final effect: 1. Adjust the brightness of the picture. 2. Add curves to adjust the overall light and dark contrast of the picture. 3. Use a pen to hook out the "edge strips" of the shoes. 4. After cutting out, create a selection and fill it with white. 5. Select the blur tool and blur the hooked white part. 5. Use a pen to mark the shoelaces

What should I do if the file name turns blue in win7 system? What should I do if the file name turns blue in win7 system? Jul 20, 2023 pm 11:57 PM

What should I do if the file name turns blue in win7 system? The win7 system is currently the most popular Windows system. It has a very long history of development and is deeply loved by users. However, the win7 system also has problems, big and small. When many friends use the win7 system, they will find that the file names on the computer turn blue, and other newly created folders will also turn blue. This is What is the situation and how to solve it? Below, the editor will bring you a method to restore the win7 system file name to blue. Recovery method of win7 system file name turning blue 1. First, right-click the disk with blue file name and open properties. 2. Find the option to compress this drive to save disk space in the properties window and remove it.

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

See all articles