论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

《心心相印》PS Flash制作贺卡

文章类别:Flash | 发表日期:2008-9-21 20:06:04

  贺卡制作分三部分,首先在PhotoShop里加工素材,然后导入Flash进行动态编辑,最后合成音频。素材嘛,是肯定得预备的了:就是你MM的照片,这个非常重要,无论怎样你都得弄到。我们先来看下面的范例。(图1)
按此在新窗口浏览图片



首先声明,本人目前还没MM,范例中是我从图库中找的,请读者朋友切勿来信索要她的E-mail 地址或QQ号码! :)其实我也不知道,要知道就好了。(幻想状~~), 有了照片以后我们就开始做了。

图形部分
  一、扫描图片

  假如照片不是电子版还需要先扫描到电脑里面才行,将照片放到扫描仪里,运行PhotoShop ,选择File 菜单下的Import (导入)子项下的扫描,名称与安装的扫描仪型号不同而略有不同,这时候弹出扫描对话框,点击预览按扭,随着一阵机器声,MM照片已经出现在预览窗口里了,这时候你用光标拖动预览窗里的选取线至合适位置,并设置扫描参数。设置好后按扫描按扭,这个过程会比较慢,时间长短视图片大小和扫描精度。

  二、照片处理

  照片扫好后自动传入 PhotoShop , 保存起来备用。现在开始我们第一部分的制作。

  1、在 PhotoShop 的File 菜单下选择 New 命令,建立一个新文档,设置大小为 800*600,完成后按 ok. 进入工作区。

  2、选择 File 菜单下的 Open (打开)命令将我们刚才保存的 MM 照片打开,按 Ctrl+A 全选,然后按 Ctrl+C 拷贝,照片被保存在剪切板里,切换至新建的文挡按Ctrl+V 粘贴,将刚才拷贝的图片粘贴到画布里。这时图层面板会增加一个照片层,名称为Layer 1 .(层1)假如工作区未出现 Layer(层)面板,请选择 Windows 菜单下的 Show Layers(显示层)。现在我们需要将MM照片层复制一下,因为一副要用来做背景。点击层面板中的照片层,使之处于蓝色高亮选中状态。点右键在弹出的菜单中选择Duplicate Layer(复制层) 命令。这时Layer 1 被复制并命名为 Layer 1 copy(层复件1)。如(图2)


按此在新窗口浏览图片

图2 复制图层

  假如你想要给图层命名,可以选择右键菜单里的 Layer Properties (层属性)项,PhotoShop图层名称支持显示中文。
  3、现在,我们点击Layers(层)面板中层 Layer 1 copy (层复件1)右边的研眼睛图标将其隐藏备用。然后选种 Layer 1 (层1),选择 Edit (编辑)菜单下 Transform (变形)子项下的 Scale(缩放) 命令调整照片尺寸。如 (图3)

按此在新窗口浏览图片

这时照片四面出现八个小方块,当光标移动到任意的小方块时光标会变成双箭头外形,你可以拖动它来改变大小。大小为占满 800*600 的画布就成,假如担心产生比例错误可按住 Shift 键进行拖动,这时图片按照比例缩放。调整好后在照片上双击鼠标或按回车键。

  现在大小已经调整好了,我们需要把它处理的象范例中的背景一样,选择Lyers(层) 面板的下拉菜单中的Luminosity (发光度)项,如(图4)

按此在新窗口浏览图片

选择好以后工作区MM图片应该变成黑白色,由于要处理成背景水印,所以我们将Layers(层) 面板的 Opacity (透明度)数值由100%改为20%,这时背景的制作就完成了。哦,我差点忘记,要将这幅图片保存一下,比如起名为 love.psd ,不然假如万一系统崩溃工作就白费了,所以我们要养成经常存盘的好习惯。:)


  添加效果
  三、添加效果

  现在我们将Layers(层)面板中隐藏的层显示出来,方法是点一下眼睛图标。可以看到,范例中彩色的照片被处理为一个带圆角的矩形,包一层黑边并且加了适当的阴影,这些就要利用到一些选择技巧拉。我们开始。

  1、点选彩色图片层使之处于当前层,选择 Edit (编辑)菜单下 Transform (变形)子项下的 Scale (缩放)命令调整彩色图片大小至类似范例中比例,调整好后双击或按回车。然后选择工具栏的按此在新窗口浏览图片  移动工具将彩色照片移动到合适位置,这时候点击Layers(层)面板底部的 按此在新窗口浏览图片  建立新层按扭创建一个新层,当前层自动切换至新创建的层上。

  2、选择工具栏的 按此在新窗口浏览图片  矩形选取工具在彩色照片上拖出一个选取框。然后选择Select菜单下的 Modify(修改)子项下的 Smooth (平滑)命令,这时弹出平滑数值设置窗口,我们填入数值10后按确定,你可以看到,工作区的矩形选取窗口的四个直角已经变的圆滑了。刚才填入的数字就是圆滑大小,以象素为单位,数值越大圆角越大。确认无误后选择工具栏的油漆桶工具将矩形选取范围填充为黑色。黑色填充部分处于新层中,不会与彩色照片层混合,这也是刚才建立新层的原因。填充范围已经出来了,我们要将中间多余的部分去掉只留下一个黑边。

  3、再次选择 Select 菜单,选择Modify(修改) 子项下的Contract (缩进),在弹出的对话框中输入数字6,完成后按确定.现在,屏幕上的选取范围已经缩小了6个象素,按下键盘的 Delete (删除)键,中间部分被删除了,现在只留下了带圆角的矩形黑边。这部分工作已经完成了,但是彩色照片部分还是原始状态,我们还要将多余的部分删除。

  4、选择 Select 菜单下的 Inverse (反向选择)命令,这时画面选取区域反转,然后点击Layers (层)面板的彩色照片层使之处于当前层,再次按下键盘的 Delete(删除) 键,多余的部分被删除了,现在只留下了需要的部分。
  这整个选取,填充,修改,删除过程是一气呵成,朋友们自己可多做几次,思考其中选取范围,反象选取范围之间的关系。我们用下面的图片来演示其过程。(图5)


按此在新窗口浏览图片

恭喜,大体的造型已经出来了,我们现在来做阴影的部分,设置彩色照片层为当前层,选择Layer(层)菜单下 Layer Style(层风格) 子项下的 Drop Shadow(阴影) 命令,弹出阴影设置窗口,我们按照下图进行设置。(图6)
按此在新窗口浏览图片

阴影参考图中阴影部分,尽量淡,完成后按确定。现在你可以存一下盘,然后倒杯水休息一下。
使用滤镜
  四、使用滤镜

  OK!休息结束,我们将后面的工作完成。选择工具栏的文字工具,输入Saint Valentine''s Day 这几个字,选择Zurich Ex Bt字体,大小为 30 ,假如你的系统没有这种字体可选择一款接近的。然后再次选择文字工具输入 for My Dear ,字体为Arial Black,大小40,并调整与范例中相同的位置。

  当然,我们还要输入全世界最俗也是最雅的文字 LOVE YOU 。在范例中,文字的位置在彩色照片的底部分。如 (图7)
按此在新窗口浏览图片

从图中可以看到,文字设置了Alpha透明的同时四周还环绕了许多星星亮点,这样可衬托出一些浪漫氛围。

  1、我们开始,选择文字工具输入 LOVE YOU,设置好字体及大小移动至范例中的位置。文字颜色设置为白色,然后将 Layer (层)面板的Opacity (透明度)数值设置为50%,产生半透明效果。这些工作相信对聪明的你来说都是小菜一碟,完成之后我们就要做最后的工作------添加星星亮点了。

  这里我们会用到一个 PhotoShop 外挂滤镜,所谓滤镜,就是由第三方厂商出品的用来增强PhotoShop功能的一个软件,必须安装在PhotoShop上才能运行,一般都集成了一些非凡效果,可以将平时需要很多步骤完成的效果一次性完成。这次我们要用的这款滤镜是 Alien 出品的 Eye Candy 4000 , 版本4.0 , Eye Candy 是一款很有名的PhotoShop 插件,在3.0的时候就被很多设计师青睐,这次4.0新版更是增加了许多新功能。假如你没有也不必担心,在后面我会给出下栽地址。其安装过程非常简单,按照提示操作即可,完成后运行PhotoShop,在Filter(滤镜)菜单下会多出 Eye Candy 4000 一项。
  2、滤镜安装好后我们继续刚才的工作,在 Layers(层)面板底部点击按此在新窗口浏览图片  按扭创建一个新层,选择工具栏的圆形选取工具在画布中拖出一个椭圆形选取区。如(图8)

按此在新窗口浏览图片

可以不会一次成功,多试几次,同时不要一定要与范例中的一样,只要大概位置对并把文字圈在里面就可以了。现在选择 Filter(滤镜)菜单下的 Eye Candy 4000 子项下的 Water Drops(水珠效果), 可以看到 Eye Candy 4000 下有很多项,每一项都是一个很好的特效,朋友们可自己逐个试验,非常有趣,我们这次用到的是 Water Drops (水珠效果) ,选择后弹出设置对话框如(图9)

按此在新窗口浏览图片

由于我们是在新创建的层选择滤镜,所以水珠在透明背景下看的非常不明显,所以范例中的图片我加了个图片做背景衬托,在本此实际操作中看到的画面没有范例中的背景图片。假如你在透明背景下把握不好可先用图片做陪衬,设置好后记住参数再回到透明背景下完成,这时候你就可以看到文字四周已经围绕了许多可爱的亮点。现在,在你完成的作品前自豪一下吧。我们完成 PhotoShop部分的工作。在关闭PhotoShop之前记得将图片转存为 *.JPG格式备用。
  动态部分

  在完成图象处理的工作后我们进入 Flash 做动态编辑。(注重:在这部分内容中,文章对一些基本操作不会详述其过程,假如碰巧你是位Flash新手,请参阅本报2000年35期至44期本人的Flash 5连载学习其基本操作。)

  一、手绘组件

  运行 Flash ,建立一个新文件,选择Modify (修改)菜单下的 Movie(影片) ,设置影片的 Width(宽) 为 600 px , Height(高)为300px,完成后按OK。既然是情人卡,那么红心肯定是少不了,我们要用Flash 5 新增的贝塞尔工具来画一个。

  1、选择 Insert(插入) 下的 New Symbol(新符号)建立一个新的 Movie Clip(影片夹子),然后选择工具栏的 贝塞尔工具在工作区点击鼠标左键创建一个节点,然后在此节点右上方位置点击并拖动鼠标建立一个弧线,然后在与第一个节点垂直的下方点击并拖动创建第三个接点,现在拖动句柄调整弧度至理想位置,最后将光标移动至第一个节点位置,此之贝塞尔光标旁边出现一个小圆圈,点击合并路径,这样就建立了红心的右半部分,看下面的示意(图10)
按此在新窗口浏览图片

2、当路径封闭后系统自动填充色彩,我们选择工具栏的光标工具选种红心右半部分移动至一个新位置,这时工作区留下边框线,删除它,然后选中填充区按Ctrl+C 拷贝,Ctrl+V 粘贴,这时工作区有两个红心半边,选中其中一个。

  3、点击工具栏底部的 Scale(缩放) 工具,这时出现六个调整点,拖动中间任意一个拖动至反向位置,这样就完成了红心的另一半,然后将他们拖动结合,将其填充为大红色,这样一颗红色的爱心就完成了。然后你可以在爱心的右上部分选取一小部分并删除一产生晶莹的视觉效果。如下图(图11)
按此在新窗口浏览图片

ok,现在就要创建一个可爱的红心文字组合了,如下所示(图12)
按此在新窗口浏览图片

看到图片,聪明的你一定知道如何完成。

  4、择 Insert 菜单下的 New Symbol (新符号)建立一个新 Moive Clip(影片夹子) 然后选择工具栏的文字工具输入文字,在输入字母”O”的时候按空格留出位置,完成后按 Ctrl+L 打开 Library(库) 面板,将刚才我们画的红心拖近来调整位置,大小可用工具栏的 Scale(缩放)工具调整。初步工作完成

二、动画编辑

  可爱造型完成之后就要引入素材加工了。

  1、再次建立一个Movie Clip (影片夹子),然后选择 File 菜单下的 Import(导入)命令导入一张素材图片,然后回到主场景打开 Library(库)面板将刚才导入的素材拖入场景,建立一个新层将可爱造型也拖入场景,并在可爱造型下方输入文字 2.14。完成后应如下图所示。(图13)
按此在新窗口浏览图片

为什么要做这个简单的开场呢?对于MM就在身边的你来说可能没用了,但对于MM不在身边的朋友就有用了,通过网络传输的速度不是很快,所以我们做这个简单的开头就是实现一个 Loading(装载) 的功能。

  现在,我们在素材层的第10侦插入要害桢,方法为在Timeline选中第十桢点右键,在弹出的菜单中选择 Insert Keyframe(插入要害桢)。

  2、选种卡片素材,选择 Windows菜单下的Panels(面板)子项下的 Effect(效果)打开Effect 效果)面板,点击面板的下箭头弹出模式菜单,选择Alpha。并设置Alpha透明度数值为0% 。

  3、回到Timeline(时间线)第一桢点右键选择 Create Motion Tween(创建运动变化)设置 Motion(运动)过度实现渐隐。

  完成后我们的影片要继续播放,渐现一个玫瑰巧克力背景图片。

  4、建立一个新的 Movie Clip(影片夹子) ,选择 File 菜单下的 Import(导入) 将玫瑰图片导入,然后再次创建一个Movie Clip(影片夹子) ,将包含背景图片的 Movie Clip(影片夹子) 从 Library(库) 面板拖入,并在 Effect(效果) 面板设置其 20% 的 Alpha 透明。

  5、现在我们要实现其一边的白色过度,实现与我们在 PhotoShop中制作的MM图片无缝衔接,所以还要创建一个渐变填充。建立一个新层,选择工具栏的矩形工具在玫瑰图片的右侧拖出一个长方形,大小如下图14
按此在新窗口浏览图片

6、矩形完成后删除边线,选择 windows 菜单下 Panels (面板)下的Fill(填充) 命令打开Fill(填充)面板,并在其下拉菜单中选择Linear Gradient(线性过度) ,这时面板会出现两个色彩节点,选中左边的节点,设置为白色,选择右边的节点,设置为白色。并在色条的中间位置点一下建立一个新色点设置为白色/

  7、然后选择 windows 菜单下 Panels(面板)下的Mixer(混合色板)命令打开Mixer面板并设置其两边的色点Alpha项为0%,这样一个白色过度就完成了。面板设置参照(图15)
按此在新窗口浏览图片

8、完成后返回主场景,创建一个新层,在第11桢位置插入要害桢,按Ctrl+L打开Library(库)面板将过度填充的背景拖入,设置好大小及位置,在第30桢位置插入要害桢,然后返回11桢,将背景向右稍微移动一段距离并设置Alpha透明度为 0%,设置Motion(运动)变化完成渐现过程。在场景中出现的位置如下所示:(图16)

按此在新窗口浏览图片

现在我们要将可爱造型换个地方,给马上要出现的MM玉照留出空间,在可爱造型所在层的第35与55桢插入要害侦,将55桢的可爱造型移动到场景左下角并缩小位置,设置35至55的 Motion(运动) 过度。然后将 2.14 删除。

  Ok,现在是重头戏。

  1、建立一个新层,第55桢插入要害侦。建立一个Movie Clip(影片夹子) 并导入MM图片,从Library(库)面板将其拖入场景合适位置在第80桢插入要害侦。

  2、返回55桢将MM图片向右移动一公分,设置 Alpha 透明度为 0%,设置 Motion (运动)变化,MM图片渐现登场,同时音乐响起~~~~ :) 完成后应如下图所示。(图17)
按此在新窗口浏览图片

这时你可以喘口气,预备完成最后的工作了。做到这里你是否激动万分,就想让你MM马上看到你的大作?别着急,就快要好了。

  影片播放到最后肯定需要停止,所以选择Timeline(时间线)的第80桢,点右键选择 Actions(动作),设置Basic Actions(基础动作) 下的 Stop(停止)将影片停止。

  现在你要做的工作就是建立一个Movie Clip ,然后输入文字,做一个文字逐渐由下方出现向上滚动又逐渐消失的效果。

  1.首先输入一行文字,可以输入你想对你MM说的一些肉麻话,假如你想不出来我教你几句:亲爱的MM,你就是我的天使,你在我生命中占据着很重要的位置…………… 这次先教这么多,下次在说 J

  2.因为是从下向上移动,逐渐显现又逐渐消失,那么我们把它理解为竖直排列的三个点,第一和三个点的物件都是透明的,中间(第二个点)的物件是显现的,然后设置Motion 变化就可以实现效果了。那么在第十和第二十侦分别插入要害桢。

  3.将第二十桢的物件移动到第一桢物件上方几厘米的位置既消失点,第十桢的物件移动至第一与二十桢物件位置的中间既显示点。

  4.然后打开 Windows菜单下 Panels子项下的Mixer打开Mixer面板将第一与二十桢物件的Alpha透明度设置为 “0” 。

  5.打开Windows菜单下 Panels子项下的Frame面板设置1至10;10至20桢的Motion过度,这样一个渐现渐隐过程就完成了。

  6.建立一个新层层,按同样方法制作其他需要显示的文字,注重位置与Timeline 的桢数错开。这样,文字渐隐现效果的Movie Clip就制作完成了,这对聪明的你来说应该没有难度,是吧!

  把这个文字滚动的Movie Clip(影片夹子)放在玫瑰背景位置,如 (图18)
按此在新窗口浏览图片

恩,基本完工。还不错吧,因为是卡片,不是影片,所以不可能编辑太多的动态效果,这样就可以了,简单的东西也很美。

音频部分

  现在到了收尾的部分,插入音乐,我想来想去,决定不插背景乐曲而是放一整首歌在里面,为什么呢?因为这是张卡片,不是演示动画,Flash 编辑的动态内容有限,而放一段背景音乐的话时间太短,气氛烘托不出来,所以决定插整首歌。歌曲我觉得应该选择杜德伟的《情人》,这首歌不仅节奏浪漫,歌词也写的非常好,就适合与MM一起听: Girl !我强烈感到时间不够,想牵着你的手,对抗寂寞~~~~~~ 啊! 好感动啊。什么?你没听过?不会吧,赶紧去当一个来听。

  Flash 5 新增加了直接引入Mp3功能,所以我们就不用借助外部的音频编辑工具转换格式了。我们在影片中建立一个新层用来放歌曲,在55桢插入要害侦然后选择 File 菜单下的 Import命令将歌曲《情人》导入,导入后歌曲并没有出现而是保存在 Library(库)面板中了。按 Ctrl+L打开 Library(库) 面板,可以看到一个新的声音符号。(图19)
按此在新窗口浏览图片

将这个符号拖入场景,你可以看到Timeline(时间线)的变化,多了一串音频视图。想不想在加点效果?其实Flash 5 就给我们提供了简单的处理功能,比如声音渐现。选择Windows菜单下 Panels(面板) 子项下的 Sound(声音) ,打开 Sound(声音) 面板,然后在声音层上点一下,你可以看到面板里显示当前 Timeline(时间线)插入的声音。(图20)
按此在新窗口浏览图片

你可以点击Sound(声音) 面板上的 Edit(编辑) 按扭进行简单的编辑,点击后会出现设置窗口,里面包含了常见效果如左右声道移动,渐隐渐现等。(图21)
按此在新窗口浏览图片

从图中可以看到,在音频中有一条细线,线上有节点,这个是音量调节线,上下两根分别代表左右声道,你可以设置如图中的渐现效果,在线上点击可以增加节点,进行拖动调整。调整好后按 OK,然后选择 File 菜单下的 Publish(出版)进行发布。

  Ok !大功告成,赶紧给你MM打个电话,跟她一起做到电脑前,打开保存你大作的目录,将鼠标交给MM 让她点击,然后你搂着她一起欣赏,感受浪漫吧!

  在本文制作过程中,我们不仅让MM开心,而且还锻炼了自己的软件联合创作能力,而且最重要的是还没花钱,哈哈,是不是很酷,不过你可不能整天做个卡片骗MM哟!
上一篇:{实例}动态背景的实现 人气:2544
下一篇:{实例}雪景贺卡制作【Flash版】 人气:4504
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058