驻马店世华智业:Photoshop动画教程:打造漂亮动态水族箱

来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 13:04:29

Photoshop动画教程:打造漂亮动态水族箱

http://www.sina.com.cn 2011年05月05日 07:31 中国教程网

  本例为PS动画实例教程,在教程中我们将学习运用自由变换中的扭曲工具来制作立体水箱以及两个动画合并的技巧,希望能朋友们喜欢。

  效果图:


效果图

  制作过程:

  1.新建背景色为黑色画布,大小800*600,RGB颜色,分辨率72

  打开两幅素材图,解锁,裁剪成380*285,用移动工具拉入画布中。CRTL +J复制其中的一幅。按图示位置排列。(这样有三份素材图了,分别命名为左,右,上)

  分别对三幅素材图执行编辑----描边----白色----6像素。(如图1)


图1

  2.选定素材右,CTRL+T 调出变换。用鼠标把中心点拉到左边线的中心点。

  (快要拉到时,中心点会被自动吸进去) 然后按住 CTRL ,在右边线中心点按住鼠标左键把图向左上推移,形成扭曲。(见图2)


图2

  3.对上面的素材也如此处理(见图3)


图3

  4.水族箱基本成形。合并上右左三个图层。(如图4)


图4

  5.把水族箱移到中央,用编辑—自由变换把它拉大成长方形。(如图5)


图5

  6.用移动工具移进花和小鱼缸美化。(如图6)


图6

  7.合并所有可见图层。(如图7)


图78.拉入4条热带鱼如图放置,进入 IMAGEREADY 动画(图8为第一帧示意图)


图8

  9.复制一帧,在第二帧中把鱼分别向左右拉(图9为第二帧示意图)

  然后过渡帧(过渡到上一帧25帧),这样一共27帧


图9

  10.两个动画合并: 条件是两个动画的帧数相同。

  用ir打开小亲吻鱼,发现有9帧,需要复制18帧才能与立体鱼缸的动画合并。

  复制的方法是 选择全部帧----拷贝帧。(图10)


图10

  11.黏贴帧---在选区后黏贴。黏贴两次。总共有27帧了。(图11)


图11

  12.然后选择亲吻鱼的全部帧----拷贝帧

  打开立体水箱---选择全部帧----黏贴帧----在选区上黏贴,黏贴后用移动工具调整位置。(图12)


图12

  13 。图像太大可用---图像---图像大小减小高度和宽度以利于上传。

  本动画色彩丰富,而ps动画只有256色,所以略有失真,用图13所示的优化可以减少失真,最后优化后保存为gif格式。


图13

.blkContainerSblkCon p.page,.page{ font-family: "宋体", sans-serif; text-align:center;font-size:12px;line-height:21px; color:#999; padding-top:35px;}.page span,.page a{padding:4px 8px; background:#fff;margin:0 -2px}.page a,.page a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none;}.page span{border:1px #ddd solid;color:#999;}.page span.cur{background:#296cb3; font-weight:bold; color:#fff; border-color:#296cb3}.page a:hover,.page a:active{ border:1px #2e6ab1 solid;color:#363636; text-decoration:none}