您的位置:首页图形图像Photoshop教程 → 接吻鱼的诞生

接吻鱼的诞生

时间:2004/10/8 16:21:00来源:本站整理作者:蓝点我要评论(0)

  活泼可爱的接吻鱼不但令女孩子爱不释手,其魅力就连小伙子也无法抗拒。今天,我们就用Photoshop和ImageReady来制作一个接吻鱼的小小动画。(如图)



  这篇教程主要涉及到Photoshop中的图层,通道和变形功能,ImageReady中使用到了图层和过渡来完成动画效果。如果你愿意的话,你可以用我们提供的文件来完成这个动画。





  1.首先,用Photoshop打开图像background和redfish,其中,redfish已经去除了背景。(图background和redfish)





  我们的红鱼看起来,嗯……有些害羞,所以在这个动画中,我们把它隐藏在背景图像左下角的珊瑚丛中。首先要做的,就是把珊瑚从画面中分离出来,把它复制到另一个层中,这样它可以在背景前面显示出来,我们将在通道中进行这一步。



  2.选择背景图像,打开通道面板。 依次查看每个通道,找到珊瑚和周围环境对比最大的一个通道,在这张图片中,绿色通道中珊瑚与周围的对比最大。选择绿色通道,把它拖拽到面板下方的创建新通道按纽上,复制绿色通道。在默认情况下,这个通道将被自动命名为“绿 副本”。(图01)

图01




  3.选择绿色副本通道,我们的目的是要使珊瑚的外部边缘几乎成为白色,而周围的环境几乎全都为黑色,进一步加大对比,以便于选择。打开色阶对话框,将输入色阶分别设为52,2.07,167。(图02)

图02


  4.选择喷笔工具,用黑色涂抹绿色副本通道中珊瑚以外的所有白色区域,现在画面中除了珊瑚部分之外,应该全都被黑色填充。(图03)

图03


  5.按住Ctrl键,单击绿色副本通道,载入通道中的白色区域,点击RGB通道缩览图,回到彩色图像,转到图层面板中去。这时的选区就是珊瑚的主要范围。按Ctrl+J,将选区内的图像复制到新的一层中去,图像看起来并无变化。



  如果你隐藏了背景,你就会发现,我们所复制的珊瑚并不完整,中间留下了不少的空隙。当然,如果你在上一步用白色画笔涂满了绿色副本通道中珊瑚内部的话,这时你得到的就是完整的珊瑚形状。有什么不同之处呢?跟我来,马上你就会明白。



  6.现在,用移动工具将红色的小鱼从redfish文件中拖移到背景中来。随即,在图层面板中调整图层的位置,将红鱼层放置在珊瑚层之上。按Ctrl+T,调出变形框,在工具选项中将长和宽链接,将红色的鱼缩小到原来的90%,确定变形。然后,选择编辑>变换>水平翻转命令,再用变形工具旋转红鱼,使它的身体和大鱼的身体保持平行,用移动工具将红鱼移动到珊瑚丛的后面,注意鱼嘴的位置哦!(觉得不好把握的话,可以在最上面新建一层,画一条用于参考的线)(图05)

图05


  在移动的过程中,你可能发现了,由于珊瑚丛有间隙,所以鱼的身体在珊瑚丛中若隐若现,这样不但有趣,也较符合真实情况。如果我们选取了整个的珊瑚,那就会把鱼的身体完全挡住。



  现在,储存你的图像,下一步我们要转入ImageReady中,完成动画部分。



  7.点击Photoshop面板的转跳到在ImageReady,在ImageReady打开我们刚才制作的图像。如果你的动画面板没有打开,从窗口>显示动画打开。目前,动画面板上这个文件只有一帧。(图06)

图06


  8.图层面板中,激活红鱼所在的图层。然后用移动工具将红鱼移动到大鱼的前面,使鱼嘴相接,看起来像是在接吻的样子(图07)。

图07


  注意:这时的动画面板中,只有第二帧出现了变化,反映出图像移动后的情况。(图08)

图08


  9.在动画面板底部选择“动画帧过渡”按纽,在过渡对话框中,选择所有图层,参数只选择位置,过渡选择上一帧,添加帧数量中选择3。(图09)

图09




  过渡为我们的动画添加了中间帧。在动画面板上可以看到,在第一帧和最后一帧之间,增加了3个中间帧。(图10)

图10


  要注意的是:增加的中间帧会使动画更加流畅,但是,每增加一帧,文件大小也会相应增加。如果你要做的是在网络播放的动画,你可能需要试验用尽可能少的帧数达到尽可能好的效果。任何时候,你都可以点击动画面板上的播放键来预览动画效果。



  10.在绝大多数情况下,你都需要调整动画播放的速度。看到动画面板上每帧下面的数字了吗?这些数字标明了相邻两帧之间的延迟时间,或者说是帧显示的速度。要想一次改变所有帧的时间,可以点击第一帧,按住Shift键,点击最后一帧,选择所有的帧。



  点击帧速度旁边的下拉箭头,从弹出菜单中选择一个时间。在这个例子中,我选择了0.2秒。你也可以单独为每帧指定延迟时间。(图11)

图11


  11.当你对动画速度满意之后,接下来就该优化动画了。有时候,动画可能会非常大,这时候,你就需要牺牲一些图像品质来确保动画合适的大小。我将优化文件的格式设为GIF,耗损为0,可觉察的,仿色算法设为扩散,颜色为64色,仿色100%,无杂边。(图12)

图12


  你可以在工具面板中选择预览,或者右击图像,从弹出菜单中选择预览;满意之后,用“将优化结果储存为”命令输出动画。在输出之前,最好用PSD格式保存一下原稿,这样你可以方便修改。最后,我们输出的动画只有34K,是不是很小巧精致呢?

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 ps漫画效果教程PS去水印视频教程,PS去PS火焰字制作教程PS操作快捷键技巧教程

最新文章 PhotoShop怎么抠图 Phps崩溃怎么防止 ps崩 Photoshop怎么消除噪点 ps噪点怎么处理如何用ps在照片中添加隐形文字PS制作水彩效果教程PhotoShop制作渐进式JPEG图片的方法

人气排行 图片像素太低怎么办 把低像素图片变成高像素用Photoshop把真人变成漫画人物照片RAW转JPG格式图文教程Photoshop把MM照片变手绘效果教程ps制作gif动态图片教程ps索引怎么解锁 索引图片怎么解锁Photoshop动作详解(动作创建、编辑、执行、如何使用Photoshop制作霓虹灯字体