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

.

.

 
 
 

日志

 
 
关于我

本博为百科宝库(珍藏精文2万余篇)。温馨提示: (一)有博友2万8千多位,敬请朋友在理睬头像下加理睬为博友。 (二)百度一下理睬博客可进入本博。 (三)首页中部有理睬其它空间入点,朋友们可点相应的空间、博客进入。

网易考拉推荐

手把手教你制作简单动画图片  

2008-12-21 22:43:20|  分类: 【其它教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

本节采用Flash-v8.0软件、Photoshop CS2软件、Ulead GIF Animator V5.05 软件、3D软件进行动画制作,软件可到网上下载破解版。

因为FLASH做成GIF动画图片时,大面积的颜色暂变严重失真,所以在做动画前先做一张JPG上下暂变色图片,请按图解的1、2、3……:

手把手教你制作简单动画图片 - 理睬 - 理 睬

手把手教你制作简单动画图片 - 理睬 - 理 睬

如果是做成FLASH文件无需做这背景图片,由于上面二图片文字有点小,在这重说,也许从图上看很多操作,其实才几步就完成,我怕初玩者看不太明白,所以写得很详细。实际操作如下:

打开FLASH界面→顶部是各种操作导航栏、左边是工具箱、下边是属性及动作程序输入(没必要学动作程序输入太难学)、中间是制作动画工作区→先在“属性”点开“大小”宽"设为460、“高”设为249其它不管点“确定”→在工具箱中点“矩形工具”同时在“颜色”处关闭“笔”那颜色→在工作区随便画一方块→点击方块或第一帧(这时方块成粒状)→点击顶部导航栏“窗口”调出“混色器”会弹出在右边→先择“线性”→点下方左边色滑块的RGB色中输入#3130B0后点色滑块下面的空白格→点击右边色滑块的RGB色中输入#5A5DBD后点色滑块下面的空白格(这样工作区的方块就成了横向暂变色,如果你试用蓝色与黄色暂变很明显)→点“修改” →点“变形” →点“顺时针旋转90度”(方块转为上下暂变色)→点“文件”→点“发布设置”→钩选“JPEG”并双击其后边的“文件夹”→另存桌面输入“背景”点“确定”→点“发布”及“确定”完成了图片→关闭FLASH软件点“否”。

文字绕月旋转做法

《一》打开FLASH软件,设置版面及导入背景图片,按图解进行,并在35帧处插入帧手把手教你制作简单动画图片 - 理睬 - 理 睬。当这些操作完后与平时在办公软件打字一样,打一部分就保存,这做动画也一样,点“文件”选取“另存为”弹出界面选取保存到桌面输入”文字绕月”格式扩展名为 fla 文件。下次接着做时直接点开该文件就行。

手把手教你制作简单动画图片 - 理睬 - 理 睬

《二》从上面最后一步看以看出已转到了“元件”旋转文字制作,在这说明上面所讲的工作区叫“场景”,场景是用来编辑动画把做好元件调出到场景中进行编辑,实际做动画在“元件”中进行,下面讲做旋转字方法:

手把手教你制作简单动画图片 - 理睬 - 理 睬

1:第《一》的9步已转到元件动画制作,点导航栏“视图”调出网格→从上图看标“元件”横向最后处有放大“200%”手把手教你制作简单动画图片 - 理睬 - 理 睬方便看网格→并把图层1双击改输为“举”字→点工具“A”文字后下面“属性”会有打字各项选择、字体我用“楷体”字大小“32”颜色“红”

2:点一下网格任意处打上“举”字→同时按键盘上的ctrl+B打碎举字→在导航“窗口”调出“混色器”→选取“线性”→手把手教你制作简单动画图片 - 理睬 - 理 睬点击“颜色滑块”可在色版中点你要的色上下拖动右边手把手教你制作简单动画图片 - 理睬 - 理 睬小三角形便得到你要的色、左右滑块中间手把手教你制作简单动画图片 - 理睬 - 理 睬点击可增加多种色字、我只用左右双色“举”字左红右白→同时按键盘上的ctrl+G将打碎举字组合→点工具上的“缩放”工具“举”便像上图一样→用鼠标把字移到上图样位横纵网线的十字中间

3:在13帧处鼠右键点击插入“关健帧” →25帧处插入“关键帧”→点击前帧(即第1帧处)把“举字”缩小点→点前头帧(即第1帧)将“举”了拖到上图解右边位置(上图的前后我打错对换了)→这时点击文字可在“属性”那把“宽设为3”并把“高设为10”已缩得很小用鼠标很难移动→再点一下文字可用键盘上的上下左右移动键移动文了在一条线并按图中的位置→点最后帧(即25帧)拖到上图解左边位置同前帧操作一样。

4:鼠标点一下“工具”上的箭头→点前帧在“属性”显示如图解右边红框小图“补间为动画”、“缓动为-80(负80)”→点中间帧“补间为动画”、“缓动为79”→点最后帧“补间为动画”、“缓动为-79(负79)”→点 举字图层锁手把手教你制作简单动画图片 - 理睬 - 理 睬→点导航“控制”可试播放动画。

5:“举头望明朋”,“举”做好,在第图层下方有“块纸”手把手教你制作简单动画图片 - 理睬 - 理 睬状点那是新建图层2同样改为头字手把手教你制作简单动画图片 - 理睬 - 理 睬从第1帧算起在第4帧鼠标右键点击插入空白帧,用(3—4)的方法做,那么它的中间“关健帧”与最后“关健帧”比举字的同样往后4帧。同样梯形的方法做望、明、月共五层。当你做完“月”字时会发显最后帧是在37帧上,就是说我们要做的动画“场景”才设为35帧(就是说动画成图片是35张图片),而元件即多了二张。其实还有“低头思朋友”五个字,这五个都超出35帧以外,如果你做的字刚好35帧,做成动画图片后,会一半的旋转时间有字,而别一半时间没字,要使整个绕转都有字这就是技巧了,也就是说为什么要超出35帧?

6:接着做“低头思朋友”新建“低”字图层,从前面的“月”知得前帧是在第13帧、中间帧是在25帧、后帧在37帧,为了使前五个字与后五个字分开,“低”字的前帧从18帧处插入空白帧(比月字13算起后退6帧)、中间关健帧在30帧、后关健帧在42帧用(3—4)的方法做。头、思、月、友比“低”各退4帧做法一样。全部字做完成。

7:手把手教你制作简单动画图片 - 理睬 - 理 睬点月字图层,剪切多出35的帧,先双击中间关健帧如图 ,鼠标右点击“转为关健帧”手把手教你制作简单动画图片 - 理睬 - 理 睬按往 shift键点第36帧,再点37帧,鼠标点右键选剪切,在月字图层上方新建图层,双击新图层的第1帧并删除,在新图层第1帧插入空白帧,鼠标右键点新图层第1空白帧选“粘贴帧”,刚才月字被剪切的2就粘到了新层上,低、头、思、朋、友五个字超出35帧的同样操,就和解说图一样了。绕月字全部工作完成,点“控制”播放,效果很美。

《三》做月亮及星:

手把手教你制作简单动画图片 - 理睬 - 理 睬

8:导航“插入”新“元件”输入月亮选取“图形”,在第一层改为“月”,在工作区用“椭圆工具”画一个白色的圆,从导航“窗口”调出“混色器”选取放射状手把手教你制作简单动画图片 - 理睬 - 理 睬手把手教你制作简单动画图片 - 理睬 - 理 睬左及中滑块色为白色 ,右滑块为淡灰,在35帧处插入关健帧。 手把手教你制作简单动画图片 - 理睬 - 理 睬新建图层2,用手把手教你制作简单动画图片 - 理睬 - 理 睬“刷子工具”非常淡蓝色在月亮上画阴影如解说图样,并在“混色器”手把手教你制作简单动画图片 - 理睬 - 理 睬的调成适当的透明度,点击第帧按键盘的ctrl+G组合所有色块,在35帧处插入关键帧,在70帧处插入关键帧用(3—4—7)方法创建动画并剪切35帧外的帧,新建图层粘贴。不同的是点第1帧缩小色块移到左边月亮边,75帧缩小移到右→边月亮边,使月亮与旋转文字的转动方向相反。

9: “插入”新建星“元件”选取“图形→在第一帧用“矩形工具”画一白色小矩形→用“黑色箭头工具”将小矩形选取一半→“修改”中的“变形”→扭曲手把手教你制作简单动画图片 - 理睬 - 理 睬把右边上下角选点拉到中间→同样法做左边并用缩放工具压成小条→点做成的长凌形复制→在原第1帧粘贴→新粘的“修改”旋转90度并移到原来上面成十字→同样方法再粘贴成米字星→点第1帧进行复制帧→在5帧处插入关键帧并把星缩小→新建图层2及图层3粘上星星并将星用“混色器”分调成红、青→同样在5帧处插关键帧→分在1帧或5帧上缩小还可“间补动画”成旋转。

《四》场景编辑动画

请按下图操作,点击场景回到动画编辑,新建月亮、星星、旋转字图层,依次点每图层第1帧,点“窗口”调出“库”从库中拖出相应图层的“元件”动画到“场景”中,各种动画元件可任意缩放及旋转与移位如下图。

点“文件”选取“发布设置”打开设置面版,去掉其它发布方式的钩,只钩选GIF如下图设置各项参数,然后点“确定”,再点发布就行,得到了解说图下的动画图片,竹子和人在PS软件做容易。

手把手教你制作简单动画图片 - 理睬 - 理 睬

手把手教你制作简单动画图片 - 理睬 - 理 睬

用Ulead GIF Animator V5.05软件把GIF动画图转为PSD文件

手把手教你制作简单动画图片 - 理睬 - 理 睬

起动Photoshop CS2软件点文件选打开刚才转换保存PSD文件

手把手教你制作简单动画图片 - 理睬 - 理 睬

手把手教你制作简单动画图片 - 理睬 - 理 睬

手把手教你制作简单动画图片 - 理睬 - 理 睬

手把手教你制作简单动画图片 - 理睬 - 理 睬

手把手教你制作简单动画图片 - 理睬 - 理 睬

在上一张图解从导航栏的“窗口” 调了“Animation动画编辑器”后→在最后的的一张图解里动画编辑器是只有一 个图片即一帧(与FLASH一样每帧是一个图片)这时不要先创建其它帧→请按图 解先调整第一帧的时间为0.1→接着调整图层的眼睛关与闭→点开绕月“图层图 片1”眼睛、点开“群组图层包”的眼睛(特别注意的是在群组包中的所有图层 的眼睛要在关闭状态)、点开“图层竹”的眼睛、点开“图层人1”的眼睛、关 闭“图层人2”的眼睛→现在点击创建新动画帧共点击34次这样全动画35帧→开 始先制作“群组图层”里每个图层→点击动画编辑器的第二帧就点开“群组包” 中“图层2”的眼睛、点动画编辑器的三帧对应点开“群组包”中的“图层3”眼 睛如此依次对应点开至35这样绕月字动画完成→“图层竹”不用管当你在新创建 帧时35帧中全有“图层竹”→接着设置“图层人1”与“图层人2”动画→动画编 辑器的1至9帧及18至26帧不要动→从动画编辑器的10至17帧点开“图层2”的眼 睛、同时并点关闭“图层人1”的眼睛→再从动画编辑器的27至35帧点开“图层 人2”的眼睛、同时并点关闭“图层人1”的眼睛→全部动画编辑完成→套出动画 GIF点“文件”选取“存储为web所用格式”→弹出新界面点保存到桌面并输入名 称。工作全部完成就是日志开头的效果图片。

要提醒的是做动画不是一次做 好,要边做边保存,Photoshop CS2软件是另存为PSD文件格式,与FLASH不同的 是其能直接点另存文件打开,而Photoshop CS2软件是要先起动软件再用软件打 开PSD文件。

给“心瓶”的代码:

<TABLE  style="WIDTH: 620px; HEIGHT: 389px"  background=http://img242.photo.163.com/V8Qeau455pjET7g-ig-NMg==/1431581731551224269.jpg border=0>

<TBODY>

<TR>

<TD><embed allowScriptAccess="never"   style="WIDTH: 620px; HEIGHT: 389px" src="http://server5.aeeboo.com/dfwv7SDv6XSWk/265000/qxt19/631433.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed></TD></TR></TBODY></TABLE>


                                   更多精彩内容,点击理睬日志链接浏览! 

                    ●初学入门● ●博客技巧● ●图片制作● ●文字制作● ●文字素材●

                    ●图画素材● 精美时钟● ●边框分割● ●综合素材● ●综合图库●

                    ●日历天气● ●音画作品● ●视频教程● ●电脑技巧● ●制作教程●

                    ●酷播放器● 综合精品● ●八卦精品● ●名人博客● ●百科奇闻●

                    ●趣味制作● ●趣味图片● ●免费电影● ●游戏天地● ●在线服务●

                    ●搜索引擎● 好网站一● ●好网站二● ●全国报纸● ●软件下载●

          ●个人情感● 漂亮美眉● ●摩登时尚● ●写作范文● ●生活宝典●

          博友想提高人气吗?请点击右图进入:2008年12月8日 - 理睬 - 理 睬


               日志后面导航样本 - 理睬 - 理 睬

  评论这张
 
阅读(2389)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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