search
HomeWeb Front-endPS TutorialPhotoshop制作漂亮的彩色艺术轻烟

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

 最终效果

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
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 Applications: From Photo Editing to Digital ArtPhotoshop Applications: From Photo Editing to Digital ArtApr 30, 2025 am 12:10 AM

Photoshop is widely used in the fields of image processing and digital art, and is suitable for photo editing and digital art creation. 1. Photo editing: Adjust brightness and contrast Use the "Brightness/Contrast" tool. 2. Digital art: Use brush tools to create paintings. 3. Basic usage: Use the "Red Eye Tool" to remove red eyes. 4. Advanced usage: Use layers and masks for image synthesis. 5. Debug: Recover the lost layers by checking the layer panel. 6. Performance optimization: Adjust memory usage to improve running speed.

Photoshop's Core Function: Image Editing and ManipulationPhotoshop's Core Function: Image Editing and ManipulationApr 29, 2025 am 12:17 AM

Photoshop's core functions are image editing and operation, including adjusting the color, brightness, contrast of images, applying filter effects, cropping and adjusting image size, performing image synthesis, etc. 1. Adjust brightness and contrast: Open the image, select the "Adjust" option in the "Image" menu, select "Brightness/Contrast", and adjust the slider. 2. Use the color level adjustment layer and layer mask: Click the "Create a new fill or adjust layer" button, select "Scale", adjust the color level, add a layer mask, and use the brush tool to control the adjustment effect.

Photoshop: The Power of Raster Graphics EditingPhotoshop: The Power of Raster Graphics EditingApr 28, 2025 am 12:13 AM

Photoshop is a powerful tool for handling raster graphics, and its core functions include layers and masks, filters and adjustments. 1. Layers and masks allow independent editing and non-destructive modifications. 2. Filters and adjustments can quickly change the appearance of the image, but they should be used with caution to avoid affecting the image quality. By mastering these functions and advanced skills, you can greatly improve your image editing and creative abilities.

Photoshop: A Versatile Tool for Image ManipulationPhotoshop: A Versatile Tool for Image ManipulationApr 27, 2025 am 12:13 AM

Photoshop is so powerful in the field of image processing because of its versatility and intuitive operating interface. 1) It can handle various tasks from basic adjustment to complex synthesis, such as adjusting brightness and contrast. 2) Working based on layers and masks allows non-destructive editing. 3) Examples of usage include adjusting color balance and creating layer masks. 4) Common errors such as excessive editing can be avoided through the History panel. 5) Performance optimization suggestions include the use of smart objects and shortcut keys.

Photoshop Trials and Alternatives: Exploring Free AccessPhotoshop Trials and Alternatives: Exploring Free AccessApr 26, 2025 am 12:23 AM

Photoshop offers a free 7-day trial period. To maximize the use of the trial period, 1) sign up for multiple Adobe accounts, 2) use the student or education version, and 3) subscribe to Adobe CreativeCloud. Free alternatives include: 1) GIMP, 2) Photopea, 3) Krita, these software can meet daily image editing needs.

Photoshop for Photographers: Enhancing and Retouching ImagesPhotoshop for Photographers: Enhancing and Retouching ImagesApr 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.

Accessing Photoshop: Methods and AvailabilityAccessing Photoshop: Methods and AvailabilityApr 24, 2025 am 12:07 AM

Photoshop can be obtained by purchasing a permanent license or subscribing to CreativeCloud. 1. Purchase a permanent license for long-term use, no monthly payment, but no latest updates are available. 2. Subscribe to CreativeCloud to access the latest version and other Adobe software, and you need to pay a monthly or annual fee. The choice should be based on frequency of use and requirements.

What Photoshop Does Best: Common Tasks and ProjectsWhat Photoshop Does Best: Common Tasks and ProjectsApr 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

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 Tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools