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

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

(编辑:jimmy 日期: 2025/5/1 浏览: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设计绘制欢乐的六一儿童节主题海报实例教程
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。