|
让大家久等了，经过了两年多的期盼，新一代版本的七日成魔系列终于又要出炉了——七日成魔3.0版。这个版本不再是对上一代版本的改良升级，而是讲解一个全新的内容——用Photoshop制作GIF动态图片。这一主题的内容并不是很多，而且相对更加简单，相信大家经过“七日”的学习后都可以成为制作GIF的高手啦！先不多说了，开始为大家讲解第一课的内容吧。 （目前发布的只是试行版，在本系列教程全部编写完成之前可能会作进一步补充和修改，还大家留意~ 这一次制作教程的时候我使用的版本是最新的Photoshop CS5，在以前的版本Photoshop CS2完整版中曾附带过一个叫作ImageReady（简称IR）的软件，被很多人称为是专门用于制作动态图片的。事实上各版本的Photoshop本身也具有相当强大的制作动态图片功能，本节就为大家做一个启蒙吧。由于是第一课，所以我还是会讲得异常详细到有些啰嗦，只为那些完全不懂的学员们能够学会吧。 虽然本系列讲的是新主题的内容，但为了大家可以更好地看懂教程，还是希望大家完成七日成魔2.0版的全部教程之后再来学习本套教程。 下面是本节课中会使用到的素材： LOGO（PNG）： 图层1： 图层2： 图层3： ——————————————————————————— 教 程 部 分 ——————————————————————————— 1 首先在PS中打开本节课的全部素材，在图层面板中按下图情况排列（LOGO层在最上方，背景层 即 素材图层1）。 2 选择菜单栏中的 窗口——动画 ，调出动画面板。 3 你调出的动画面板可能是这么个情况的，那么你需要点击该面板右下角的按钮，将 时间轴动画 转换为帧动画。 然后就会变成这样子的了。当然根据版本不同，你也有可能刚调出的动画面板就是酱紫的（呃，蕞过蕞过，系为湿灰煮流鸟~）。 4 点击下方的 复制所选帧 按钮两次（跟图层面板中的创建新图层是同样的图标），这时我们又得到了两个新的帧。 5 选中第一帧，然后在 图层面板 中消去 图层2 和 图层3 前面的眼睛，让它们处于隐藏状态，只显示剩下的LOGO层和背景层。 6 选中第二帧，这次在 图层面板 中隐藏背景层和图层3，显示LOGO层和图层2。 7 选中第三帧……然后你懂的。 8 点击 动画面板 右上角的扩展菜单，选择全部帧（或者按住SHIFT键不放用鼠标逐个选中所有帧亦可）。 9 点击帧图标下的“10秒”来修改每帧的显示时间，这次我们选择的是“0.1秒”。 10 然后点击 动画面板 左下角的“一次”来修改这个动画循环播放的次数，通常我们当然都会选择“永远”。 11 好了这时我们的工作其实基本已经完成了，最后我们再来修改一下LOGO的颜色吧。在图层面板中选中LOGO层，执行一个ctrl+i（反相）将LOGO变成白色，效果应该更好了一点了吧。点击动画面板中的 播放动画 按钮预览动画，你会发现所有帧中的LOGO也都变成了白色。（预览够了就再点一下停止播放动画再进行其他操作。） 12 很多类似的教程到上一步似乎就已经结束了，但我觉得其实最后还剩的一步也非常值得一讲。跟要保存静态图片不同，如果我们要保存动态图片，就须要选择菜单栏中的 文件——存储为Web和设备所用格式 。 13 然后你会弹出一个优化窗口（下图为其右上角部分的截图），以后我们还会讲到一些关于优化的很有用的知识，但这节课的当务之急是你会发现在优化预览窗口中，人物的眼睛出现了比较明显的噪点。为了减少噪点，我们将“颜色”提升到最高的256色。然后点下方的“存储”... 好了，这回是真的完成了。我做完之后的效果图是酱紫，你的作业应该也是酱紫的（感谢《脑残星》中泉同学的非友情出演）： —————————————————————————————————— 第一课扩展内容-制作摇头娃娃教程及以后课程会陆续发表或补充上来，请大家持续关注本空间更新。 |
|
|
