中国知青网-中国知青网络家园

 找回密码
 会员注册
搜索
热搜: 知青 活动
楼主: 魏绪增
打印 上一主题 下一主题

想学习动画制作的朋友请进来

[复制链接]

70

主题

1043

帖子

6385

积分

论坛元老

Rank: 8Rank: 8

积分
6385
201#
发表于 2016-7-18 10:25:23 | 只看该作者
魏老师:每次点开这个帖子时,所有的实例都在运行,声音同时在播放,听不清啊!
回复 支持 反对

使用道具 举报

2285

主题

8910

帖子

8万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
83644
202#
 楼主| 发表于 2016-7-19 05:15:02 | 只看该作者
要想学好 FLASH动画小品制作,首先必须要熟悉它的工作环境,然后再深入学习其他的功能和创作技巧。
下面是它的基本工作界面:

下面逐一解释工作界面里的各项功能:
菜单栏:这里面包括了FLASH的全部功能和命令,单击任意一项,都会弹出其相应的下拉菜单。例如单击“文本”菜单,将弹出其子菜单。
工具箱:又叫工具面板,它位于工作界面的左侧,绘图的所有工具都按照一定规律分布在工具箱中。
时间轴:它位于舞台的上方,它是制作FLASH动画的关键部分。时间轴在纵向上划分为图层,将图层在横向上划分为帧,并以此来控制FLASH动画的显示。图层最下面的图标可以对图层进行添加、删除、分类等操作。
舞台工作区:在默认情况下,舞台显示为一个白色的矩形。工作区就是在舞台周围呈灰色显示的区域,可以用来暂时存放对象,但是在测试动画时,只显示舞台(白矩形)里面的动画。
“属性”面板:它用于显示和修改所选对象的参数,它随着所选对象的不同而不同变换,当不选择任何对象时,“属性”面板中显示的是文档的属性。
面板组:在默认情况下,它一般停靠在工作界面的右侧,1.颜色/样本;2.“库”面板等。在“颜色/样本”面板里可以设置笔触、填充颜色及透明度;“库”面板用于存储和组织在FLASH中创建各种元件,还用于存储和组织导入的文件,包括位图、声音文件和视频剪辑等。
【还有一些其他面板,这里先不赘述。】
建议 :
【1】这前两步您准备好了,下面就可以先自学了,建议您先熟悉软件的界面、工具及操作方法,有什么具体问题可以发上来,咱们互相交流、探讨。如果不看书,也可以看看以后的《动画制作教程》视频,不过,这样学习比较慢,可能问题会很多,有的网上不是几句话就可以解决。
.
【2】下面结合看书,就可以上机做简单的操作和练习了。为了增加感性认识可以有选择的观看下面的FLASH动画制作教程视频1—15集,如果您学习进度快,可以下载别的有关视频,其实网上有很多制作实例的视频可供您选择。
【3】如果您有一定的绘画基础,可以先制作一个简单的“逐帧”动画,这样很快就可以直接在咱们的网站上发表。



回复 支持 反对

使用道具 举报

2285

主题

8910

帖子

8万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
83644
203#
 楼主| 发表于 2016-7-20 06:15:08 | 只看该作者

第二课、传统补间动画《滚动的球》
        (适用人群:同第一课)

       上一课的逐帧动画,由于关键帧用的很少,只用了3个,所以画面有跳跃的感觉,从而影响动画的流畅性。其实,表现运动的物体最好的方法是用传统补间动画,下面这一课,我们就用它制作滚动的球。
         传统补间动画,也叫动作补间动画,它分为运动补间动画和引导层动画,这里先讲运动补间动画。书上写的很专业不好懂,简而言之,运动补间动画是物体从一个状态到另一个状态,如位置、大小、角度等等,它只需要创建两个关键帧的内容,两个帧中间的所有动画都是由FLASH创建,因此其制作方法简单方便。

制作步骤:
      1、双击桌面上的FLASH软件快捷图标,单击“新建”栏目里的第二行,打开软件。

2、在右侧的“属性”面板,点“大小”后面的“编辑”,在弹出的“文档属性”面板设置:“尺寸”:宽550/高400,“背景颜色”:浅蓝,“帧频”:12fps,单击“确定”。

  3、在舞台上画出一个球体,方法按第一课做,然后用“选择工具”将球体拖到舞台外(灰色区域)的左下侧。

  4、在时间轴85帧上右键单击,在下拉的菜单里选择“插入关键帧”,然后用“选择工具”将球体拖移至舞台的右下边。
  5、在1—85帧之间的任意一帧右击鼠标,在下拉的菜单里选择“创建传统补间动画”。

  6、在“属性”面板,设置“旋转”为“顺时针”*2次。

  7、单击“菜单栏”上的“控制”/“测试影片”,查看制作的影片效果。
  8、导出、保存动画,方法按第一课。
第二课动画效果图


【解释:通过这一课的制作,使大家认识到由于传统补间动画,不需要手动绘制每个帧的内容,只要绘制两个帧的内容,而两个帧之间的所有动画都是由FLASH完成。因此,生成的动画效果过渡更自然连贯,而且制作方法简单,文件占用内存很少。】

老魏作品欣赏

[url=]回复[/url] [url=]引用[/url]
[url=]分享到:[/url][url=][/url][url=][/url][url=][/url][url=][/url]


[1楼]回复:魏绪增2012-08-31 22:11:15(111.192.161.193)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

也可以抽空儿看看下面的教程,对您会有一些帮助:
动画制作教程【2】



[2楼]回复:栀子yang662012-09-27 18:53:48(124.77.240.152)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]


魏老师:您好!又给您添麻烦了。提问:我的球体怎么做成这样啦?

老魏回复  很好哇!有新意。问题:在第4步,拖动球体向右移动时按住Shift键即可。



[3楼]回复:kaelyn2013-03-05 21:06:56(180.171.110.188)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[4楼]回复:魏绪增2013-03-11 05:01:57(123.121.105.191)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[5楼]回复:义霞2013-04-06 11:44:12(114.86.125.80)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

          魏老师您好!我把第二课做好了,请指教。我想问问:在FLASH软件里怎么画渐变色?(比如球的颜色)



[6楼]回复:琴楷欣2013-04-07 16:24:53(180.159.121.198)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

魏老师您好!学生交第二课作业,谢谢您发表通俗易懂的教程,让我受益匪浅。



[7楼]回复:魏绪增2013-04-10 05:17:00(123.121.119.164)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

引用:义霞 发表于 2013-04-06 11:44:12
          魏老师您好!我把第二课做好了,请指教。我想问问:在FLASH软件里怎么画渐变色?(比如球的颜色)

义老师,您的作业很棒。请您打开“颜色面板”,在“类型”下拉菜单上选择“线性”即可。(球的颜色是“放射状”)



[8楼]回复:魏绪增2013-04-10 05:21:31(123.121.119.164)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

引用:琴楷欣 发表于 2013-04-07 16:24:53
魏老师您好!学生交第二课作业,谢谢您发表通俗易懂的教程,让我受益匪浅。

琴老师的作业很好,建议小球用深一些的“放射状”填充颜色。



[9楼]回复:开心蓉蓉2013-04-17 12:46:07(114.61.52.215)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]


向老师交作业,谢谢老师!





[10楼]回复:魏绪增2013-04-18 04:15:49(123.121.123.85)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

老师的作业动画流畅,舒服,很好!



共21条,共 3 页 当前 1 页 1 2 3 下一页 >

回复
Re:第二课:传统补间动画《滚动的球》







回复 支持 反对

使用道具 举报

2285

主题

8910

帖子

8万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
83644
204#
 楼主| 发表于 2016-7-20 06:48:51 | 只看该作者

矩形工具的使用:   
回复 支持 反对

使用道具 举报

2285

主题

8910

帖子

8万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
83644
205#
 楼主| 发表于 2016-7-20 06:54:17 | 只看该作者
   第53课:FLASH制作中几个主要名词解释



回复 支持 反对

使用道具 举报

2285

主题

8910

帖子

8万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
83644
206#
 楼主| 发表于 2016-7-20 06:54:55 | 只看该作者
第54课:制作雪花飘飘动画


回复 支持 反对

使用道具 举报

2285

主题

8910

帖子

8万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
83644
207#
 楼主| 发表于 2016-7-20 06:56:20 | 只看该作者
第55课:制作循环播放风景画的方法

[url=]回复[/url] [url=]引用[/url]
[url=]分享到:[/url][url=][/url][url=][/url][url=][/url][url=][/url]


[1楼]回复:魏绪增2012-10-26 08:06:45(123.121.122.135)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[2楼]回复:魏绪增2012-10-26 08:07:08(123.121.122.135)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[3楼]回复:魏绪增2012-10-26 08:08:15(123.121.122.135)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[4楼]回复:魏绪增2012-10-26 08:10:29(123.121.122.135)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[5楼]回复:魏绪增2012-10-26 08:13:01(123.121.122.135)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[6楼]回复:魏绪增2012-10-26 08:14:18(123.121.122.135)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[7楼]回复:魏绪增2012-10-26 08:16:27(123.121.122.135)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]






回复 支持 反对

使用道具 举报

2285

主题

8910

帖子

8万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
83644
208#
 楼主| 发表于 2016-7-20 06:57:29 | 只看该作者
第56课:制作《夜色雨景》

阅读:577 回复:6 作者:魏绪增 发布时间:2012-10-28 09:06:42(123.121.102.27)

[url=]回复[/url]        [url=]沉底[/url]        [url=]加锁[/url]        [url=]精华[/url]        [url=]飘红[/url][url=]取消置顶[/url] 修改 [url=]删除[/url] [url=]举报[/url]



[url=]回复[/url] [url=]引用[/url]
[url=]分享到:[/url][url=][/url][url=][/url][url=][/url][url=][/url]


[1楼]回复:魏绪增2012-10-28 09:09:42(123.121.102.27)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[2楼]回复:魏绪增2012-10-28 09:13:54(123.121.102.27)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[3楼]回复:魏绪增2012-10-28 09:15:13(123.121.102.27)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]






回复 支持 反对

使用道具 举报

2285

主题

8910

帖子

8万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
83644
209#
 楼主| 发表于 2016-7-20 06:58:24 | 只看该作者

<p>
        <span style="color:#003399;font-size:24px;">请您点击下面的</span><img alt="" src="http://img4.oldkids.cn/upload/260793000/u260792614/2012/12/10/tgroup_20121210062727007850.jpg" /><span style="color:#003399;font-size:24px;">翻页看——</span>
</p>
<p>
        <object id="reader" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="630" align="middle" height="500">
                <param name="_cx" value="16668" /><param name="_cy" value="13229" /><param name="FlashVars" value="" /><param name="Movie" value="http://wenku.baidu.com/static/flash/apireader.swf?docurl=http://wenku.baidu.com/play&amp;docid=5f37136f25c52cc58bd6be54&amp;title=%E7%AC%AC8%E7%AB%A0%20%E8%BF%90%E5%8A%A8%E5%BC%95%E5%AF%BC%E5%B1%82%E5%8A%A8%E7%94%BB&amp;doctype=ppt&amp;fpn=5&amp;npn=5&amp;readertype=external&amp;catal=0&amp;cdnurl=http://txt.wenku.baidu.com/play" /><param name="Src" value="http://wenku.baidu.com/static/flash/apireader.swf?docurl=http://wenku.baidu.com/play&amp;docid=5f37136f25c52cc58bd6be54&amp;title=%E7%AC%AC8%E7%AB%A0%20%E8%BF%90%E5%8A%A8%E5%BC%95%E5%AF%BC%E5%B1%82%E5%8A%A8%E7%94%BB&amp;doctype=ppt&amp;fpn=5&amp;npn=5&amp;readertype=external&amp;catal=0&amp;cdnurl=http://txt.wenku.baidu.com/play" /><param name="WMode" value="Window" /><param name="Play" value="0" /><param name="Loop" value="-1" /><param name="Quality" value="High" /><param name="SAlign" value="LT" /><param name="Menu" value="0" /><param name="Base" value="" /><param name="AllowScriptAccess" value="always" /><param name="Scale" value="NoScale" /><param name="DeviceFont" value="0" /><param name="EmbedMovie" value="0" /><param name="BGColor" value="" /><param name="SWRemote" value="" /><param name="MovieData" value="" /><param name="SeamlessTabbing" value="1" /><param name="Profile" value="0" /><param name="ProfileAddress" value="" /><param name="ProfilePort" value="0" /><param name="AllowNetworking" value="all" /><param name="AllowFullScreen" value="true" /><param name="AllowFullScreenInteractive" value="" /><param name="IsDependent" value="0" />
<embed width="630" align="middle" height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="reader" src="http://wenku.baidu.com/static/flash/apireader.swf?docurl=http://wenku.baidu.com/play&docid=5f37136f25c52cc58bd6be54&title=%E7%AC%AC8%E7%AB%A0%20%E8%BF%90%E5%8A%A8%E5%BC%95%E5%AF%BC%E5%B1%82%E5%8A%A8%E7%94%BB&doctype=ppt&fpn=5&npn=5&readertype=external&catal=0&cdnurl=http://txt.wenku.baidu.com/play" wmode="window" allowscriptaccess="always" bgcolor="#FFFFFF" ver="9.0.0" allowfullscreen="true" />
        </object>
</p>
回复 支持 反对

使用道具 举报

2285

主题

8910

帖子

8万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
83644
210#
 楼主| 发表于 2016-7-20 07:00:38 | 只看该作者
第60课:让水面动起来  

      这个教程很简单也好学,希望对初步认识FLASH的动画爱好者有帮助,废话少说,下面我们开始制作 教程吧。
教程准备,准备一张带水的风景图片为例,其他没有什么需求
一,首先打开FLASH软件8.0,这个版本比较好用,设置文档属性为宽550 高400,也是软件默认的属性,背景颜色你可以改为自己喜欢的颜色,这个看由你自己选择,在制作时我比较喜欢用黑色,如图【1】
设置好文档属性后,我们点击确定,进入场景中来,
二 在场景第一帧点击下,在点击软件中的文件----导入 -----导入到舞台---,把刚才的你找好的风景图片导入进入点击确定,这个图片就自然到了场景中,首先图片大小要符合场景文档属性的默认要求,修改图片的大小尺寸,如果图片有网址,我们可以提前用PR软件处理掉,或者在FLASH软件场景中点击图片右键,分离,图片成麻点状后,用矩形选框工具把网址框起来删除,在下面的属性面板把小锁打开,设置为高400,图片自己形成等比例的大小,如图下【2】
设置好以后在,在时间轴的100帧右键插入帧,点击中间场景中的图片右键为图型元件,对齐面板,水平中齐,垂直中齐,在点击中间图片右键复制,锁上图层一,
三, 建立图层二,在时间轴左侧下面点击插入图层的小按钮添加一个图层二,双击图层区修改下名字为 “|水动”如图下【3】
添加好之后,在点击图层二水动的第一帧,在场景下面空白处鼠标右键选择粘贴到当前位置,这样刚才复制的图层一图片就覆盖在图层二上,点击图层二的图片右键分离,分离后把不是水的地方用橡皮擦工具擦掉,如看不清,先临时把图层一眼睛关闭掉,就是把图层一小锁前面的眼睛点击下 看擦好后的效果 如图下【4】 【5】

擦好之后把图层一的眼睛打开,这时候需要放大你场景的倍数,在软件的右边点击小三角放大到400%,【6】
这样放大后,在点击场景中的图层二水动部分的图片,找到键盘上的上下左右方向键,我们就用下键往下敲打两下,在用右键向右敲打两下,在时间轴的100帧处右键插入帧 在把场景改会100%
锁上图层二,建立图层三,遮罩层,我们用矩形或者刷子工具,在这里用矩形工具,在场景中先画一个矩形条为宽是700. 高是10的矩形,画好后在点击下黑箭头工具,把矩形拉个弓形,弄好后,在复制多个弓形,把图片完全的覆盖好,还要过图片的高度,如图效果【7】
做到这步后, 我们在图层三的时间轴100帧处,右键插入关键帧,在点100帧,把遮罩的矩形条上边和图片的上端对齐, 如图【8】
放好位置后,在点击下面属性旁边的补间小三角-------改为形状补间,【9】
在图层三处点击右键为遮罩层,就这样一个水波纹的动画就出炉了,其实在这里为了让大家学的快,这个图片应该树木和水都应该有轻微的动,树木动和水动的原理是一样的,简单吧,这个大家可以学习参考,
希望大家喜欢,祝你成功哦。
效果图【本图不是本课图片】



[url=]回复[/url] [url=]引用[/url]
[url=]分享到:[/url][url=][/url][url=][/url][url=][/url][url=][/url]


[1楼]回复:魏绪增2013-02-22 04:25:18(123.121.121.216)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[2楼]回复:幽香2013-06-22 16:47:34(60.55.11.63)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[3楼]回复:魏绪增2013-06-24 09:42:43(123.121.133.253)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

幽香老师的作品很棒!海水鱼吐泡泡动画生动、漂亮,为本课作业添彩啦!
建议您试试将水面遮罩画成曲线面,水动效果会不一样。




[4楼]回复:幽香2013-06-24 13:30:19(60.55.11.76)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

非常感谢魏老师对我两课作业的指导和鼓励!我知道该怎样做了,再继续努力!



[5楼]回复:zhm02032013-07-06 16:23:57(218.81.99.150)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]




[6楼]回复:魏绪增2013-07-07 05:55:50(123.121.123.42)
[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]





共6条,共 1 页 当前 1 页 1

回复
Re:第60课:让水面动起来


回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

技术支持:信动互联(北京)科技有限公司|中国知青网-中国知青网络家园 ( 京ICP备12025178号 京公网安备11010802025847号 )

GMT+8, 2024-6-3 21:43 , Processed in 0.235013 second(s), 20 queries .

快速回复 返回顶部 返回列表