论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: 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
当前位置 > 文字教程 > Photoshop教程
Tag:photoshop cs,照片,非主流,水晶,效果,画笔,圣诞,滤镜,艺术,手绘,蒙版,抠图,风景,特效,人像,矢量,国画,图像,数码,合成,玻璃,美女,图案,鼠绘,调色,婚纱,插画,图层,山水,漫画,透明,水粉,光线,笔刷,工具,实例,入门,人物,头发,签名,视频,壁纸,水墨,相框,海报,立体,动画,文字,换头,视频教程

Photoshop和ImageReady制作闪心动画边框

文章类别:Photoshop | 发表日期:2008-10-6 18:48:10

  本文中我们介绍用Photoshop和ImageReady制作一个可爱的闪烁的心形图案每组成的动画边框。
  本文由中国教程网 wowtime513 (破苏郁) 原创。
  Photoshop和ImageReady制作闪心动画边框

  下面是制作步骤:

  1.Photoshop中新建一个150*200的文档,创新1个新图层,选择自定义画笔在图层1上绘制一个心型图案的框框。

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  2.按CTRL+J复制图层1,将四个角的心单独选出来,可以用钢笔工具或多边形套索工具建立路径,然后按CTRL+ENTER将路径转换过选区,按CTRL+U调出色相饱和度选项框,把色相调整到-155,其它选项不变。

  Photoshop和ImageReady制作闪心动画边框

  依次将四个角落的心变成蓝色。

  Photoshop和ImageReady制作闪心动画边框

  3.CTRL+J复制图层,用同样的方法将四边的第二颗心变色蓝色,第三颗,第四颗...

  注意:每次变色都要复制一个图层。直到全部变成蓝色。

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

4.复制图层1-图层1副7得到16个图层,做动画的时候会达到一种来回变色的效果。

  Photoshop和ImageReady制作闪心动画边框

  5.将图层1副本16复制6个,副本17——副本21每个图层都用色相饱和度调整不同的颜色,副本22则是最初的红色。

  Photoshop和ImageReady制作闪心动画边框

  6.将副本22复制2次,使用钢笔工具和色相饱和度调整爱心的颜色,如下图

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  选中图层1副本23和24,复制2次,如下图。

  Photoshop和ImageReady制作闪心动画边框

  最后得到一共29个图层,关闭图层1副本—图层1副本28的眼睛,只显示背景和图层1,转到ImageReady进行动画制作。

Photoshop和ImageReady制作闪心动画边框

  7.调出ImageReady动画面板,复制当前帧,选择图层1副本并打开眼睛,关闭图层1的眼睛,依此方法建立29帧动画

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  全选29帧动画,设置延迟为0.1秒,你可以按播放键看下效果,然后按CTRL+SHIFT+ALT+S存储优化结果。

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

  Photoshop和ImageReady制作闪心动画边框

视频教程列表
文章教程搜索
 
Photoshop推荐教程
Photoshop热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058