注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

追梦人的博客

梦中幻想 脚踏现实

 
 
 

日志

 
 

【转载】《图片旋转效果》的制作方法  

2016-03-14 21:28:28|  分类: 制作fl |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

《图片旋转效果》的制作方法

准备工作:从本篇博文的末尾处下载《位图1》、《位图2》、《菱形》共3幅图片,另从网络下载一首欢快的音乐到你的电脑中备用。下面是制作步骤。

1.新建700*550文档,背景为灰色。将事先准备好的3幅图片和一首音乐(在本例中是《蝶儿满天飞》)导入到库中。

插入“光晕”图形元件,点第1帧,选用椭圆工具,设置笔触禁止、填充放射状,在颜色面板中共设置4个色块(位置见下图),从左到右各色块的色彪和Alpha值分别为:FFFFFF、80%;FFFFFF、100%;DFF138、20%;EBC97A、0%。在工作区画正圆,用选择工具选中该圆,在属性面板中设置宽=高=80,全中齐。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

2.插入“星1”图形元件,点第1帧,从库中拖“光晕”图形元件到工作区,改宽=200、高=6,全中齐。插入“星2”图形元件,从库中拖“星1”图形元件到工作区,全中齐。在变形面板中约束打勾,设置旋转为90度,点“复制并应用变形”1次。框选得到的“+”字,在变形面板中约束打勾,设置左右=上下=50%,旋转为45度,点“复制并应用变形”1次。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

3.插入“星闪”影片剪辑元件,点第1帧,从库中拖“星2”图形元件到工作区,全中齐,在第10帧和第5帧分别插入关键帧,点第5帧,在属性面板中改宽=高=400,点“图层1”在属性面板中做动画补间。插入图层2,点第1帧,从库中拖“光晕”图形元件到工作区,在属性面板中改宽=高=55,全中齐,在第10帧和第5帧分别插入关键帧,点第5帧,在属性面板中改宽=高=30,点“图层2”在属性面板中做动画补间。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

4.插入“钻石1”图形元件,点第1帧,从库中拖“菱形”位图到工作区,在属性面板中宽高上锁,改宽=100,全中齐。

插入“钻石”影片剪辑元件,点第1帧,从库中拖“光晕”图形元件到工作区,在属性面板中改宽=高=150,全中齐,图层延长到60帧。插入图层2,点第1帧,从库中拖“钻石1”图形元件到工作区,全中齐,在第60帧插入关键帧。

在第3帧插入关键帧,在变形面板中约束打勾,设左右=上下=100%,旋转为25度,回车;

在第12帧插入关键帧,在变形面板中约束打勾,设左右=上下=80%,旋转为135度,回车;

在第15帧插入关键帧,在变形面板中约束打勾,设左右=上下=75%,旋转为175度,回车;

在第16帧插入关键帧,在变形面板中约束打勾,设左右=上下=74%,旋转为-175度,回车;

在第29帧插入关键帧,在变形面板中约束打勾,设左右=上下=51%,旋转为-12度,回车;

在第30帧插入关键帧,在变形面板中约束打勾,设左右=上下=50%,旋转为0度,回车;

在第44帧插入关键帧,在变形面板中约束打勾,设左右=上下=73%,旋转为-168度,回车;

在第45帧插入关键帧,在变形面板中约束打勾,设左右=上下=75%,旋转为180度,回车。

点“图层2”,在属性面板中做动画补间。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

5.插入图层3,点第1帧,从库中拖“星闪”影片剪辑到工作区,全中齐,在属性面板中改宽=高=100。

6.插入“人头1”图形元件,点第1帧,从库中拖“图1”位图到工作区,用选择工具点图片,点“修改”-“分离”,选用椭圆工具,设置笔触红色、填充禁止,在工作区画正圆,选中该圆(注意选中时圆变粗线,但圆以外的图片不要被选中,不呈“麻点”状),在属性面板中改圆的宽=高=260,点中该圆,用键盘的方向键移动圆,使它正好圈住人像。释放鼠标(即用鼠标点空白处),再点圆外面的图形,删除。点中红线圆,删除。选中人像,在属性面板中改宽=高=125,全中齐。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

7.插入“人头2”图形元件,点第1帧,从库中拖“图1”位图到工作区,用选择工具点图片,点“修改”-“分离”,选用椭圆工具,设置笔触红色、填充禁止,在工作区画正圆,选中该圆(注意选中时圆变粗线,但圆以外的图片不要被选中,不呈“麻点”状),在属性面板中改圆的宽=高=440,点中该圆,用键盘的方向键移动圆,使它正好圈住人像。释放鼠标(即用鼠标点空白处),再点圆外面的图形,删除。点中红线圆,删除。选中人像,在属性面板中改宽=高=125,全中齐。

8.插入“外圈1”图形元件,点第1帧,选用椭圆工具,设置笔触禁止、填充放射状,在颜色面板中设置左色块为FFFFFF,Alpha值=0%,右色块为FFCC00,在工作区画正圆,Alpha值=100%,把左色块移到右色块附近,画正圆,用选择工具选中圆,改宽=高=126,全中齐。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

9.插入“外圈2”图形元件,点第1帧,选用椭圆工具,设置笔触禁止、填充放射状,在颜色面板中设置左色块为FFFFFF,Alpha值=0%,右色块为FF66FF,Alpha值=100%,把左色块移到右色块附近,画正圆,用选择工具选中圆,改宽=高=126,全中齐。

10.插入“外圈1-1”影片剪辑元件,点第1帧,从库中拖“外圈1”图形元件到工作区,全中齐。插入“外圈2-2”影片剪辑元件,点第1帧,从库中拖“外圈2”图形元件到工作区,全中齐。

11.插入“人头像1”影片剪辑元件。插入2个新图层,全上锁。开图层1锁,点第1帧,从库中拖“人头1”图形元件到工作区,全中齐,上锁。开图层2锁,点第1帧,从库中拖“外圈1-1”影片剪辑元件到工作区,全中齐,用选择工具框选该元件,在滤镜面板中点“+”-“模糊”,设置X=Y=30,回车,图层上锁。开图层3锁,点第1帧,从库中拖“外圈1-1”影片剪辑元件到工作区,全中齐。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

插入“人头像2”影片剪辑元件。插入2个新图层,全上锁。开图层1锁,点第1帧,从库中拖“人头2”图形元件到工作区,全中齐,上锁。开图层2锁,点第1帧,从库中拖“外圈2-2”影片剪辑元件到工作区,全中齐,用选择工具框选该元件,在滤镜面板中点“+”-“模糊”,设置X=Y=30,全中齐,回车,图层上锁。开图层3锁,点第1帧,从库中拖“外圈2-2”影片剪辑元件到工作区,全中齐。

12.插入“头像动”影片剪辑元件。插入6个新图层,全上锁。开图层7锁,点第1帧,选用椭圆工具,设置笔触任意、填充禁止,在工作区画正圆,改宽=高=400,全中齐,在240帧插入帧,右击“图层7”,设为引导层,上锁。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

13.开图层1锁,点第1帧,从库中拖“人头像1”影片剪辑到工作区,全中齐。将该帧复制粘贴到图层2、3、4、5、6的第1帧。在图层1~6的第40、80、120、160、200、240帧分别插入关键帧。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

14.点图层1的第40帧,点中间图片,改X=0、Y=135,回车;点第80帧,点中间图片,改X=-137、Y=63,回车;点第120帧,点中间图片,改X=-131、Y=-75,回车;点第160帧,点中间图片,改X=137、Y=62,回车;点第200帧,点中间图片,改X=0、Y=135,回车。图层1上锁。

开图层2锁,点第40帧,点中间图片,改X=-137、Y=63,回车;点第80帧,点中间图片,改X=-131、Y=-75,回车;点第120帧,点中间图片,改X=0、Y=-135,回车;点第160帧,点中间图片,改X=0、Y=135,回车;点第200帧,点中间图片,改X=-137、Y=63,回车。图层2上锁。

开图层3锁,点第40帧,点中间图片,改X=-131、Y=-75,回车;点第80帧,点中间图片,改X=0、Y=-135,回车;点第120帧,点中间图片,改X=131、Y=-73,回车;点第160帧,点中间图片,改X=-137、Y=63,回车;点第200帧,点中间图片,改X=-131、Y=-75,回车。图层3上锁。

开图层4锁,点第40帧,点中间图片,改X=0、Y=-135,回车;点第80帧,点中间图片,改X=131、Y=-73,回车;点第120帧,点中间图片,改X=137、Y=62,回车;点第160帧,点中间图片,改X=-131、Y=-75,回车;点第200帧,点中间图片,改X=0、Y=-135,回车。图层4上锁。

开图层5锁,点第40帧,点中间图片,改X=131、Y=-73,回车;点第80帧,点中间图片,改X=137、Y=62,回车;点第120帧,点中间图片,改X=0、Y=135,回车;点第160帧,点中间图片,改X=0、Y=-135,回车;点第200帧,点中间图片,改X=131、Y=-73,回车。图层5上锁。

开图层6锁,点第40帧,点中间图片,改X=137、Y=63,回车;点第80帧,点中间图片,改X=0、Y=135,回车;点第120帧,点中间图片,改X=-137、Y=63,回车;点第160帧,点中间图片,改X=131、Y=-73,回车;点第200帧,点中间图片,改X=137、Y=63,回车。图层2上锁。

分别点“图层1”~“图层6”,在属性面板中做动画补间。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客


15.插入图层8,点其第1帧,从库中拖“钻石”影片剪辑元件到工作区,全中齐。最后将图层8拖到图层1的下面,成为最底下的一个图层。
16.插入“小人头动”影片剪辑元件。插入3个新图层,全上锁。开图层1锁,点第1帧,从库中拖“人头像2”影片剪辑到工作区,全中齐。将该帧复制粘贴到图层2、3、4的第1帧。在图层1~4的第40、80、120帧分别插入关键帧。

点图层1的第40帧,点中间图片,改X=0、Y=70,回车;点第80帧,点中间图片,改X=-70、Y=0,回车,上锁;图层2开锁,点第40帧,点中间图片,改X=0、Y=-70,回车;点第80帧,点中间图片,改X=70、Y=0,回车,上锁;图层3开锁,点第40帧,点中间图片,改X=-70、Y=0,回车;点第80帧,点中间图片,改X=0、Y=-70,回车,上锁;图层4开锁,点第40帧,点中间图片,改X=70、Y=0,回车;点第80帧,点中间图片,改X=0、Y=70,回车,上锁。

分别点“图层1”~“图层4”,在属性面板中做动画补间。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

17.插入“左右动”影片剪辑元件。点第1帧,从库中拖“人头像1”影片剪辑元件到工作区,改宽=高=20,全中齐。在40帧插入关键帧,改宽=高=50、X=0、Y=-140,回车;在80帧插入关键帧,改X=-65、Y=-140,回车;在120帧插入关键帧,改X=0、Y=0,回车。点“图层1”,在属性面板中做动画补间。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

18.插入“组合”影片剪辑元件。插入5个新图层,全上锁。开图层1锁,点第1帧,从库中拖“左右动”影片剪辑元件到工作区,全中齐,将该帧复制粘贴到图层2、3、4、5、6的第1帧,上锁,。在图层1~6的第120帧分别插入关键帧。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

19.打开图层2锁,点第1帧,在变形面板中约束打勾,设置旋转为60度,回车,上锁;

打开图层3锁,点第1帧,在变形面板中约束打勾,设置旋转为120度,回车,上锁;

打开图层4锁,点第1帧,在变形面板中约束打勾,设置水平倾斜为180度,垂直倾斜为180度,回车,上锁;

打开图层5锁,点第1帧,在变形面板中约束打勾,设置旋转为-120度,回车,上锁;

打开图层6锁,点第1帧,在变形面板中约束打勾,设置旋转为-60度,回车,上锁。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

20.释放鼠标,将所有图层的所有帧全部选中,右键-复制帧。再释放鼠标,点“图层6”,插入6个新图层,选中它们的第5帧,右键-粘贴帧。选中121帧以后的多余帧,删除。全上锁;

点“图层12”,再插入6个新图层,选中它们的第10帧,右键-粘贴帧。选中125帧以后的多余帧,删除。全上锁;......重复这一串动作,直到第40帧。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

21.插入“头像组合”影片剪辑元件。插入4个新图层,全上锁。开图层1锁,点第1帧,从库中拖“头像动”影片剪辑元件到工作区,全中齐。在第240帧插入关键帧,用选择工具点工作区的图象,在属性面板中点“交换”右边的小三角,点交换为“人头像1”,确定,在第270帧插入关键帧,点图象,改宽=高=50,在240~270帧间做动画补间。在第271帧插入关键帧,用选择工具点工作区的图象,在属性面板中点“交换”右边的小三角,点交换为“小人头动”,确定,点图象,改宽=高=50,全中齐。在第391帧插入关键帧,用选择工具点工作区的图象,在属性面板中点“交换”右边的小三角,点交换为“组合”,确定,全中齐。在第550帧插入帧,上锁。

开图层2锁,在第271帧插入空白关键帧,从库中拖“小人头动”影片剪辑元件到工作区,,改X=0、Y=-140。在第550帧插入帧,上锁。

开图层3锁,在第271帧插入空白关键帧,从库中拖“小人头动”影片剪辑元件到工作区,,改X=0、Y=140。在第550帧插入帧,上锁。

开图层4锁,在第271帧插入空白关键帧,从库中拖“小人头动”影片剪辑元件到工作区,,改X=140、Y=0。在第550帧插入帧,上锁。

开图层5锁,在第271帧插入空白关键帧,从库中拖“小人头动”影片剪辑元件到工作区,,改X=-140、Y=0。在第550帧插入帧,上锁。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

22.双击库中的“头像动”影片剪辑,进入它的编辑区,开全部图层的锁,点图层1的第80帧,点工作区中被选中的图象(外面有兰色的方框),在属性面板中交换为“人头像2”。同样的,在图层2、3、4、5、6的第80帧,也交换为“人头像2”。在6个图层的第160帧,也交换为“人头像2”,全部上锁。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

23.插入“音乐”影片剪辑,点第1帧,在属性面斑中“声音”下拉三角,点音乐《蝶儿满天飞》(或你导入的其它音乐),“同步”为“数据流”。向右拉时间轴下面的滑块到最右面,插入帧,重复这个步骤,直到音乐结束(在时间轴上为一条水平线)为止,插入帧。点第一帧,右键-动作,(打开动作面板),双击左边预设的语句中的“stop”(加停止语句)。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

24.插入“播放”按钮元件,点“弹起”帧,从库中拖入“人头像1”影片剪辑元件,改宽=高=60,全中齐,在“点击”帧插入帧。插入新图层,在“指针经过”帧插入空白关键帧,

选用文本工具,设置合适的颜色和大小,方向水平,输入“播放”,再用选择工具点文字,移动文字到人像下面的合适位置。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

25.在库中右击“播放”按钮元件-直接复制,改名为“停止”按钮元件,点图层1“弹起”帧,在属性面板中交换为“人头像2”影片剪辑元件。点图层2“指针经过”帧,用文本工具输入“停止”。

26.回到“场景1”,改图层1为“背景”,点第1帧,选用矩形工具,设置笔触禁止、填充放射状,在颜色面板中设置左色块为白色、右色块为6767FE,将右色块拉到左边1/4处,在工作区画矩形,在对齐面板中点“匹配宽和高”,全中齐。右击矩形-转换为元件,转换为“背景”影片剪辑元件,双击进入其编辑区,在第30帧和15帧分别插入关键帧,点第15帧,在颜色面板中把右色块拉回到右边,点“图层1”,在属性面板中做“形状补间”。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

27.回到“场景1”,图层1上锁。插入新图层,改名为“头像组合”,点第1帧,从库中拖“头像组合”影片剪辑到工作区,全中齐,上锁。插入新图层,改名为“遮罩”,选用矩形工具,设置笔触禁止、填充任意,在工作区画矩形,用选择工具点矩形,在颜色面板中点“匹配宽和高”,全中齐。右键点“遮罩”图层,设为“遮罩层”,上锁。

28.插入新图层,改名为“边框”,点第1帧,选用矩形工具,设置笔触线性、填充禁止、笔触高=30,在颜色面板中选中线性溢出种类为第2个,设置左色块为淡蓝、右色块为淡绿,在工作区画矩形,在对齐面板中点“匹配宽和高”、全中齐。右键点矩形框-转换为元件,转换为“边框”影片剪辑元件。双击进入起编辑区,选用渐变变形工具,点住“圆把手”转动45度,点住“箭头把手”向中间推成1/3宽。在第100帧插入关键帧,点住正中间的“+”箭头拉到左下角。点图层1,在属性面板中做形状补间。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

29.回到场景1,点工作区中的边框,在滤镜面板中点“+”-斜角-45度,再点“+”-投影=15度,距离=3,图层上锁。

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

30.插入新图层,改名为“音乐”。从库中拖“音乐”影片剪辑到工作区,在属性面板“实例名称”中用英文小写输入“yy”,上锁。

31.插入新图层,改名为“按钮”。点第1帧,从库中拖“播放”和“停止”按钮元件到图面的右下方适当位置。右击图面中的“播放”按钮-动作(打开动作面板),将下面的语句复制粘贴在动作面板中:

on (release) {
yy.play();

}

右击图面中的“停止”按钮-动作(打开动作面板),将下面的语句复制粘贴在动作面板中:

on (release) {
yy.gotoAndStop(1);

}《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

32.插入新图层,改名为“标题和签名”。(略)

 

附图:

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客


位图1

 

 

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

位图2

 

 

《图片旋转效果》的制作方法 - wmjdxrnj - 夕阳更红的博客

菱形


  评论这张
 
阅读(22)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017