当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > photoshop 制作心形宝盒的发光动画

Photoshop
Photoshop文字特效:晶莹剔透的水果糖文字
矢量的ipad ui设计的PSD源文件
作品欣赏:PS设计的26个出色的动物机器人
作品欣赏:别出心裁的个性酒瓶设计实例
Photoshop调色教程:红润肤色的美女
Photoshop文字特效:梦幻彩色发光文字
Photoshop图片合成教程:水彩效果海报
Photoshop教程:时尚个性的撕皮特效
Photoshop教程:轻松绘制逼真的Apple IPAD
Photoshop影楼调色教程:可选颜色的使用
Photoshop教程:调色制作恐怖的电影场景
Photoshop图片:逼真的流泪特效
Photoshop绘制黑色的实用网页导航按钮
Photoshop绘制红色风格美丽的花瓣壁纸
Photoshop绘制碳纤维风格的网页导航按钮
Photoshop经典教程:90后女孩照片仿手绘
Photoshop教程:轻松绘制黑色风格导航条文字
Photoshop入门教程:制作搞笑的GIF动画
Photoshop入门教程:色彩搭配设计讲解
Photoshop教程:水彩特效的卡通小男孩

Photoshop 中的 photoshop 制作心形宝盒的发光动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-20   浏览: 74 ::
收藏到网摘: n/a

先来看下效果:
photoshop 制作心形宝盒的发光动画
  素材:
photoshop 制作心形宝盒的发光动画
  1、首先打开PS,然后选择“文件——打开”打开素材图片
photoshop 制作心形宝盒的发光动画
  因为刚打开的素材图片是索引颜色的,不能编辑,所以,选择“图像——模式——RGB颜色”
photoshop 制作心形宝盒的发光动画
  现在图像可以用了,按Ctrl+J复制图层,出现图层1
photoshop 制作心形宝盒的发光动画

  2、现在要把中间的宝石盒单独抠出来,这是一张全黑背景的,所以非常好抠,直接用魔术棒就可以了。选择魔术棒工具,在黑色背景上点一下,就把黑色背景全选起来了~
photoshop 制作心形宝盒的发光动画
  3、选起来的背景是不要的,所以,按下Delete键删掉背景吧,然后,在这个图层下面,新建一个图层,填充黑色
photoshop 制作心形宝盒的发光动画
  4、好了,现在,按住Ctrl不放,用鼠标点下图层1,把宝石盒选起来后,点下下面的新建图层按钮,新建图层3
photoshop 制作心形宝盒的发光动画
  5、选择“选择——修改——扩展”,把选区扩展5个像素
photoshop 制作心形宝盒的发光动画

 6、这时候,确定图层3为选中状态,把选区填充为白色
photoshop 制作心形宝盒的发光动画
  7、选择“滤镜——像素化——铜板雕刻”,类型选择“粒状点”
photoshop 制作心形宝盒的发光动画
  photoshop 制作心形宝盒的发光动画


8、下面,双击图层3打开图层样式对话框,选择外发光,如图设置,(颜色可以按自己喜好定)
  photoshop 制作心形宝盒的发光动画
  再把颜色叠加也勾上,颜色叠加里面的颜色要和外发光的一样喔,至少要相近似的,混合模式为滤色
  photoshop 制作心形宝盒的发光动画

  9、好了,这样,一个颜色就弄完了,把这个图层复制多两份
  photoshop 制作心形宝盒的发光动画
  10、这样,我们只要双击图层,就能改颜色了,把另外两个图层分别双击打开图层样式对话框,把外发光和叠加颜色改成绿色和黄色,这样就做多出两个颜色层了~
  photoshop 制作心形宝盒的发光动画
  11、好了,把宝石盒那一层,也就是图层1移到最上面,不透明度改为80%
  photoshop 制作心形宝盒的发光动画

 好了,做的做完了,下面该动画了,动画相对简单喔~
  12、选择“文件——在ImageReady中编辑”或是直接点工具栏下面的跳转按钮,转到IR里进行动画编辑(注:PSCS2和以前版本才有IR喔,CS3的就直接点窗口——动画进行编辑吧~)
  photoshop 制作心形宝盒的发光动画
  13、到ImageReady里面后,第一帧动画保留红色的图层,把绿色和黄色图层的眼睛关掉,也就是先隐藏起来
photoshop 制作心形宝盒的发光动画
  14、然后点下动画那里的复制帧,复制出来的第二帧把红色图层关掉,换绿色的点上眼睛,再复制第三帧,一样,换上黄色,再把时间设置为0.2,也就是0.2秒一帧
photoshop 制作心形宝盒的发光动画
  15、选中第一帧,记着要选中第一帧喔,然后点一下过度按钮,设置如下,确定
photoshop 制作心形宝盒的发光动画
  好了,大功告成了,可以测试下了~
photoshop 制作心形宝盒的发光动画
  16、没问题就选择“文件——将优化结果存储为”把动画保存成GIF图片吧!