当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop CS3的IR制作帅哥抛番茄动画

Photoshop
Photoshop教程:绘制MSN小人
Photoshop合成图片特效:客厅的瀑布
Photoshop入门教程:简单的旋转动画特效
Photoshop图片教程:漂亮的花纹边框
Photoshop教程:去除床单上漂亮的印花
PS教程:逼真的动感飞车
PS入门教程:裁剪照片技巧攻略
Photoshop自定义工具制作漂亮图片边框
Photoshop鼠绘层峦起伏的群山
Photoshop调色教程:修复偏暗照片
PS照片教程:制作漂亮的黑白素描插画
Photoshop教程:快速打造性感彩色嘴唇
Photoshop绘制黑色风格的商务网站布局
Photoshop绘制逼真的质感链条和木板
Photoshop教程:绘制逼真的精美好看的雕花屏风
Photoshop磨皮教程:计算法和高低频给人物去斑
Photoshop鼠绘教程:绘制逼真的空白书本
Photoshop鼠绘:给音乐配置插画
Photoshop调色教程:复古色非主流女孩图片
佳作欣赏:22个优秀的关于手的LOGO标志设计

Photoshop CS3的IR制作帅哥抛番茄动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-17   浏览: 223 ::
收藏到网摘: n/a

  自从Photoshop CS3将动态软件Imageready也包括了进来,我们做动态图更加方便了,下面就来练习做一个抛掷物体的动态图,先看一下效果:

Photoshop制作“帅哥抛番茄”动态图
图1
  制作步骤:
  1、打开一张图片,帅哥的动作很适合用来做抛掷效果。

Photoshop制作“帅哥抛番茄”动态图
图2
  2、打开一张番茄图片。

Photoshop制作“帅哥抛番茄”动态图
图3


  3、用磁性套索工具将它勾选出来。

Photoshop制作“帅哥抛番茄”动态图
图4
  4、用移动工具将番茄拖入帅哥文件中,放在帅哥手上如下位置,Ctrl T调整到合适大小。

Photoshop制作“帅哥抛番茄”动态图
图5
  5、在图层面板双击番茄图层打开图层样式,勾选外发光,设置如下,使番茄与背景的衔接看来不那么生硬。

Photoshop制作“帅哥抛番茄”动态图
图6
  6、隐藏番茄图层。选择帅哥图层,用磁性套索工具勾选出帅哥的一只手和一部分衣袖。

Photoshop制作“帅哥抛番茄”动态图
图7


  7、Ctrl J两次复制出两个手臂副本,分别命名为左“左手上”和“左手下”,将“左手上”向上移动一些。

Photoshop制作“帅哥抛番茄”动态图
图8
  8、选择背景图层,按住Ctrl键在图层面板单击“左手下”载入选区,用仿制图章工具将背景上的手臂涂抹掉。

Photoshop制作“帅哥抛番茄”动态图
图9
  9、再用磁性套索工具勾选出帅哥的另一只手臂。

Photoshop制作“帅哥抛番茄”动态图
图10
  10、同样的,Ctrl J两次复制出两个手臂副本,分别命名为左“右手上”和“右手下”,将“右手上”向上移动一些。

Photoshop制作“帅哥抛番茄”动态图
图11


  11、用仿制图章工具将背景上的右手臂也涂抹掉。

Photoshop制作“帅哥抛番茄”动态图
图12
  12、在窗口菜单中勾选“动画”,打开动画面板。选择第1帧,在图层面板隐藏“左手上”和“右手上”,显示时间设为0.1秒。

Photoshop制作“帅哥抛番茄”动态图
图13
  13、点红圈内复制按钮复制出另外四帧。

Photoshop制作“帅哥抛番茄”动态图
图14
  14、选择第2帧,将番茄拖动到如下位置,在图层面板隐藏“左手下”和“右手上”。

Photoshop制作“帅哥抛番茄”动态图
图15


  15、选择第3帧,将番茄拖动到另一只手上,在图层面板隐藏“左手上”和“右手上”。

Photoshop制作“帅哥抛番茄”动态图
图16
  16、选择第4帧,将番茄拖动到如下位置,在图层面板隐藏“左手上”和“右手下”。

Photoshop制作“帅哥抛番茄”动态图
图17
  17、选择第5帧,将番茄拖回到最初位置,在图层面板隐藏“左手上”和“右手上”。

Photoshop制作“帅哥抛番茄”动态图
图18
  18、现在开始在每两帧之间添加一个过渡,按住Ctrl键同时选中前2帧,点红圈内过渡按钮设置如下过渡。

Photoshop制作“帅哥抛番茄”动态图
图19
  19、同时选中第3、4帧,同样过渡。

Photoshop制作“帅哥抛番茄”动态图
图20


  20、同时选中5、6帧,同样过渡。

Photoshop制作“帅哥抛番茄”动态图
图21
  21、同时选中7、8帧,同样过渡。

Photoshop制作“帅哥抛番茄”动态图
图22
  22、执行文件/存储为Web和设备所用格式。

Photoshop制作“帅哥抛番茄”动态图
图23
  23、在弹出对话框中设置如下,保存Gif文件,完工。

Photoshop制作“帅哥抛番茄”动态图
图24
  24、最终效果:

Photoshop制作“帅哥抛番茄”动态图
效果图