美文网首页創意設計ps工作必备技能
闲聊文字logo做成动画,都有哪些风格和方式

闲聊文字logo做成动画,都有哪些风格和方式

作者: 阿随向前冲 | 来源:发表于2016-07-12 16:12 被阅读3685次

    酷暑是夏天的名片,而冰镇西瓜是最美的解药,所以周一的正确打开方式是:折腾在“文字”里再玩一会。嗯,这一篇来聊一聊的是一串文字、一句话、几个字体除了平面设计外,在“动画设计”方面还有哪些可能,哪些呢?由简入繁、深入简出,今天先说说几个简单的,而你想到了哪些呢,也欢迎留言来交流哦,么么哒。

    本文以Better Me为例介绍

    1.文本动画

    最直接想到的是基本的“文本动画”,基于“文字”的位置、旋转、缩放、透明度、填充和描边等基本属性来做关键帧动画,可以逐字逐词,也可以完整一句来做动画,玩法非常多。比如下面这种用“物理撞击”结合位置和旋转两个属性来实现的效果。

    2.MG一波流

    MG风在近年几乎大行其道,基本可以用风靡江湖来形容了。从视觉感官上来说,通过简单的元素、丰富得体的运动设计,营造的冲击力清新而美好,玩法自然也灰常多,比如下面这个极简的例子,基础的几何元素加到文字上,再通过文本的基本属性运动,来实现效果。熟练了之后,也可以让画面更为丰富有趣,当然也要谨记:形式勿大过内容!

    3.手势动画

    随着智能设备的风起,“手势动画”也随之大热。而阿随君这里要说的是真正的手势,即让手势参与到动画中,相当于直观展示用手势操作手机的感觉。翻译过来,其实也就是在文本动画的基础上加上“手”这个元素的动画,比如说下面这个例子。

    4.粒子消散动画

    除了在文本动画的基础上稍加发挥外,我们当然能够继续开脑洞,比如说做“粒子动画”,尤其在AE中,利用各种粒子插件如Trapcode Particular 、Trapcode Form等,可以很炫地玩起来,比如下面这个粒子消散类的动画效果。

    5.能量冲击动画

    嗯,在制作文字logo动画的时候,还可以从动漫中吸收灵感,比如加入能量冲击波的概念,结合文字logo本身的寓意,让视觉效果更酷炫一点。

    6.光效动画

    上帝说,要有光,于是有了光。嗯,动画要有光,于是,它亮了起来。光,可以玩的方法也是灰常多,元素细分后更是细节丰富,这里先简单放一个例子,以后再继续跟小伙伴们聊更多有趣的光效玩法。

    7.路径生成动画

    嗯,这里要说的路径不是给文字做路径动画,而是用其他元素比如线条或者粒子做路径动画,最后以“生成”的形式露出文字logo。因此,基于路径的创作可以让这种动画更为绚丽多彩一些,比如下面的案例。当然,一脑补也可以想到水墨路径、子弹路径等等更多的玩法,以后再聊喽。

    以上这些呢,是阿随君总结的一些基本的文字logo动画思路,下面再来瞅瞅还有哪些进阶玩法。

    以下是进阶玩法哦

    1.蒙版动画

    蒙版动画,嗯,简单来说,就是用“文字logo”作为蒙版层,然后把其他影像内容剪贴进去,在AE或是PS中都可以实现,操作起来也比较容易。下面这个例子,结合了BM和阿随君喜欢的《龙珠超》,悟空很厉害,而一路走来也有各种小伙伴相伴左右,Z战士们携手保护着地球,么么哒,这一小段片头的剪贴,阿随君颇以为很符合BM的slogan呢。

    2.动态文字云

    在文字排版中,“文字云”的形式越来越受到大家的喜欢,So,那我们当然也可以把文字云“搬到”动画设计中,比如下面这个例子,把BM文字和部分关键词一起嵌入到“汽车”形状的文字云中,Duang,有个性的一枚文字logo动画就诞生了。

    3.特效大片式

    说到“汽车”这个元素,光有文字云似乎不够过瘾喽,所以就来辆真车喽,变形金刚,不,变形金字。

    4.文字变形式

    既然都能汽车变文字,当然也能设计成文字logo变slogan,变变变。

    PS:因微信支持gif大小限制,帧速率压得有点狠

    5.华丽包装式

    也就是说,我们可以把文字logo看成一个元素,然后在它本身,或者它的前后左右添加修饰包装元素,来衬托、引出、对比等为它“搭台”,至于包装元素就不要太多了,脑洞在那儿,可劲儿开就是了。比如,下例中香艳模特的巧用。

    PS:同原因,帧速率压得也有点狠

    6.中国风式

    用山水田园、水墨太极等典型的中国风意象的视觉元素来包装文字logo的一种方法,比如下例中这种行云流水的风格。

    7.灵感借鉴大法

    嗯,这里要说的就是平常注意积累收集优秀的动画,模仿、练习也是不断提高、不断开脑洞的好的方法,比如下例就是对《哈利波特》魔法学院周年纪念时推出的动态魔法勋章的模仿与致敬。

    OK,该系列就到这里了先。

    我是阿随,一个爱折腾影像设计、爱折腾软件、爱Nirvana、爱陶渊明、爱戈达尔的文案/策划工作者。

    如果喜欢这篇文章,卖萌求点赞求支持哦,么么哒。

    最后再来一枚动画大法

    相关文章

      网友评论

      • Exportsoflife:非常棒
      • 飞范:大神啊。。PS用的是那个软件😖,我的下载下来。。打不开😭,,求指点
        阿随向前冲:@宓_柔 嘤嘤哒。
        飞范: @阿随向前冲 对啊🙃,可是,可是简书里的评论撤不回了😂😂。。好尴尬啊🙃
        阿随向前冲: @宓_柔 诶,好像在公号回复过了
      • 我爱村长:佩服 佩服
        阿随向前冲:@我爱村长 :smile:
      • 11259cadbf42:你的一些PS教程我都喜欢谢谢你的分享
        阿随向前冲: @甜甜OO_O ヘ( ^o^)ノ\(^_^ )
        11259cadbf42: @阿随向前冲 我也是学习啊 不客气😃
        阿随向前冲: @甜甜OO_O ♪~(´ε` )也谢谢小伙伴的喜欢和支持
      • 取了个帅气昵称:炫酷
        阿随向前冲: @取了个帅气昵称 <( ˘ ³˘)/🌹
      • 顺流江上独帆:get起来!
        阿随向前冲:@五步八点之7 :blush:
      • ZhengY蓉:厉害
        阿随向前冲:@ZhengY蓉 :kissing_heart: 多谢你喜欢,推荐有时间也可以看下阿随君其他同样厉害的文章哦,欢迎多多点赞支持,么么哒
      • Ailsa成长:不错
        阿随向前冲: @IT觅觅 😁么么哒,欢迎多多关注哦
      • 用时间酿酒:求出教程好酷
        阿随向前冲: @用时间酿酒 已经有出过教程的了哦
      • 赵万龙:有没有教程 :heart_eyes:
        赵万龙:@阿随向前冲 好吧
        阿随向前冲:@赵万龙 部分已有教程哦,可以翻看其他文章,或者来我的微信公众号“精神时光屋中的练习生”,好几个教程都已发布过了。
      • 宝宝心里苦:我也在学PS......但总是不会.看了教程然后自己操作总是和视频里的不一样.PSD格式的图一直找不到.:sob::sob::sob::sob::sob::sob::sob:
        你的好棒呀
        阿随向前冲: @宝宝心里苦 欢迎多多关注阿随君呢,来这里有更多原创好玩的小教程分享,一起进步提高
      • 7d5c5d1a04c2:想学习PS。。太酷了
        阿随向前冲: @唐学多 😁欢迎来关注我的微信公众号“精神时光屋中的练习生”来寻宝,很多好玩的简单的教程哦
      • 装水仙的蒜:很棒
        阿随向前冲: @装水仙的蒜 谢谢,欢迎持续关注阿随君的文章哦,么么哒
      • 贝小鱼:很棒。
        贝小鱼:@阿随向前冲 我想问,设计这么一个标志需要多少票子?
        阿随向前冲: @贝小鱼 欢迎持续关注,么么哒
      • 99a82d693ea5:好酷炫
        阿随向前冲:@侠客娟少侠 :blush: 感谢阅读,欢迎持续关注阿随君哦,么么哒。
      • 44367cdf9c15:挺不错的 好久没玩AE了 当初还是在大学学的
        阿随向前冲: @陌子诺 可以再玩玩,蛮有意思的
      • 0337eeda3929:好棒
        阿随向前冲:@红豆薏米CC :kissing_heart: 感谢支持,欢迎多多关注哦
      • 沐白_:阿随大大好棒啊😉
        阿随向前冲:@沐白_ :relaxed:
      • 小老虎的家养猫:遇见更好的自己?刚已经关注了BM。
        要是能加入就更好了呢:heart_eyes:
        大神,我要和你做朋友:flushed:
        还有还有,什么时候可以听到你的分享啊。
        阿随向前冲:@小老虎的家养猫 感谢亲的观众和喜欢。也可以关注我的微信公众号“精神时光屋中的练习生”(搜索:jasongodard),有分享的时候会预告哦,近期会有一场PS的分享呢 :relaxed:
      • 罗孚:赞👍
        阿随向前冲:@小水獭 :relaxed: 多谢喜欢,卖萌求关注 :heart_eyes:
      • 3d63760910dc:不错,。正在学习ps
        阿随向前冲: @政哥 加油,一起学习进步,搞定PS。
      • 原来是hanNah:阿随君太赞!
        阿随向前冲: @wumwumcheung張媛媛 么么哒,谢谢亲的喜欢哦,欢迎关注我
      • 欢乐PPT:好棒,阿随。这些都是什么软件制作的?AE?
        阿随向前冲: @菜鸟PPT 有AE,也有PS。感谢邱兄支持
      • 67777756ccc5:超喜欢设计,好的作品就像毒品,让人欲罢不能。
        阿随向前冲:@小生大彬 :relaxed: 非常感谢亲的喜欢,么么哒
      • fc5d38311e61:什么时候大神开个分享课呀?
        阿随向前冲:@辛哥singler 可以关注我的微信公众号“精神时光屋中的练习生”,会不定时分享干货和教程呢。分享课,找机会喽。
      • fc5d38311e61:太棒了,喜欢的不得了,我要加入betterme,求带
        阿随向前冲:@辛哥singler 可以来这里查看哦http://mp.weixin.qq.com/s?__biz=MzIyODA5MzgyMg==&mid=510867374&idx=1&sn=4c8f36ca76fe6d776fe68c842cdd3c1f&scene=25#wechat_redirect
      • 492bb779bcd4:太棒了!干货满满!
        想知道你说的这个BetterMe社群要如何加入呀?
        阿随向前冲:@福小月 感谢亲能够喜欢我的文章,欢迎关注哦。PS:关于BM社群的话,这个帖子能让亲更详细的了解http://mp.weixin.qq.com/s?__biz=MzIyODA5MzgyMg==&mid=510867374&idx=1&sn=4c8f36ca76fe6d776fe68c842cdd3c1f&scene=25#wechat_redirect
      • x深蓝:赞
        阿随向前冲: @叶hao 感谢
      • Mikihuanhuan:棒棒哒
        阿随向前冲:@Mikihuanhuan 谢谢小伙伴喜欢,么么哒
      • 乌素:啊好酷!Better Me是什么呀好好奇:blush:
        哈默老师:@乌素 好巧,我也很好奇。但姑娘看你头像,肯定是美女:smile:
        阿随向前冲:@乌素 这位小朋友很细心啊,这都被你发现了,哈哈,那就来简单科普下喽:陪伴型成长社群“BetterMe大本营”,致力于让更多人遇到更好版本的自己。 成立8个月,从0到1发展到现在10000+用户规模,运营团队近百人。 被深圳晚报报道,并与秋叶PPT,印象笔记、中国人民大学出版社,黑天鹅图书,机械工业出版社、幸福进化俱乐部、长投网,简七理财等合作。

        线上有PPT、读书、码字、绘画、理财等各种主题营和21天付费训练营,输出绘画作品6000+,文章300+,推送300+,线上分享20余场,高质量文章输出被插坐学院、91运营、微信推等号转载,微博话题阅读量580万+。线下全国各地城市营陆续开放中,已上线的有(北上广深武汉杭州长沙厦门哈尔滨苏州成都临汾济南),让更多人在家门口遇到了BetterMe。
      • 2db012df5160:请问楼主,我初学AE,遇到的最大问题就是模版难找,一般都要钱,这个问题该怎么解决呢,有没有什么免费模版的网站,而且我用模版的时候遇到很多插件问题,总之感觉自学好难啊,有没有什么比较好的教程推荐一下
        阿随向前冲:@沐汐海 模板实际上比较好找。但是我的建议是先把基础操作掌握扎实,模板是一种“捷径”但是不建议绕过基础过于依赖模板。熟练之后,你会发现用模板更顺手来的。PS:欢迎关注我的公众号“精神时光屋中的练习生”,我会分享更多相关内容,包括我是如何从文案来自学设计自学剪辑的,也会整理些常用的素材网站教程网站。跟小伙伴一起进步,么么哒。
      • d2008fb89e51:求楼主告知都是用什么软件做出来的……跪谢
        阿随向前冲: @Capricorn呵呵呵 能的,PS可以的,比如那个蒙版动画就是。当然,AE是更好用更好玩的。
        d2008fb89e51:@阿随向前冲 感谢回复。:smile:还有一点不明白,是这样,我算是新人,常用到ps,都是做简单的gif,莫非还能直接做动态logo?还有还有,看来我得学ae了,哈哈
        阿随向前冲:@Capricorn呵呵呵 有的是AE,有的是PS
      • 94631a3ce118:这些动态图都可以用PS做出来吗
        阿随向前冲:@拾影q 有的是用PS,有的是用AE,然后用到AE的会在导出视频后,在PS中存储为gif图来用。
      • 阳光的羽毛:很有创意!是用什么软件做的?
        阿随向前冲:@阳光的羽毛 感谢喜欢呢。有的是用AE来做的,也有的是用PS做的。

      本文标题:闲聊文字logo做成动画,都有哪些风格和方式

      本文链接:https://www.haomeiwen.com/subject/rvfsjttx.html