当前位置:首页>ps实例教程>ps网页设计>logo教程>教程内容

LOGO制作,用PS做一个会动的logo(5)

来源:站酷 作者:ZRJstyle 学习:51397人次

本篇教程通过PS制作一个会动的logo,做本篇教程的时候要注意几点,做动画之前把图层分好组,重复出现的相同静态页面,需要分开以及保存的时候循环选项为永远,同学们一起来练习一下吧。

效果图:

 LOGO制作,用PS做一个会动的logo_www.16xx8.com

操作步骤:

第一步:新建画布,设置好尺寸(尺寸随意)

LOGO制作,用PS做一个会动的logo_www.16xx8.com
www.16xx8.com

第二步 拖入素材调整到理想状态,绘制地标icon,将会动的圈隐藏;同时绘制圆形,填充:#e34140

LOGO制作,用PS做一个会动的logo_www.16xx8.com

第三步 绘制logo的第2步静态图

LOGO制作,用PS做一个会动的logo_www.16xx8.com

LOGO制作,用PS做一个会动的logo_www.16xx8.com

LOGO制作,用PS做一个会动的logo_www.16xx8.com

LOGO制作,用PS做一个会动的logo_www.16xx8.com

下面我把主要静态图展示一下

LOGO制作,用PS做一个会动的logo_www.16xx8.com

LOGO制作,用PS做一个会动的logo_www.16xx8.com

LOGO制作,用PS做一个会动的logo_www.16xx8.com

将所有logo的变化静态层隐藏

下面开始制作动画了

创建帧动画

LOGO制作,用PS做一个会动的logo_www.16xx8.com

LOGO制作,用PS做一个会动的logo_www.16xx8.com

点击添加帧,上图画红线的btn,然后显示logo第一步,闪动的光标处如图显示:

LOGO制作,用PS做一个会动的logo_www.16xx8.com

LOGO制作,用PS做一个会动的logo_www.16xx8.com

依此设置,到最后一步

LOGO制作,用PS做一个会动的logo_www.16xx8.com

完成:

 LOGO制作,用PS做一个会动的logo_www.16xx8.com

红线部分调整为“永远”,现在可以点击“播放动画”预览了,时间根据需要自己调整

另外一个方法就是先调整地理位置的闪动光标,找到规律后,直接复制帧,然后逐帧打开logo的静态图层

保存web格式,选择gif,注意循环选项选择 “永远”

我们可以学别人的思路,做自己的作品,借鉴之后就是创新。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
丨繁花灬落叶2018-02-27 11:00
步骤太快 完全跟不上。。。
断桥残雪2017-12-11 08:37
好象好多东西还是不理解啊
一抹残阳2017-12-11 08:22
还要学习学习啊
扇舞丹清2017-12-11 02:19
谢谢作者投稿
谁转身爱别人2017-12-11 07:36
好东西
陰柔仔仔2017-12-11 05:26
超级感谢楼主,说的很详细噢!

关注大神微博加入>>

网友求助,请回答!