首页 | 手机 | 笔记本 | 硬件 | MP3 | 数码相机 | 品牌机 | 办公 | 网络 | 服务器 | 投影机 | 新闻 | 游戏 | 学院 | 下载 | 论坛 | 博客 | 商城 | 分站 | 北京 上海 广州 深圳

Photoshop制作GIF动画 使用蒙版制作动画(11)

2008-3-17 18:23:00 文/赵鹏 出处:大师之路
  前一课的作业没有技术层面上的难点,所需要的就是细致的观察和耐心的思考。因此我们不会再做详细讲评,仅简要介绍。并附带PSD源文件供大家参考。

  文字从黑变白的做法是建立白色文字层,将文字层的填充不透明度作成动画,即可形成从黑到白的效果。其实应该是逐渐隐现的淡入效果,只是由于背景为黑色而已。文字边缘的效果则是描边,使用了图案描边。图案描边可以使用鼠标拖动调整位置,正是将这个位置做成了动画效果。大部分边缘闪动的效果都可以这样来制作。另外还可以试试看将图案缩放做成动画,效果也类似。点此下载该范例的PSD源文件,打开后若出现字体缺失的警告,则可改用其它字体,对最终效果没有多大影响。

  在Photoshop制作动画的内容中,最重要的是基本的时间轴、关键帧等概念。在此基础上,要令动画漂亮、精细,则需要依靠样式。因此够熟练使用图层样式也是一个重要的条件。本课将介绍另一个动画基础知识,就是在动画中使用蒙版。当然,在此之前要求大家已完全掌握了基础教程中蒙版部分的知识,在这里不会重复介绍。如果想要了解这方面的内容,可点此观看动画教程。蒙版的文字教程只包含于书籍《大师之路-Photoshop中文版完全解析》中。

  在时间轴的项目中,大家都已经看到过蒙版的项目,分为普通的点阵蒙版与矢量蒙版。它们各自都具备两个动画项目,一是蒙版的位置,二是蒙版的启用。

  所谓启用就是指蒙版的有效性,即开启或关闭。可以用来控制物体的出现或消失,但不能带有过渡效果。也就是说要么就完全有,要么就完全没有,而不能在两者间过渡。实用价值不是很大,因为同样的效果我们直接使用图层不透明度和“保留插值”就可以实现。

  蒙版位置则是一个大有用处的项目,如果我们要制作一个模拟进度条的动画,如下图所示。由于Photoshop不支持变形动画,因此不能简单地通过变换命令实现。虽然可以通过之前介绍的“独立图层”来制作,但未免显得太过繁琐,且后期可编辑性极差。

  观看范例动画


  用蒙版来制作这个动画则非常简单,在新建的图层中画好长方形,建立一个全白的蒙版,再将其填黑,解除蒙版与图层的链接关系,如下左图所示。接着就可以设定蒙版位置的动画项目了。其过程很简单,就是在开始时刻保持蒙版在全黑,在结束时刻将其移动(往左往右自定)到完全露出白色,也就是不再遮挡图层内容为止。动画的文档设定为1秒、15fps。

  也可以将蒙版制作为带有渐变的,如下右图所示。这样可以令进度条的末端显得平滑些。

  观看范例动画



  
·视频教程中心
·Photoshop远程视频
·Dreamweaver8
·Photoshop CS3
·3DS MAX 8视频教程
·Flash Action Script
·数码照片处理大全
最新教程>>>
·PS绘制郑州商业银行标志(四合集)
·Photoshop CS2绘制东风雪铁龙车标(八合集)
·Photoshop CS2绘制宝马车标 共十集
·MAYA高级角色建模视频教程专题
·Photoshop CS3视频教程:Vista壁纸自己做
·视频教程 Photoshop超超级去水印法
·Dreamweaver视频教程-制作网站三大原则
·AutoCAD 2007中文版标准视频教程—初识三维部
·学院频道热门文章
·"2007我的装机软件包"半程总结 做软件要专注!
·手把手安装Vista SP1 RC全记录
·Photoshop合成教程:蓝天白云变身
·实例教程 Photoshop把真人转手绘效果
·调出真色彩!Photoshop曲线工具简明教程
·在线做笔记实用又新奇 十五大笔记网站推荐
·小巧、干净!国产极速浏览器试用手记
·七大亮点 暴风影音3抢先体验
·学院专题
· 我的暗房:数码照片处理软件合集
·非主流照片处理全集 Photoshop美容调色
·精彩大片提前爽 07年底大片全欣赏
·炫夏桌面 高清晰壁纸集中下载
·小编们的软件聚宝盆 连载中……
·今日推荐
·高性能集成主板是影响低价显卡市场?
·豪门新贵横空出 华硕X38芯片组主板系列
·移动时尚新地标 诺基亚上海旗舰店开业
·华南总店3周年庆-IT世界网AGF赛车广州路演
·第5届中国国际网络文化博览会现场直击
2006 经营许可证编号: 粤B2-20050807