当前位置: 首页 > 优图知识库  > illustrator教程 > AI实例教程

AI制作窗口上的雨滴效果

2019/1/16 14:23:40 人评论

本教程向UtoBao的朋友们介绍利用AI制作窗口上的雨滴效果,教程比较简单,感兴趣的朋友可以学习一下!

这篇教程教优图宝的朋友们用ai制作窗口上的雨滴效果,教程比较简单。转发过来希望优图宝的朋友们喜欢这篇教程。先看看最终的效果图:

ai制作窗口上的雨滴效果 优图宝 ai实例教程

Utobao编注:更多AI教程学习进入优图宝AI实例教程栏目:http://www.utobao.com/news/61.html

教程细节

  • 程序: adobe illustrator cs4
  • 难度: 中级
  • 花费时间: 1.5小时

step 1
新建文档. 颜色模式 cmyk或者是rgb都可以,选择你喜欢的一种. 在开始之前,画出一个色板-8中蓝色.我把其中最浅的蓝色设定为"1′,最深的标记为"8′.中间依次标记.  这是一个很好的习惯.

ai制作窗口上的雨滴效果 优图宝 ai实例教程

step 2
按照下面面板中的设置进行操作,绘制一个平方米相同宽度的方框 ,并填入用中色蓝(从你刚刚建立的色板中取色)。转到对象> 创建渐变网格,然后输入6行和第6栏。

ai制作窗口上的雨滴效果 优图宝 ai实例教程

step 3
现在操纵网格点,创造一个无定形,抽象的背景。点击每个网格点然后给他们设置不同的蓝色(记得这些蓝色都是从你的蓝色色版中取色)。没有太复杂。按照下面的图片慢慢来做.

ai制作窗口上的雨滴效果 优图宝 ai实例教程_ueditor_page_break_tag_

step 4
锁定的背景层,并在上面创建一个新的图层。在背景上随机画几个大小不同的圆圈。为这些圆圈填补一些较轻的蓝色,并改变不透明度为60 % – 80 % 。这些圆圈是为了看起来像灯的背景。

注意在背景较亮的地方,用较淡的蓝色填充圆圈。选择所有的圈子,并转到滤镜"模糊"高斯模糊。设置4像素。然后选择其中几个圈子,改变模糊至6个像素。

this will give more depth to the "lights." it's okay if some of the circles fall off the artboard — you can trim those later. the illustration should look like the image below.

这样我们的"灯"看上去就会更有层次.示意图看起来应该像这样下方的图片。
ai制作窗口上的雨滴效果 优图宝 ai实例教程
ai制作窗口上的雨滴效果 优图宝 ai实例教程

step 5
锁定这个图层然后在上面建立一个新的。绘制一个椭圆,并填写一个渐变色,像下面设置的一样。渐变在illustrator cs4中更容易使用一些,但是在早期版本中也可以做到同样的结果。

ai制作窗口上的雨滴效果 优图宝 ai实例教程

step 6
设置椭圆的内发光效果,如下。注意:这一步是可选的。光栅效果可能会占用更多的处理能力,从而让渲染的速度变慢。根据您的计算机速度选择是否要做这一步。

ai制作窗口上的雨滴效果 优图宝 ai实例教程

step 7
画一个长的,有些薄的椭圆形,并用最轻的蓝(蓝色# 1 )填充 。转到效果>封套>arc,并输入下面的值。这将是突出的雨滴。用您刚刚创建的渐变填充这个扭曲了的椭圆。

ai制作窗口上的雨滴效果 优图宝 ai实例教程_ueditor_page_break_tag_

把它旋转放置在合适的位置。放大或缩小到合适的雨滴。当它看起来不错,去对象"展开外观。混合模式设置为屏幕。

ai制作窗口上的雨滴效果 优图宝 ai实例教程

step 12
选择图案喷枪工具,点击图案"水滴轻",在图像上半部分(大约1/3)释放你的鼠标.喷一些水滴出来.

同理,在画面的中间部分(大约1/3)的位置,喷溅图案"水滴中",在图像的下半部分(大约1/3)喷溅图案"水滴重".

ai制作窗口上的雨滴效果 优图宝 ai实例教程
ai制作窗口上的雨滴效果 优图宝 ai实例教程

step 13
现在选择符号缩放器工具。随机改变水滴符号的大小。按住alt键,可以缩小图案。你的结果是要得到大小不一样的水滴.然后用移动工具略微调整.

ai制作窗口上的雨滴效果 优图宝 ai实例教程

step 14
你可以复制单个图案,作为一个群组重新定义它们的尺寸。目的只有一个,就是让水滴更加真实.利用对象>扩展,大三我们刚刚制作的图案.

ai制作窗口上的雨滴效果 优图宝 ai实例教程

ai制作窗口上的雨滴效果 优图宝 ai实例教程_ueditor_page_break_tag_

step 15
然后是做最后的调整,水滴随机的大小和位置,并设置一些重叠.

ai制作窗口上的雨滴效果 优图宝 ai实例教程

step 16
现在,一些扫尾的工作。新建一个图层,命名为"circles",放在图层"drops"的下面。应用画笔工具(按shift + b)画出一些松散的留下来的水印。

用较深的蓝色渐变填充这个形状 (blue 8 到 blue 6), 然后在透明度面板中,把渲染模式改为柔光. 调整渐变,使其更为真实。
ai制作窗口上的雨滴效果 优图宝 ai实例教程

conclusion
最后,可以有一些创造性的形状出现在窗户上,比如说某人花了一个桃心.这就是我们最终的结果了.
ai制作窗口上的雨滴效果 优图宝 ai实例教程

Utobao编注:更多AI教程学习进入优图宝AI实例教程栏目:http://www.utobao.com/news/61.html

相关资讯

  • 自控AI渐变网格节点画黑金弯钩

    网上很多教程都介绍说,“在使用Illustrator渐变网格建立一个不规则的形状网格时,最好先用基本图形建立,然后再用白箭头拉成想要的形状……”但个人感觉这似乎是个非常被动的做法,特别对我这种点半天都点不中 ...

    2019/1/16 14:25:26
  • AI绘Q版超人:身体造型

    当时正好给我的学生讲到了Illustrator的渐变网格,《超人总动员》正在热映,所以随手就拿来当例子了。现在想想幸亏当时热映的不是《冰河世纪》!当然案例是分三次做完的,大概用两天时间,最难画的地方是超人的 ...

    2019/1/16 14:25:25