Home Web Front-end PS Tutorial Photoshop设计制作一缕简单的蓝色烟雾

Photoshop设计制作一缕简单的蓝色烟雾

Jun 01, 2016 pm 02:30 PM
blue

烟雾的制作方法跟光束基本类似,只是烟雾的构成稍微复杂一点,烟雾周围有很多散乱的烟雾,中间也有很多不规则的烟雾,刻画的时候需要细心和耐心 最终效果

Photoshop设计制作一缕简单的蓝色烟雾

1、新建一个700 * 1000像素的文件,背景填充黑色。新建一个组,用钢笔勾出下图所示的选区,给组添加图层蒙版。

Photoshop设计制作一缕简单的蓝色烟雾
<图1>
 
2、我们先来制作烟雾的第一部分,需要完成的效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图2>

3、在组里新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充蓝色:#789DD1,取消选区后添加图层蒙版,用黑色画笔把边缘部分的过渡擦出来,然后把不透明度改为:60%,效果如图4。

Photoshop设计制作一缕简单的蓝色烟雾
<图3>

Photoshop设计制作一缕简单的蓝色烟雾
<图4>

4、新建一个图层,用钢笔勾出下图所示的选区,羽化15个像素后填充同上的蓝色,不透明度改为:30%,取消选区后添加图层蒙版,用黑色画笔擦掉不需要的部分。

Photoshop设计制作一缕简单的蓝色烟雾
<图5>
 
5、新建一个图层,在中间高光部分用钢笔勾出下图所示的选区,羽化3个像素后填充前景色。

Photoshop设计制作一缕简单的蓝色烟雾
<图6>

6、新建一个图层,用钢笔勾出烟雾边缘部分的高光选区,羽化1个像素后填充比底色稍亮的蓝色。

Photoshop设计制作一缕简单的蓝色烟雾
<图7>

7、新建图层,同上的方法制作一些细小的烟雾,可以适当降低图层的不透明度,增加烟雾的通透感,过程如图8 - 11。

Photoshop设计制作一缕简单的蓝色烟雾
<图8>

Photoshop设计制作一缕简单的蓝色烟雾
<图9>

Photoshop设计制作一缕简单的蓝色烟雾
<图10>

Photoshop设计制作一缕简单的蓝色烟雾
<图11>
 
8、新建一个组,先来来制作一些散乱的烟雾,需要完成的效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图12>

9、散乱的烟雾包括边缘的一些光斑及中间部分较细的烟雾,制作方法同上,过程如图13 - 17。

Photoshop设计制作一缕简单的蓝色烟雾
<图13>

Photoshop设计制作一缕简单的蓝色烟雾
<图14>

Photoshop设计制作一缕简单的蓝色烟雾
<图15>

Photoshop设计制作一缕简单的蓝色烟雾
<图16>

Photoshop设计制作一缕简单的蓝色烟雾
<图17>
 
10、新建一个组,再来制作底部的烟雾,需要完成的效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图18>

11、在组里新建一个图层,用钢笔勾出下图所示的选区,填充蓝色,取消选区后添加图层蒙版,用黑色画笔把底部过渡擦出来,如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图19>

12、新建一个图层,用钢笔勾出下图所示的选区,羽化2个像素后填充蓝色,取消选区后添加图层蒙版,用黑色画笔把顶部的过渡擦出来,如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图20>

13、新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充稍亮的蓝色,确定后按Ctrl + Alt + G 创建剪贴蒙版,效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图21>

14、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充蓝色。

Photoshop设计制作一缕简单的蓝色烟雾
<图22>
 
15、新建一个图层,给刚才制作的烟雾中间增加一点高光,如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图23>

16、新建图层,其它部分再增加一点细节,烟雾主体部分基本完成。

Photoshop设计制作一缕简单的蓝色烟雾
<图24>

17、在图层的最上面创建亮度/对比度调整图层,适当加大图片的对比度,参数及效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图25>

Photoshop设计制作一缕简单的蓝色烟雾
<图26>

18、创建色彩平衡调整图层,对高光进行调整,参数及效果如下图。

Photoshop设计制作一缕简单的蓝色烟雾
<图27>

Photoshop设计制作一缕简单的蓝色烟雾
<图28>

最后微调一下细节,完成最终效果。

Photoshop设计制作一缕简单的蓝色烟雾
<图29>

以上就是Photoshop,设计制作,蓝色烟雾的内容,更多相关内容请关注PHP中文网(www.php.cn)!


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 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers Of The Witch Tree - How To Unlock The Grappling Hook
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
1666
14
PHP Tutorial
1273
29
C# Tutorial
1253
24
Advanced Photoshop Tutorial: Master Retouching & Compositing Advanced Photoshop Tutorial: Master Retouching & Compositing Apr 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.

Photoshop's Key Features: A Deep Dive Photoshop's Key Features: A Deep Dive Apr 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.

Using Photoshop: Creative Possibilities and Practical Uses Using Photoshop: Creative Possibilities and Practical Uses Apr 22, 2025 am 12:09 AM

Photoshop is very practical and creative in practical applications. 1) It provides basic editing, repairing and synthesis functions, suitable for beginners and professionals. 2) Advanced features such as content recognition fill and layer style can improve image effects. 3) Mastering shortcut keys and optimizing layer structure can improve work efficiency.

Photoshop: Investigating Free Trials and Discount Options Photoshop: Investigating Free Trials and Discount Options Apr 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 and Digital Art: Painting, Illustration, and Compositing Photoshop and Digital Art: Painting, Illustration, and Compositing Apr 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.

Photoshop for Designers: Creating Visual Concepts Photoshop for Designers: Creating Visual Concepts Apr 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.

Using Photoshop for Graphic Design: Branding and More Using Photoshop for Graphic Design: Branding and More Apr 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 for Photographers: Enhancing and Retouching Images Photoshop for Photographers: Enhancing and Retouching Images Apr 25, 2025 am 12:01 AM

Enhance and retouching photos in Photoshop can be achieved by adjusting brightness and contrast, using the Repair Brush Tool. 1) Adjust brightness and contrast: Increase brightness and contrast to improve underexposed photos through the Image->Adjustments->Brightness/Contrast menu. 2) Use the Repair Brush Tool: Select HealingBrushTool in the toolbar and apply to remove miscellaneous points or scars in the image.

See all articles