在 photoshop 里面制作飘逸的彩色烟雾,核心思路是利用通道生成烟雾明暗形态,再通过色彩调整图层给烟雾叠加彩色渐变,配合柔化模糊和变形工具做出流动飘散的动态感,不需要外部烟雾笔刷也能完成,成品可以做到半透明层次丰富,边缘柔和自然,适合海报背景特效使用。这种方法的原理是烟雾本身属于低密度半透明流体,没有坚硬轮廓,所以优先依靠灰度明暗来塑造体积,灰度的深浅对应烟雾的浓淡,之后再把灰度形态转为彩色,相比直接用彩色画笔涂抹,这种方式烟雾通透度更好,不会出现色块发脏、边缘生硬的问题,还可以自由调整色彩方向和流动形态。
前期准备
打开 photoshop 软件,新建画布,推荐尺寸宽度 1920 像素高度 1080 像素,分辨率 72 像素每英寸,颜色模式 RGB 颜色,背景填充纯白色,这个尺寸适合大部分网页海报使用,如果需要印刷可以改成 300 分辨率 CMYK 模式。准备好之后建议先保存工程文件,后续修改烟雾形态的时候可以随时回退。
第一步 生成基础灰度烟雾形态
1 打开通道面板,点击新建通道,得到 Alpha1 通道,这个通道专门用来制作烟雾灰度蒙版
2 选中 Alpha1 通道,执行菜单滤镜,渲染,云彩,多按几次快捷键 Ctrl+F 重复云彩效果,直到灰度纹理出现自然不规则的云絮状纹路,纹路不要太均匀,要有浓淡起伏
3 继续执行滤镜,模糊,高斯模糊,半径设置 15 到 30 像素,让云彩纹理进一步柔化,消除细碎颗粒感
4 执行滤镜,扭曲,波浪,调整生成器数量波长波幅,调整之后预览画面,让云絮产生横向或者斜向拉伸,模拟烟雾飘动的走向,确认之后点击确定
5 如果想要烟雾更细长飘逸,可以再执行滤镜,扭曲,置换,配合轻微的位移,让纹理出现自然拉扯,不要变形过度导致纹理破碎
6 按住 Ctrl 点击 Alpha1 通道缩略图,载入通道选区
第二步 回到图层面板创建烟雾主体
1 切换回图层面板,选中背景图层上方,新建空白图层,命名灰度烟雾
2 设置前景色为白色,在选区里面填充白色,此时可以看到选区对应的烟雾形状,按 Ctrl+D 取消选区
3 把这个灰度烟雾图层的混合模式修改为滤色,滤色模式可以让白色烟雾在画布上呈现半透明发光效果,黑色区域自动透明,非常适配烟雾特性
4 复制一层灰度烟雾图层,对副本执行自由变换,稍微旋转拉伸,降低图层不透明度到 40 到 60,叠加多层之后烟雾层次会更蓬松,飘逸感明显提升
第三步 添加彩色效果 核心上色环节
| 上色方式 | 操作要点 | 适用场景 |
|---|---|---|
| 渐变映射 | 在灰度烟雾图层上方创建渐变映射调整图层,右键创建剪贴蒙版,渐变选择多色渐变,比如蓝紫粉橙,渐变会自动匹配烟雾灰度浓淡 | 想要统一彩色过渡,色彩融合顺滑 |
| 色相饱和度 | 创建色相饱和度调整图层,剪贴蒙版,勾选着色,调整色相饱和度明度,单色系彩色烟雾 | 单色渐变烟雾 |
| 色彩平衡 | 剪贴蒙版色彩平衡,分别调整阴影中间调高光,给暗部和亮部分配不同颜色 | 想要彩色冷暖对比更强 |
操作说明,推荐优先使用渐变映射,这是 photoshop 制作飘逸的彩色烟雾最常用上色方案,因为灰度明暗和彩色一一对应,烟雾浓的位置颜色饱和度更高,烟雾淡的位置颜色浅,流体色彩过渡自然。如果觉得色彩太艳,可以降低渐变映射调整图层的不透明度,控制彩色浓度。
第四步 优化飘逸动态细节
1 选中彩色烟雾图层组,执行编辑,操控变形,在烟雾主体上添加图钉,拖动图钉,把烟雾末端拉出拖尾,做出向上飘散或者横向流动的动态,这一步是提升飘逸感关键,不要省略
2 可以再次添加高斯模糊,低数值 1 到 5 像素,让彩色烟雾边缘继续柔和,避免轮廓清晰死板
3 新建图层,使用低硬度柔边画笔,吸取彩色烟雾上的颜色,在烟雾末端轻轻补画细小飘散细丝,增强烟雾向外扩散的轻盈感,画笔不透明度设置 10 到 20,少量多次绘制
4 如果想要烟雾有明暗体积,可以在组内添加曲线调整图层,剪贴蒙版,轻微压暗暗部提亮高光,增加层次感
第五步 导出保存
完成之后可以保留 PSD 源文件方便二次修改,导出的话执行文件导出快速导出为 PNG,PNG 支持透明背景,方便彩色烟雾叠加到其他设计稿,如果需要 JPG 就直接合并可见图层导出。
整套流程做完之后,就得到了可独立使用的飘逸彩色烟雾特效,这个方法优势是全部依靠 photoshop 内置滤镜生成,不依赖外部素材笔刷,形态可以反复修改,色彩可以随时更换,多层叠加和操控变形是做出飘逸流动感的关键,后期还可以继续添加外发光等图层样式,让彩色烟雾视觉效果更亮眼。
【常见问题】
问题 1:photoshop 制作飘逸的彩色烟雾为什么颜色发灰不通透?
回答 1:大多是图层混合模式没有改成滤色,或者灰度烟雾本身对比度太低,解决办法是提升 Alpha 通道云彩纹理的对比度,使用曲线拉高明暗差,同时确认彩色烟雾图层使用滤色混合模式,不要用正常模式,正常模式下半透明烟雾就容易发灰浑浊。
问题 2:photoshop 制作飘逸的彩色烟雾可以使用笔刷替代通道云彩吗?
回答 2:可以,烟雾笔刷也能制作飘逸的彩色烟雾,但是笔刷绘制的烟雾层次比较固定,流体自然随机感弱于通道云彩滤镜生成的效果,适合快速出图,精细动态效果还是通道方案效果更好。
问题 3:photoshop 制作飘逸的彩色烟雾之后,能不能单独修改其中一部分颜色?
回答 3:可以,给彩色烟雾图层添加图层蒙版,用黑色画笔在蒙版上擦除不需要的上色区域,再新建独立的渐变映射调整图层剪贴蒙版,单独给局部烟雾修改颜色,实现同一片飘逸彩色烟雾多段不同色彩。
问题 4:photoshop 制作飘逸的彩色烟雾操控变形之后纹理破碎怎么办?
回答 4:操控变形拉扯幅度太大就会出现纹理破碎,需要降低拖拽幅度,提前复制备份烟雾图层,变形之前给烟雾图层执行栅格化,或者在变形前增加一层高斯模糊,让纹理韧性更好,破碎之后可以撤销回到上一步重新调整。
【免责申明】
本教程仅用于 photoshop 软件学习交流,教程内操作方法为通用设计技巧,使用者制作的飘逸彩色烟雾作品,需确保作品版权合规,不得将生成特效用于违法违规用途,软件版本差异可能造成滤镜参数和界面略有区别,实际操作请以本机 photoshop 版本为准,本教程不对因操作失误产生的文件损坏承担相关责任。


