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的一些心得体会: