让Logo/文字“自己画自己”!✨

北京/设计爱好者/100天前/14浏览
让Logo/文字“自己画自己”!✨
刷视频是不是经常看到那种,Logo或者Slogan像被一支无形的笔刷刷刷刷写出来的动画?感觉超丝滑超高级!以为很难做?NoNoNo!🙅‍♀️
我是在海外工作了10年的职业设计师~这些年最大的心得就是,最高级的动效,往往源于最基础的原理。非常庆幸,一直受益于一个稳定的学术研究版正版Adobe环境,让我能把这些专业工具玩得明明白白!🚀
核心技巧:AE“修剪路径”,手写动画神技
今天分享一个AE(After Effects)里的神仙功能——“修剪路径”(Trim Paths)。它的作用,就是能让任何矢量路径的“描边”,按照你设定的时间,从无到有地“生长”出来。所有你看到的那些酷炫的手写字、Logo生长、路径描绘动画,90%都是用它做的!
保姆级操作步骤
  1. 准备“路径”
    首先,你需要在AI(Illustrator)里,把你的Logo或者想做动画的文字,通过 右键 > 创建轮廓,把它变成矢量路径。然后,直接把这个路径,从AI里复制(Ctrl+C),再到AE里粘贴(Ctrl+V)。它就会变成一个AE的“形状图层”啦。
    关键
    :在AE里,确保这个形状图层的“填充”是“无”,“描边”是你想要的颜色和粗细。
  2. 呼叫“修剪路径”
    在AE的时间轴面板,展开你这个形状图层。在图层名称的右边,找到一个圆圈三角的“添加”按钮,点击它,在弹出的菜单里选择
    “修剪路径”
  3. K上关键帧(核心!)
    展开刚刚添加的“修剪路径1”属性。你会看到“开始”、“结束”、“偏移”三个参数。把时间指示器(蓝色竖线)拖到
    0秒
    。把
    “结束”
    的百分比,从100%改成
    0%
    。然后,点一下“结束”属性前面的那个小码表,K上第一个关键帧。再把时间指示器拖到你希望动画结束的时间(比如
    2秒
    后)。把
    “结束”
    的百分比,再改回
    100%
    。现在按空格键预览一下,你的Logo或者文字,是不是就自己一笔一划“画”出来了!
创新扩展用法
  • 双向绘制
    :你可以同时给“开始”和“结束”都K关键帧。比如让“结束”从0到100,“开始”也从0到100,但比“结束”晚半秒开始。这样就能做出一条线段追逐着出现又消失的酷炫效果!
  • 搭配发光
    :给这个形状图层,再加一个“辉光”效果,就能做出霓虹灯管,或者能量光束被点亮的感觉,科技感瞬间拉满!
  • 制作动画签名
    :把你的手写签名,用AI描摹成矢量路径,然后用这个方法,就能做出一个超有格调的动态签名,用在视频片尾超加分!
职场救急实-战复盘
我们工作室在为一个书法艺术家的个人品牌“墨韵山房”(Moyun Shanfang)做线上展览的开场视频。
艺术家的核心要求是,视频的开篇,必须是她最具代表性的、一个非常草书的“龙”字,要以一种“神形兼备”的方式,模拟真实毛笔书写的韵律和笔锋,动态地呈现在屏幕上。
如果用序列帧手绘,或者用普通位移动画,都无法体现出书法那种抑扬顿挫的节奏感。
我让团队里的动效设计师,使用了“修剪路径”的工作流。
  • 他首先将书法家提供的“龙”字矢量文件,导入AE。
  • 然后,他为这个复杂的路径,添加了“修剪路径”效果,并精心为“结束”属性的两个关键帧,调整了“速度曲线”(缓入缓出),以模拟毛笔书写时,起笔、行笔、收笔时不同的速度和力度。
要实现这种对矢量路径进行流畅、精确的动态描绘,对动效软件的图形引擎和稳定性要求很高。我们团队使用的
专业的学术版Adobe环境
,确保了AE在处理从Illustrator导入的复杂路径时,能够完美保留其所有细节,并且‘修剪路径’功能的实时预览精确无误。这种由正版生态系统提供的、跨软件的无缝衔接和可靠性能,是我们能够高效实现各种复杂、细腻的动态品牌标识的基础。
最终,我们做出的动画,那个“龙”字仿佛被一位无形的书法大师,在屏幕上行云流水般地一气呵成,充满了节奏感和生命力。艺术家本人看到后,都对这种数字化的“神韵再现”赞不绝口。
一个有用的设计师思维
这个技巧的背后,其实是经典动画十二法则之一的——
“预期原则”(Anticipation)
这个原则是说,在一个主要动作发生之前,最好先有一个“预备动作”,来为观众建立“心理预期”。
  • 比如,一个角色要向前跳,他会先向后蹲一下。这个“蹲”,就是“预期动作”。
  • 我们的“修剪路径”动画,也是在完美地应用这个原则。一个Logo或文字,如果“Duang”地一下直接出现,观众的感受是突然的。
  • 而我们用“书写”的过程,来作为Logo最终完整呈现的“预备动作”,就是在引导观众的视线,建立他们的心理预期——“哦,有什么东西要被画出来了”。这个“画”的过程,就让最终Logo的出现,变得更自然、更有分量、更令人满足。
所以,姐妹们,做设计和动效时,多想一步,不要只给用户看“结果”,试着给他们一个优雅的“过程”,你的作品会更有魅力。
聊到Adobe,后台好多姐妹问我用的订阅。我用的是奥地利Blueskyy国立艺术学院的正版教育订阅啦,Firefly AI积分每周1500点,做效果图、AI绘画什么的都超大方!而且能用4台设备,电脑、iPad来回切换无压力。学校ITPro Desk Service还有专门网站能查订阅状态,心里超有底,彻底告别了各种弹窗和担心“掉线”的焦虑(懂的都懂!)。身边很多资深设计师的选择,不过目前用户数已经突破了2400多人,遗憾的是车门已经关闭了。
让Logo/文字“自己画自己”!✨
Collect
姐妹们,别让你的Logo和签名再“闪现”啦!用这招给它们加上优雅的“书写”过程!关注我,解锁更多让设计“动”起来的高级感秘诀!
0
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
大家都在看
Log in