【FW教程】动态百叶窗二维码Logo制作

有的小伙伴说:“你可不可以帮我做一个动态的微信公众号平台Logo?”

“对不起,天气太热了,我坐在屏前的时间和体力有限,不过我可以编辑个教程教你们。”喜欢玩图的同学们平时多看看他人的作品可以做个参考。

准备工序:搜集素材 此处的素材包括:微信公众号二维码、微信标志、新浪微博标志(素材各一枚)没有后者的同学请随意,你可以换成豆瓣、之类的,此处只是举个例子罢了。

登陆微信公众号平台- 按图示 找到属于你的二维码

后面两个标志请直接度娘。


【FW教程】动态百叶窗二维码Logo制作_第1张图片
花开在旅途-1

1、打开Macromedia Fireworks 8软件  文件- 新建 画布为:596×294 背景色:白色 确定


【FW教程】动态百叶窗二维码Logo制作_第2张图片
花开在旅途-2

2、使用矩形工具画一个大小为:595×44的矩形

矩形工具


【FW教程】动态百叶窗二维码Logo制作_第3张图片
花开在旅途-4

3、填充颜色#F0DFDD 回车 (你随意,和你自己的微信公众号头像颜色相配就好)


【FW教程】动态百叶窗二维码Logo制作_第4张图片
花开在旅途-5

4、Ctrl+cCtrl+v  (复制、粘贴)4个矩形 并且拖动调整好位置


【FW教程】动态百叶窗二维码Logo制作_第5张图片
花开在旅途-6

5、使用指针工具

指针工具

选中一个矩形,再启动Shift键连选其它三个矩形( 所呈现的状态)


【FW教程】动态百叶窗二维码Logo制作_第6张图片
连选

6、修改-平面化所选


【FW教程】动态百叶窗二维码Logo制作_第7张图片
平面化所选

7、继续选中组合在一起的矩形位图 启动F8模式


【FW教程】动态百叶窗二维码Logo制作_第8张图片
元件图形

8、选择动画


【FW教程】动态百叶窗二维码Logo制作_第9张图片
动画


9、确定


【FW教程】动态百叶窗二维码Logo制作_第10张图片
确定

10、帧数:8  确定


【FW教程】动态百叶窗二维码Logo制作_第11张图片
8

11、拖动红|绿点


【FW教程】动态百叶窗二维码Logo制作_第12张图片
红点

12、拉开距离  位置超出 画布


【FW教程】动态百叶窗二维码Logo制作_第13张图片
拉开

13、动画大体就建好了  不过要养成一个好习惯预播一下 看看闪动的效果是否合适 并且进行帧秒数的设置具体请参考【FW教程】动态图像隐现

14、再次启动矩形工具

矩形工具

在第一帧处 建立矩形为:531×230 背景色为白色

15、指针

指针

选中矩形投影  距离3 柔化3 角度180  不透明47%


【FW教程】动态百叶窗二维码Logo制作_第14张图片
投影

16、文件导入--依次导入素材1、素材2、素材3

并且拖动大小 二维码大小为210×210


【FW教程】动态百叶窗二维码Logo制作_第15张图片
二维码大小

17、启动文本工具 输入文字

文本工具
【FW教程】动态百叶窗二维码Logo制作_第16张图片
输入


18、依次选中图标 以及文本层。


【FW教程】动态百叶窗二维码Logo制作_第17张图片
全选

19、修改 平面化所选


【FW教程】动态百叶窗二维码Logo制作_第18张图片
平面化所选

20、鼠标移动到 图示 层 选项


【FW教程】动态百叶窗二维码Logo制作_第19张图片

21、共享此层 打勾。


【FW教程】动态百叶窗二维码Logo制作_第20张图片
共享此层

22、确定


【FW教程】动态百叶窗二维码Logo制作_第21张图片
层确定

23、最后文件 图像预览 (预览也是检查一下效果:最关键的是格式是否GIF动画GIF动画循环方式是否:永久视觉预播:闪烁的速度是否养眼。


【FW教程】动态百叶窗二维码Logo制作_第22张图片
图像预览


【FW教程】动态百叶窗二维码Logo制作_第23张图片
效果图展示

转载请注明出处,谢谢配合。

出自微信公众号:财米油盐酱醋茶

微信公众号:lvtuxuelicai

你可能感兴趣的:(【FW教程】动态百叶窗二维码Logo制作)