search
HomeWeb Front-endPS TutorialPhotoshop制作简洁大气轻烟般的淡蓝色透明光束

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

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

Photoshop: Investigating Free Trials and Discount OptionsPhotoshop: 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 ConceptsPhotoshop 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 PlansIs 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

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

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.

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.