平面设计 
首页 > 平面设计 > 浏览文章

Illustrator设计打造出逼真的水波涟漪效果实例教程

(编辑:jimmy 日期: 2024/12/28 浏览:3 次 )
本例为Illustrator特效实例教程,主要学习通过运用AI的波纹、变形、旋转以及3D工具的运用制作出逼真的水波涟漪效果,希望能给朋友们带来帮助~~

最终效果

Illustrator设计打造出逼真的水波涟漪效果实例教程

Step 1:新建一个600px – 580px 大小的画板. 下一步, 使用直线段工具 (backslash), 画一条 长600px 颜色设置为 CMYK: C=40, M=65, Y=100, K=35.

Illustrator设计打造出逼真的水波涟漪效果实例教程

Step 2:选中线条然后 执行: 效果 > 扭曲和变换 > 波纹效果. 参数设置如下图红色区域. 效果如下

Illustrator设计打造出逼真的水波涟漪效果实例教程

Step 3:涟漪由中心向外移动所产生的波浪逐渐消失,所以我要加一个波浪逐渐消失的变形. 选择 > 封套扭曲 > 用变形建立(快捷键Alt + Shift + Ctrl + W). 在变形选项里的样式选择“鱼”,弯曲设为50%.前后效果如下。

Illustrator设计打造出逼真的水波涟漪效果实例教程

Step 4:选中波浪线,然后执行:对象>扩展 。参数设置如下。

Illustrator设计打造出逼真的水波涟漪效果实例教程

Step 5:接下来, 我们将添加水滴掉下来弹起的效果. 使用直接选择工具 (A), 选中第一个锚点 然后往上拖. 使用添加锚点工具 (+), 在如图所示位置添加两个锚点.使用直接选择工具修改锚点路径形状如下图。然后复制这条曲线放一边作为备份。

Illustrator设计打造出逼真的水波涟漪效果实例教程

Step 6:现在形状线条已经准备好了, 选中线条然后执行 效果 > 3D > 绕转. 在参数设置对话框的右边点击更多选项,参数设置如下图,表面选项选塑料底纹效果,更多选项里的缩略图下面点击新建,新建一个高光。两个高光位置如下图,其他参数设置如下图。

Illustrator设计打造出逼真的水波涟漪效果实例教程

上面参数设置后效果如下

Illustrator设计打造出逼真的水波涟漪效果实例教程

Step 7:现在我再来添加一些光照反射效果,选择我们第五步的时候备份的那一条曲线执行:对象 > 变换> 对称. 水平对称, 使用直接选择工具选择下图红色部分,然后删除。

Illustrator设计打造出逼真的水波涟漪效果实例教程

Illustrator设计打造出逼真的水波涟漪效果实例教程

Step 8:选择线条然后执行 效果 > 3D > 绕转.参数设置和上一次一样. 只是把阴影颜色设置为白色。

Illustrator设计打造出逼真的水波涟漪效果实例教程

Illustrator设计打造出逼真的水波涟漪效果实例教程

Step 9:把倒影移到合适位置放置好,透明度设置为20%。

Illustrator设计打造出逼真的水波涟漪效果实例教程

调整倒影的位置,完成!

Illustrator设计打造出逼真的水波涟漪效果实例教程

我用同样的方法创建了下面这个水波纹效果,希望大家喜欢这个教程!

Illustrator设计打造出逼真的水波涟漪效果实例教程

上一篇:AI快捷键大全
下一篇:Illustrator(AI)CS2设计绘制欢乐的六一儿童节主题海报实例教程
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。