[教程醒目]会走楼梯的文字(图文)
2003-05-21 10:31 | sugoosamu
这是偶以前做头用过的方法,挖出来大家分享。下图是完成后的图样:
-->这是实例:
本教程主要讲述制作办法。所谓:入门靠师傅,成材靠自身。请大家利用所学,自由发挥。。。
使用软件:Adobe Photoshop 7.0、Adobe ImageReady 7.0
先打开Photoshop,新建文件(我选用的是640*480像素,作品完成后可以剪切不要的部分)。新建图层,用工具面板上的矩形选取工具(快捷键M),选取一长方形。如图:

菜单栏-->编辑-->描边,选2像素,任意色彩,点选“居外”单选框。如图:

用Ctrl+D取消选取,复制图层1(Copy 2份)。复制方法:把图层1拖到图层面板下方的“新建图层”按扭,或是用图层面板右上小三角形的“图层菜单”。复制成功后,用工具面板上的移动工具(快捷键V)移动一下,让这三层错开。效果如图:

接下来用矩形选取工具把每一层中不要的部分删去,只要选中之后按键盘上的Delete就可以了。完成后效果如下:

新建文字层,用工具面板上的文字工具(快捷键T),分别建四个,键入的文字分别为“T”、“E”、“S”、“T”(因为有两个“T”字的文字层,大家也可以在建立一个后,通过复制来取得另一层。)完成后,效果如图:

接下来用工具面板上的快速转切键:
(快捷键Ctrl+Shift+M),转换到ImageReady。
用快捷键Ctrl+R调出标尺,用移动工具(M)从上方标尽处拖出参考线(默认为蓝色,可以双击参考线进行预设),放置位置如下图:

到下方的帧面板,当前选中的是第一帧。把层面板上T、S、E前的眼睛符号点选消失,只留下一个“T”,位置放在梯子的第一层。参考线有如同AutoCAD般的捕捉功能,会有利于文字的对齐,但有时会妨碍到移动工具的使用。大家可以用键盘上的光标上、下、左、右来进行细微部的调整。结果如图:

用帧面板下的新建帧按扭新建一帧,在图层面板上点取显示“S”层前的眼睛符号。用把刚才的“T”层移到下一格“楼梯”上,让“S”层“站”到“T”层的位置。如图:

新建一帧,点选层面板上“E”层前的眼睛符号。这个时候大家是不是已经有点明白IR制作动画的方法了?呵,说不清楚没关系,只要意会就可以了。我们继续。。。把第一个“T”层移到“楼梯”的最下方;“S”则“下”一格到第二层;“E”就“站”到“楼梯”第一格,刚才“T”和“S”站过的地方。效果如图:

从左侧标尺拉出参考线,放置在适当的位置。新建一帧,点选层面板上最后一个“T”字前的眼睛符号,放到“楼梯”的最顶层。把第一个“T”字向右一格,“S”和“E”顺序向下“走”一格。效果如图:

再新建一帧,把各个字符层顺序向左/下一格。怎么做不用我再教了吧^^,效果如图:

新建第六帧,完成后TEST四个字应该处于一排。这个时候当前帧为第六帧,按住Shift,点选第一帧,单击缩略图右下角的时间轴选单,点选0.2秒,如图:

ok了,大功告成90%。。这你可以点击帧面板下方向右的单箭头(播放),看看你做的动画效果如何~~
如果要突现文字的话,可以把我刚才说的第六帧的时间轴放长(比如我展示给大家的图例,第六帧就是0.5秒)。因为在实际应用中往往是为了突现文字,所以大家要根据图片要求的不同来设置时间轴的长短。
接下来就是要存盘,不要让你的辛苦付渚东流。ImageReady中,动画图片需要保存为GIF格式,要注意必须在Optimize页中选择GIF为文件格式(如下图)。然后用文件菜单中的“输出”或是快捷键Ctrl+Alt+Shift+S来保存。源文件可以直接用保存命令或是Ctrl+S来存(默认为*.PSD文件)

有一点要说明一下,参考线只是在做图时参考所用,存盘后的文件不会出现。
P.S.(大家也可以当F话看):实例中的字样就是本教程的具体应用(事主已经好久没看到啦~~)。本教程主要是为了让大家了解一些动画图片制作的原理,其实并不是很难,不是吗?
欢迎大家把学到的东西展示出来。不管是什么样的教程,大家都不能生搬硬套,用得“活”才是最要紧的。
如果有什么不明白或制作中遇到什么问题就回贴吧。。或是留言给我~~~
-
Sound Life -- Lem
在第一个夜晚,小石从何处落到世界上
在第二个夜晚,小石的孩子用手描绘华尔兹
在第三个夜晚,华尔兹的孩子用波浪拍打世界
在第四个夜晚,波浪之子在岸边举起武器
在第五个夜晚,它的碎片不断地敲打世界
在第六个夜晚,一声令下旅人们聚集在一起
在第七个夜晚,漂浮的飞船上蓝天
在第八个清晨,歌声从何处传入耳帘
在清新的空气中洋溢着记忆犹新的赞曲


本教程主要讲述制作办法。所谓:入门靠师傅,成材靠自身。请大家利用所学,自由发挥。。。
使用软件:Adobe Photoshop 7.0、Adobe ImageReady 7.0
先打开Photoshop,新建文件(我选用的是640*480像素,作品完成后可以剪切不要的部分)。新建图层,用工具面板上的矩形选取工具(快捷键M),选取一长方形。如图:

菜单栏-->编辑-->描边,选2像素,任意色彩,点选“居外”单选框。如图:

用Ctrl+D取消选取,复制图层1(Copy 2份)。复制方法:把图层1拖到图层面板下方的“新建图层”按扭,或是用图层面板右上小三角形的“图层菜单”。复制成功后,用工具面板上的移动工具(快捷键V)移动一下,让这三层错开。效果如图:

接下来用矩形选取工具把每一层中不要的部分删去,只要选中之后按键盘上的Delete就可以了。完成后效果如下:

新建文字层,用工具面板上的文字工具(快捷键T),分别建四个,键入的文字分别为“T”、“E”、“S”、“T”(因为有两个“T”字的文字层,大家也可以在建立一个后,通过复制来取得另一层。)完成后,效果如图:

接下来用工具面板上的快速转切键:

用快捷键Ctrl+R调出标尺,用移动工具(M)从上方标尽处拖出参考线(默认为蓝色,可以双击参考线进行预设),放置位置如下图:

到下方的帧面板,当前选中的是第一帧。把层面板上T、S、E前的眼睛符号点选消失,只留下一个“T”,位置放在梯子的第一层。参考线有如同AutoCAD般的捕捉功能,会有利于文字的对齐,但有时会妨碍到移动工具的使用。大家可以用键盘上的光标上、下、左、右来进行细微部的调整。结果如图:

用帧面板下的新建帧按扭新建一帧,在图层面板上点取显示“S”层前的眼睛符号。用把刚才的“T”层移到下一格“楼梯”上,让“S”层“站”到“T”层的位置。如图:

新建一帧,点选层面板上“E”层前的眼睛符号。这个时候大家是不是已经有点明白IR制作动画的方法了?呵,说不清楚没关系,只要意会就可以了。我们继续。。。把第一个“T”层移到“楼梯”的最下方;“S”则“下”一格到第二层;“E”就“站”到“楼梯”第一格,刚才“T”和“S”站过的地方。效果如图:

从左侧标尺拉出参考线,放置在适当的位置。新建一帧,点选层面板上最后一个“T”字前的眼睛符号,放到“楼梯”的最顶层。把第一个“T”字向右一格,“S”和“E”顺序向下“走”一格。效果如图:

再新建一帧,把各个字符层顺序向左/下一格。怎么做不用我再教了吧^^,效果如图:

新建第六帧,完成后TEST四个字应该处于一排。这个时候当前帧为第六帧,按住Shift,点选第一帧,单击缩略图右下角的时间轴选单,点选0.2秒,如图:

ok了,大功告成90%。。这你可以点击帧面板下方向右的单箭头(播放),看看你做的动画效果如何~~
如果要突现文字的话,可以把我刚才说的第六帧的时间轴放长(比如我展示给大家的图例,第六帧就是0.5秒)。因为在实际应用中往往是为了突现文字,所以大家要根据图片要求的不同来设置时间轴的长短。
接下来就是要存盘,不要让你的辛苦付渚东流。ImageReady中,动画图片需要保存为GIF格式,要注意必须在Optimize页中选择GIF为文件格式(如下图)。然后用文件菜单中的“输出”或是快捷键Ctrl+Alt+Shift+S来保存。源文件可以直接用保存命令或是Ctrl+S来存(默认为*.PSD文件)

有一点要说明一下,参考线只是在做图时参考所用,存盘后的文件不会出现。
P.S.(大家也可以当F话看):实例中的字样就是本教程的具体应用(事主已经好久没看到啦~~)。本教程主要是为了让大家了解一些动画图片制作的原理,其实并不是很难,不是吗?
欢迎大家把学到的东西展示出来。不管是什么样的教程,大家都不能生搬硬套,用得“活”才是最要紧的。
如果有什么不明白或制作中遇到什么问题就回贴吧。。或是留言给我~~~
-
在第一个夜晚,小石从何处落到世界上
在第二个夜晚,小石的孩子用手描绘华尔兹
在第三个夜晚,华尔兹的孩子用波浪拍打世界
在第四个夜晚,波浪之子在岸边举起武器
在第五个夜晚,它的碎片不断地敲打世界
在第六个夜晚,一声令下旅人们聚集在一起
在第七个夜晚,漂浮的飞船上蓝天
在第八个清晨,歌声从何处传入耳帘
在清新的空气中洋溢着记忆犹新的赞曲