开启左侧

快速使用Illustrator和Photoshop制作烟雾效果

[复制链接]
发表于 2012-2-15 05:01:38 | 显示全部楼层 |阅读模式
前两天在一个国外网站上发现了这个教程,结合Illustrator的混合工具然配合PS可以很快地制作出出色的烟雾效果,最终效果图如下
final.jpg
于是我试着自己尝试了一下,然后根据个人理解翻译一下步骤,希望大家能探讨一下,不足之处,请高手们指教
因为自己做的线条不好 frown.gif ,影响观赏,所以,还是用的原图 wink.gif
第一步
首先,当然是新建一个Illustrator文件,
并用钢笔工具画两条交叉曲线,这里为了图像效果画了2对交叉曲线,注意是线不要底色,填色一定选取空白,从这些2对线,选取其中一个对,一线为白色(透明度为0)和一线为灰色( 70 % ) 。
abdS_s1.gif
使用混合工具,选取两条线的两个起点,然后在工具栏的-对象-混合-混合选项中设置间距为指定步数(200步差不多了),取向为对齐页面。
abdS_s4.gif
到这里,Illustrator的工作完成了,接下来,新建一个PS文件 ,选取Illustrator中的图形粘贴过来,注意粘贴为“智能对象”
abdS_s6.gif
在这里,将2个不同对象分到两个文件夹,以免混淆,将两个智能对象都进行1PX的高斯模糊

abdS_s7.gif
将两个智能对象都进行1PX的高斯模糊
并各自复制一层采用“叠加效果”
abdS_s8.gif
创造一个新的填充或调整层并选择色调/饱和度。提到该层的顶部,双击该层编辑色调/饱和度参数。
abdS_s11.jpg
重复烟雾1层和然后把它调整到图层最上方,进行大约25PX的高斯模糊, 改变其混合模式为颜色减淡。
你会得到一个浅蓝色的颜色就像一个辉光。
9aa883af.jpg
其实到这一步效果已经基本出来了,但是为了有些更细腻的薄雾效果,可以再进行一些模糊叠加,逐步达到下面两图的效果
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
 楼主| 发表于 2012-2-15 05:01:44 | 显示全部楼层
42.jpg
10.jpg
到这里,就可以开始添加背景了,采取径向渐变来添加背景,把模式图层叠加模式调整排除为突出,得到如下效果
dc857dd4.jpg
这个效果可能还烟雾感觉还不够,再添加一个底色,
12.jpg
一样的采取渐变,注意选择颜色,降低底色透明度,
13.jpg
大功告成 biggrin.gif
final.jpg
我自己试了不少次,觉得最关键的其实还是在Illustrator的那几条曲线,画的时候一定要注意弧度,弧度将直接影响最终效果的美感
,多试几次,颜色可以调整为不同颜色。
大家有兴趣可以发作品上来一起探讨
第一次发教程,还请大家多多指教, biggrin.gif

刚才才发现白度空间不能转图...
han.gif 。又改了连接,应该能看见了
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-2-15 05:01:46 | 显示全部楼层
很可惜 图片看不到
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
 楼主| 发表于 2012-2-15 05:01:47 | 显示全部楼层
不是吧...看不见图...
我是通过自己的博客相册地址贴的图片阿
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-2-15 05:01:48 | 显示全部楼层
不错,今天晚上俺也来试试,准备下班鸟 cool.gif
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-2-15 05:01:50 | 显示全部楼层
这不叫烟雾好不好,吊我胃口了。。
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
 楼主| 发表于 2012-2-15 05:01:51 | 显示全部楼层
呵呵,个人理解
其实纱巾的效果和这也很接近
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-2-15 05:01:53 | 显示全部楼层
对哦

不是烟雾

是轻纱
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

 
QQ在线咨询
售前咨询热线
0532-88371356
售后服务微信
pingduwangzhan
快速回复 返回顶部 返回列表