Home Web Front-end PS Tutorial Photoshop制作漂亮的彩色艺术轻烟

Photoshop制作漂亮的彩色艺术轻烟

Jun 01, 2016 pm 02:33 PM
color

之前,我们制作的烟雾都是用较暗的背景,这次使用的是纯白色的底色。虽然制作方法相同,不过白色底色制作的时候要稍微麻烦一些。因为对比没有黑色底色的明显,都需要用较为柔和的色彩来渲染。

 最终效果

Photoshop设计制作出漂亮的彩色艺术轻烟


1、制作烟雾之前需要认真分析烟雾的构成。我们需要按照颜色的不同,大致拆分为以下四段。然后再逐段来制作。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图1>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图2>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图3>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图4>
 
2、新建一个组,在组里新建一个图层,用钢笔构成第一段的轮廓,转为选区后选择渐变工具,颜色设置如图6,由上至下拉出图7所示的线性渐变。局部需要用加深工具加深一下。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图5>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图6>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图7>
 
3、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版。然后在当前图层下面新建一个图层,用钢笔勾出图8所示的选区,羽化8个像素后拉上图9所示的线性渐变。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图8>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图9>

4、新建一个图层,用钢笔勾出中间暗部的选区,羽化2个像素后填充暗青色:#34A3AF,效果如下图。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图10>

5、新建一个图层,用钢笔勾出下图所示的选区,羽化4个像素后拉上之前设置的渐变色。确定后把图层混合模式改为“正片叠底”。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图11>
 
6、新建一个图层,用钢笔勾出下图所示的选区,羽化2个像素后拉上同上的渐变色,确定后把图层混合模式改为“滤色”。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图12>

7、新建一个图层,用钢笔勾出右边暗部选区,羽化6个像素后填充暗青色,确定后把图层不透明度改为:60%,如下图。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图13>

8、新建一个图层,用钢笔勾出边缘暗部选区,羽化1个像素后填充较深的暗青色,如下图。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图14>

9、新建一个图层,用白色画笔把左边的高光部分涂出来,如下图。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图15>
 
10、在当前组下面新建一个组,然后在组里新建图层,用钢笔勾出图16所示的选区,羽化1个像素后填充暗黄色,再用减淡工具把高光涂出来,效果如图17。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图16>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图17>

11、同上的方法制作底色、高光、暗部,过程如图18 - 20。注意好颜色的变化。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图18>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图19>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图20>
 
12、在图层的最上面新建一个组,用钢笔勾出第三段烟雾轮廓,转为选区后给组添加蒙版。因为这段烟雾最为复杂,里面也包含了很多细小的烟雾,处理的时候需要特别细致。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图21>

13、在组里新建图层,同上的方法铺底色,并渲染高光和暗部,过程如图22 - 25。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图22>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图23>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图24>

Photoshop设计制作出漂亮的彩色艺术轻烟
<图25>
 
14、最后一段光束制作方法相同,效果如下图。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图26>

15、在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。混合模式改为“柔光”,添加图层蒙版,用黑色画笔把不需要加亮的部分擦出来。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图27>

16、新建一个图层,盖印图层。混合模式改为“正片叠底”,按住ALt键添加图层蒙版,用白色画笔把需要加深的部分擦出来,效果如下图。

Photoshop设计制作出漂亮的彩色艺术轻烟
<图28>

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

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
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusion System, Explained
4 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
1671
14
PHP Tutorial
1276
29
C# Tutorial
1256
24
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.

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.

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.

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.

What Photoshop Does Best: Common Tasks and Projects What Photoshop Does Best: Common Tasks and Projects Apr 23, 2025 am 12:06 AM

Photoshop is specialized in image editing, layering and masking, digital painting and a variety of design applications. 1) Image editing and repair: remove defects and adjust color and brightness. 2) Layers and masks: non-destructive editing and creation. 3) Digital paintings and illustrations: create art works. 4) Practical applications: graphic design, web design and digital art creation.

See all articles