多媒体实训报告(flash网页和ps)

Ivwitxsc

Flash

1.设计任务与要求 网页制作

1.1设计任务

Flash网页的制作与开发

做这个网页主要是为了宣传一下,森林的作用,同时让人们理解到,森林的重要性,

呼吁人们保护森林,保护地球,创造我们自己美好的家园。

首先整个网页就用全flash实现,达到互动性强,声形并茂,有较强的动态的视觉

特效,而且运用橘黄色的色调,使观众有舒适感,和温暖的感觉,所以整个网页和flash

舞台都是橘黄色。首先进入画面就用一个动态的动画进入,而且动画内容要直接突出主

题,所以我就用一个文本 fores. 然后转换为元件,接着就用补帧动画 将该元件拖

入舞台。首页制作完了,接着就是介绍界面了,为了突出主题, forest. 这个元件

不能删去,但是如果不改变效果,有点雷同首页,有失动态效果,所以我就用动态旋转,同时将元件放大,使主题更突出。然后就是第三个界面,那就是图片展示了,导航就用

图片本身了,所以,导航里面的图片都放小,并且将之制作成按钮元件。 1.2主要任务 1)设计网页的flash动画 2)设计网页导航及网页链接 1.3设计思想。

2.详细制作过程

2.1.素材导入,点击文件—导入—库命令弹出导入对话框。按住ctrl键多选。如图

1

图1

然后将所有图片转换成元件,选择影片剪辑; 并命名为p1,p2.,p3,p4,p5,p6.如图

2

图2

2.2 按钮制作。点击窗口—变形 弹出变形对话框。并将它们变为长宽20% 如图3

图3

做完后,再将图片转换成按钮元件,并双击。建立三个图层。图层1为我、背景图层,一直延续,所以在按下的位置插入关键帧,再图层2的指针过去时,画上黄色框,再按下的时候画上黄色框,且都为关键帧。在图层3上,按下的时候要有声音反应,插入按钮声音,其他图片也制作成为按钮。图片按钮就做完了。如图4

图4

2.3音乐插入。新建图层5,并在图层5上插入音乐,一直到最后帧为关键帧。在开始帧的

属性上,点击声音—名称,选择你要插入的音乐就行了。如图5

图5

2.4. 建立两个图层。图层6上设置为背景2的图层,一直延续在最后,而且放入以上做的图

片按钮,并摆在图层上面,而图层7则设置为题目,用文本写上题目,并延续在最后。如图

6

图6

2.5放映图片。在以上基础上再次建立一个图层,用来显示放大图片,每个图片放入10帧的延续帧,并且要调整为形同大小和位置,如图7。

图7

2.6脚本。 在每个图片按钮上加入脚本“on (release) {gotoAndPlay(370);

stop();}”按F9 可进入脚本编辑,370 是图层7上对应的播放图片的位置,其他的按钮以此类推。如图

8

图8

2.7修改一下舞台背景,将之转换为橘黄色,而且改变一下图片按钮位置,如图9.

图9

2. 8 首页制作。制作动态的元件。先建立文本,然后反击鼠标,将之转化为元件。圆点和

英文分别转换为元件。如图

10

图10

2.9制作完元件后,然后将元件都拖到起始位置,而在起始位置都插入关键帧,做完后就制

作补间动画,动态效果就完成了如图11

图11

2.10然后就是制作球滚动的效果,而且 forest 元件不能没,座椅要新建图层,作为延

续帧一直延续到之后,球滚动也要用到补间动画,方法同上球滚动过程中有另外一个球,然后就发生碰撞,而被撞球就开始滚动 ,撞的球速度减慢,而速度就通过 同段距离 不同帧(即帧的多少实现时间)来实现速度的快慢。如图12,图

13.

图12

图13

2.11 新建图层。 球的终点就以一个黑洞吞噬来完成效果,而黑洞效果就需要用到椭圆工具,

画出椭圆,并用黑色填充,笔触色为无。然后就是用缩放工具,放大和缩小椭圆,开始帧为最小,结束帧为最大(适合的大小即可),然后起始帧都设为关键帧,而且要将椭圆反击鼠标,点击分离,接着就建立形状补间。同时再接着做一个黑洞的关闭效果,关闭黑洞。如图

14.

图14

2.12 在黑洞层上,在接着复制出黑洞,开始为最大,最后为最小,将黑洞移动到英文右边,

再建立形状补间即可,而球就在这里做出弹出效果,在球的图层上做一个引导层,在引导层上,用画笔工具画出出路径,即弹出的路径,同时引导层和球层的起始位置一一对应,而球元件的中心点要对着路径的起始位置。如图15

图15

2.13介绍页面的制作.。由于要制作英文放大的效果,在这里就用比较笨拙的办法,每个关

键帧都旋转一个角度 同时放大一点,一直旋转180度就可以了如图

16

图16

2.14.球的出场,这里就将球缩小,再放大来实现球的出现,就需要用到形状补间,将球放大,

由于球有大小,用引导层的话,球在英文里边的滚动就不是很切合,所以,我用比较笨拙的办法,每帧都编辑,每一帧都加点距离,来大到形状补间,如图17。

图17

2.15 球出场完后就是介绍文字的出场了,建立新图层,在打开文本工具,把需要的文本说

明都复制在文本框里,再把文本转换为元件,它的出场方式就重下到上的方式来实现,所以这里有药用到补间动画,如图18。

图18

2.16,三个flash动画都做完后,由于网页在调用的时候,flash舞台会有冲突,就是同时

几个flash都在播放,所以我就把其他的flash复制在一个flash里面,然后通过按钮来实现播放的顺序。在复制 的时候各个元件的名字要改动,不然复制的时候元件同名的会被替换。

而在按钮元件里面的代码是 on (release) {gotoAndPlay(197); }而在每个flash的末尾要加入stop();命令 使该flash停止运行,如图19,图

20.

图19

图20

2.17.在桌面新建一个记事本然后在文本里面输入html 代码。如图21.

//将网页背景设置为橘黄色

置舞台的大小

width="1000" height="900" >

图21

2.18写完代码后将记事本的后缀名的txt 改成 html 即可,这样就可以做出一个网站了,最终效果如图22,图23,图24

所示。

图22

图23

图24

海报的设计与制作

1.设计任务与要求

1.1设计任务

宣传海报的设计与制作

1.2主要任务

(1)利用ps的工具,滤镜,调整图像的色彩,蒙版,路径,通道等方法 (2)视觉有相当的号召力与艺术感染力,强烈的视觉效果;

(3)主题明确,内容积极向上

2.详细设计

2.1打开原图素材,再打开下图所示的纹理背景,把纹理图层拖进来。如图25,图

26

图25

图26 将图片拖入photoshop中,如图

27.

图27

2.2选择菜单:编辑 > 变形 > 自由变形,使裂纹的位置合适如下图所示。用橡皮工具擦掉多出的部分。如图28.

图28

2.3再拖入素材旋转变形,效果如下图。调整两层的透明度,然后把这两个纹理图层合并,图层混合模式改为“正片叠底”。如图

29.

如图30

2.4用橡皮工具擦出眼睛,创建曝光度调整图层来加深裂纹。如图31.

图31

2.4按Ctrl点击图层1

调出选择,新建一个图层填充颜色:#331e01。

填充后不要取消选区,先把图层混合模式改为“颜色”,然后创建爱你色相/饱和度调整图层,参数设置如下图。如图32

图32

2.5创建亮度/对比度调整图层,适当加强一下对比度,完成最终效果。如图33,图34,图

35

33

34

图35

3.心得体会

在大学以前,flash和photoshop对我来说是一个新奇的东西,每次在网上和电视里看到别人做出来的炫目多彩的flash作品和ps修改过的完美图片,既羡慕又崇拜。早就想自己做一个了,但是始终未能付出行动,因为手边没有教材,也没人指导,再加上自己又有点懒惰。长久以来,这只能是一个设想,想着哪一天,亲手做一个贺卡送给朋友,或者是把自己的一些感想,化作一幅幅很美的画面。也在朋友们面前炫耀一下。

终于有了这样一个机会,能够认真的去学习这长久以来一直向往的flash和ps,有老师的指导,还有同学们的相互学习经验。这学期我有幸去参加flash的培训班,下面是我在这次flash学习中的一些切身感受:

首先,创意是制作一个flash的第一步,也可以说是最重要的一步。一个好的作品是要有好的创意,要求新或者是在平淡中找到吸引人的地方。这是最难也可以说是最简单的一步,因为有时苦苦地思索,却很难找到一个好的创意;有时候,无意之中,却有一些好的创意一闪而过,得来全不费工夫。

其次,就应该是构思,也就是在大脑中想象怎样组织画面,每个画面该有些什么内容,这些画面又该如何衔接起来,形成一个整体。这一部份很重要,如同写作文,拿到一个题目,应该先想好整篇文章的梗概,否则就不知道何从下手。

最后,就是制作了。我学得,最主要的是多练,光看书,到了真正用的时候,还是笨手笨脚的。只有经过实践,才能有好的技术。说是这样,可是我也没有练很多,我的这个作品,也可是说是用来练手的吧,技术不够熟练,所以做的挺粗糙的,很多细节都没有做好。虽然技术是我现在制作flash的最大难点,但我还是认为,这并不是最重要的一步,创意和构思才是最重要的,是一个flash制作的灵魂。 下面我在对比PPT谈一下FLASH的优缺点:

1、用PPT制作的课件,简单便于操作且整合能力较好,但一些特殊效果无法制作;用FLASH制作的课件文字效果和动画效果多,但制作时所花费的时间长,这一点就要求我们在利用FLASH制作课件时,要有充分的时间。

2、用FLASH制作课件时,所需的特殊效果,有时用到“脚本”,有些“脚本”是通用的,可以直接套用,但有些就需自己手动编写,“脚本”的内容越多就越容易出错,编写时要不断调试;用PPT可以将FLASH以对象的形式添加到课件中,省去了制作FLASH的时间,但适合内容的FLASH极少。

现在让我谈谈学习ps的一些心得体会:

Ivwitxsc

Flash

1.设计任务与要求 网页制作

1.1设计任务

Flash网页的制作与开发

做这个网页主要是为了宣传一下,森林的作用,同时让人们理解到,森林的重要性,

呼吁人们保护森林,保护地球,创造我们自己美好的家园。

首先整个网页就用全flash实现,达到互动性强,声形并茂,有较强的动态的视觉

特效,而且运用橘黄色的色调,使观众有舒适感,和温暖的感觉,所以整个网页和flash

舞台都是橘黄色。首先进入画面就用一个动态的动画进入,而且动画内容要直接突出主

题,所以我就用一个文本 fores. 然后转换为元件,接着就用补帧动画 将该元件拖

入舞台。首页制作完了,接着就是介绍界面了,为了突出主题, forest. 这个元件

不能删去,但是如果不改变效果,有点雷同首页,有失动态效果,所以我就用动态旋转,同时将元件放大,使主题更突出。然后就是第三个界面,那就是图片展示了,导航就用

图片本身了,所以,导航里面的图片都放小,并且将之制作成按钮元件。 1.2主要任务 1)设计网页的flash动画 2)设计网页导航及网页链接 1.3设计思想。

2.详细制作过程

2.1.素材导入,点击文件—导入—库命令弹出导入对话框。按住ctrl键多选。如图

1

图1

然后将所有图片转换成元件,选择影片剪辑; 并命名为p1,p2.,p3,p4,p5,p6.如图

2

图2

2.2 按钮制作。点击窗口—变形 弹出变形对话框。并将它们变为长宽20% 如图3

图3

做完后,再将图片转换成按钮元件,并双击。建立三个图层。图层1为我、背景图层,一直延续,所以在按下的位置插入关键帧,再图层2的指针过去时,画上黄色框,再按下的时候画上黄色框,且都为关键帧。在图层3上,按下的时候要有声音反应,插入按钮声音,其他图片也制作成为按钮。图片按钮就做完了。如图4

图4

2.3音乐插入。新建图层5,并在图层5上插入音乐,一直到最后帧为关键帧。在开始帧的

属性上,点击声音—名称,选择你要插入的音乐就行了。如图5

图5

2.4. 建立两个图层。图层6上设置为背景2的图层,一直延续在最后,而且放入以上做的图

片按钮,并摆在图层上面,而图层7则设置为题目,用文本写上题目,并延续在最后。如图

6

图6

2.5放映图片。在以上基础上再次建立一个图层,用来显示放大图片,每个图片放入10帧的延续帧,并且要调整为形同大小和位置,如图7。

图7

2.6脚本。 在每个图片按钮上加入脚本“on (release) {gotoAndPlay(370);

stop();}”按F9 可进入脚本编辑,370 是图层7上对应的播放图片的位置,其他的按钮以此类推。如图

8

图8

2.7修改一下舞台背景,将之转换为橘黄色,而且改变一下图片按钮位置,如图9.

图9

2. 8 首页制作。制作动态的元件。先建立文本,然后反击鼠标,将之转化为元件。圆点和

英文分别转换为元件。如图

10

图10

2.9制作完元件后,然后将元件都拖到起始位置,而在起始位置都插入关键帧,做完后就制

作补间动画,动态效果就完成了如图11

图11

2.10然后就是制作球滚动的效果,而且 forest 元件不能没,座椅要新建图层,作为延

续帧一直延续到之后,球滚动也要用到补间动画,方法同上球滚动过程中有另外一个球,然后就发生碰撞,而被撞球就开始滚动 ,撞的球速度减慢,而速度就通过 同段距离 不同帧(即帧的多少实现时间)来实现速度的快慢。如图12,图

13.

图12

图13

2.11 新建图层。 球的终点就以一个黑洞吞噬来完成效果,而黑洞效果就需要用到椭圆工具,

画出椭圆,并用黑色填充,笔触色为无。然后就是用缩放工具,放大和缩小椭圆,开始帧为最小,结束帧为最大(适合的大小即可),然后起始帧都设为关键帧,而且要将椭圆反击鼠标,点击分离,接着就建立形状补间。同时再接着做一个黑洞的关闭效果,关闭黑洞。如图

14.

图14

2.12 在黑洞层上,在接着复制出黑洞,开始为最大,最后为最小,将黑洞移动到英文右边,

再建立形状补间即可,而球就在这里做出弹出效果,在球的图层上做一个引导层,在引导层上,用画笔工具画出出路径,即弹出的路径,同时引导层和球层的起始位置一一对应,而球元件的中心点要对着路径的起始位置。如图15

图15

2.13介绍页面的制作.。由于要制作英文放大的效果,在这里就用比较笨拙的办法,每个关

键帧都旋转一个角度 同时放大一点,一直旋转180度就可以了如图

16

图16

2.14.球的出场,这里就将球缩小,再放大来实现球的出现,就需要用到形状补间,将球放大,

由于球有大小,用引导层的话,球在英文里边的滚动就不是很切合,所以,我用比较笨拙的办法,每帧都编辑,每一帧都加点距离,来大到形状补间,如图17。

图17

2.15 球出场完后就是介绍文字的出场了,建立新图层,在打开文本工具,把需要的文本说

明都复制在文本框里,再把文本转换为元件,它的出场方式就重下到上的方式来实现,所以这里有药用到补间动画,如图18。

图18

2.16,三个flash动画都做完后,由于网页在调用的时候,flash舞台会有冲突,就是同时

几个flash都在播放,所以我就把其他的flash复制在一个flash里面,然后通过按钮来实现播放的顺序。在复制 的时候各个元件的名字要改动,不然复制的时候元件同名的会被替换。

而在按钮元件里面的代码是 on (release) {gotoAndPlay(197); }而在每个flash的末尾要加入stop();命令 使该flash停止运行,如图19,图

20.

图19

图20

2.17.在桌面新建一个记事本然后在文本里面输入html 代码。如图21.

//将网页背景设置为橘黄色

置舞台的大小

width="1000" height="900" >

图21

2.18写完代码后将记事本的后缀名的txt 改成 html 即可,这样就可以做出一个网站了,最终效果如图22,图23,图24

所示。

图22

图23

图24

海报的设计与制作

1.设计任务与要求

1.1设计任务

宣传海报的设计与制作

1.2主要任务

(1)利用ps的工具,滤镜,调整图像的色彩,蒙版,路径,通道等方法 (2)视觉有相当的号召力与艺术感染力,强烈的视觉效果;

(3)主题明确,内容积极向上

2.详细设计

2.1打开原图素材,再打开下图所示的纹理背景,把纹理图层拖进来。如图25,图

26

图25

图26 将图片拖入photoshop中,如图

27.

图27

2.2选择菜单:编辑 > 变形 > 自由变形,使裂纹的位置合适如下图所示。用橡皮工具擦掉多出的部分。如图28.

图28

2.3再拖入素材旋转变形,效果如下图。调整两层的透明度,然后把这两个纹理图层合并,图层混合模式改为“正片叠底”。如图

29.

如图30

2.4用橡皮工具擦出眼睛,创建曝光度调整图层来加深裂纹。如图31.

图31

2.4按Ctrl点击图层1

调出选择,新建一个图层填充颜色:#331e01。

填充后不要取消选区,先把图层混合模式改为“颜色”,然后创建爱你色相/饱和度调整图层,参数设置如下图。如图32

图32

2.5创建亮度/对比度调整图层,适当加强一下对比度,完成最终效果。如图33,图34,图

35

33

34

图35

3.心得体会

在大学以前,flash和photoshop对我来说是一个新奇的东西,每次在网上和电视里看到别人做出来的炫目多彩的flash作品和ps修改过的完美图片,既羡慕又崇拜。早就想自己做一个了,但是始终未能付出行动,因为手边没有教材,也没人指导,再加上自己又有点懒惰。长久以来,这只能是一个设想,想着哪一天,亲手做一个贺卡送给朋友,或者是把自己的一些感想,化作一幅幅很美的画面。也在朋友们面前炫耀一下。

终于有了这样一个机会,能够认真的去学习这长久以来一直向往的flash和ps,有老师的指导,还有同学们的相互学习经验。这学期我有幸去参加flash的培训班,下面是我在这次flash学习中的一些切身感受:

首先,创意是制作一个flash的第一步,也可以说是最重要的一步。一个好的作品是要有好的创意,要求新或者是在平淡中找到吸引人的地方。这是最难也可以说是最简单的一步,因为有时苦苦地思索,却很难找到一个好的创意;有时候,无意之中,却有一些好的创意一闪而过,得来全不费工夫。

其次,就应该是构思,也就是在大脑中想象怎样组织画面,每个画面该有些什么内容,这些画面又该如何衔接起来,形成一个整体。这一部份很重要,如同写作文,拿到一个题目,应该先想好整篇文章的梗概,否则就不知道何从下手。

最后,就是制作了。我学得,最主要的是多练,光看书,到了真正用的时候,还是笨手笨脚的。只有经过实践,才能有好的技术。说是这样,可是我也没有练很多,我的这个作品,也可是说是用来练手的吧,技术不够熟练,所以做的挺粗糙的,很多细节都没有做好。虽然技术是我现在制作flash的最大难点,但我还是认为,这并不是最重要的一步,创意和构思才是最重要的,是一个flash制作的灵魂。 下面我在对比PPT谈一下FLASH的优缺点:

1、用PPT制作的课件,简单便于操作且整合能力较好,但一些特殊效果无法制作;用FLASH制作的课件文字效果和动画效果多,但制作时所花费的时间长,这一点就要求我们在利用FLASH制作课件时,要有充分的时间。

2、用FLASH制作课件时,所需的特殊效果,有时用到“脚本”,有些“脚本”是通用的,可以直接套用,但有些就需自己手动编写,“脚本”的内容越多就越容易出错,编写时要不断调试;用PPT可以将FLASH以对象的形式添加到课件中,省去了制作FLASH的时间,但适合内容的FLASH极少。

现在让我谈谈学习ps的一些心得体会:


相关内容

  • ps实训心得体会
  • 在这个学期的期末我们进行了ps实训,2周的时间里,我们网页编辑方向的计算机专业毕业生进行了photoshop cs4的实战练习。运用ps工具对图形进行精确选取,设计简单的图形,处理问题照片,制作各种字样(如冰雪字,火焰字),图层、通道和滤镜的运用,3D图像的编辑,文字工具组的介绍,文字的创建、调整、 ...

  • 大学生应该学习的软件
  • 你是否为大学生活不知道该做什么在苦恼? 你是否已经感知到大学专业学习知识的匮乏? 你是否自己也想多学习或者接触些新的行业软件? . 1.About互动媒体行业分析(平面媒体.网络媒体.商业插画.FLASH高级设计.数字摄影) 2.About建筑设计行业分析(建筑表现与动画.建筑表现.室内设计) 3. ...

  • 动态网页设计实训报告
  • 实训报告 一.实训目的 1. 进一步熟悉和掌握网站建设的基本流程和技术规范: 2. 巩固运用Dreamweaver网页制作软件制作网页: 3. 巩固运用Photoshop图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识: 4. 巩固综合运用Dreamweaver.Pho ...

  • 世界大学城空间建设
  • 空间美化概述 (一).添加页面背景 1. 不显示左上角"世界大学城"图标,但鼠标指向时仍可链接 这个图标在左上角,如果设置了背景(不是白色)或背景图片,则这个图片有点碍眼.以下代码可以不显示这个图片,但鼠标指向它的时候,仍会变成手,单击它可以链接到"世界大学城" ...

  • 网页设计学习
  • 网页设计学习 互联网的发展不仅带动了中国经济的发展更是随之发展了一系列新兴行业,网页设计就是其中之一. 随着网页设计行业的飞速发展,越来越多的人开始注意这一行并且投身这一行,很多未现则这一行但是又想进来的人常常会有这样的疑问:网页设计学习 什么呢?该怎么学呢?等等一系列的疑问,本篇文章就来为大家详细 ...

  • 计算机应用大赛方案
  • 玉林师范学院第十三届大学生科技文化艺术节之 计算机应用大赛 一.大赛宗旨 为认真贯彻党的十八大报告中全面实施素质教育的精神,培育校园文化精品,培养大学生的科学艺术情操.积极响应2015两会报告中提出"以科技创新为核心,实现科技现代化"的号召, 将科技创新精神融入大学各个专业当中去 ...

  • 个人网站策划书
  • 泸 州 职 业 技 术 学 院 个人网站策划书 学生姓名 所 在 系 班 级 专 业 指导教师 赵思倩 商 学 院 2012级 电 子 商 务 唐 金 华 2014年1月 目录 一.背景介绍 . .................................................... ...

  • 2014年国培心得体会2篇
  • 国培心得体会1 第二周结束了,回顾这一周的学习,原来孤陋寡闻的我也算开了眼界了. 在开课之前,看到课程的名称是<网页设计与制作>,自己的理解是会利用网页制作软件frontpage或者dreamweaver来制作,会牵涉到源代码的事情,本以为自己对这一部分掌握应该还可以,学习起来会比较轻松 ...

  • 网页设计课程设计论文
  • 课程设计 题 目: 我的家乡锡林浩特网页设计 学生姓名: 学 院: 国际工商学院 系 别: 电子商务系 专 业: 电子商务 班 级: 二班 指导教师: 2013 年 7 月 9 日 摘要 利用dreamweaver制作一个网页,主要介绍我的家乡--锡林浩特的地理风貌,人文历史,经济发展以及旅游景点等 ...