分享

【转载】图像处理入门:4.三个图层的动画和闪光字

 清欢几许 2017-11-17

 

图像处理入门:4.三个图层的动画和闪光字

 木火

        学习图像处理,应从最基础学起,逐步深入。

      第四步,动画制作从三个图层开始。

          使用 Adobe  Photoshop   cs 软件,和这一软件自带的动画软件 ImageReady (下载了前面的软件,

后面的软件也同时被下载),可以制作图像动画。要制作动画务必涉及到图层知识,运用这两种软件制作的动

画最少使用三个图层,下面简单介绍三个图层的舞蝶和三个图层的七彩闪字制作步骤。

一.三个图层与舞蝶:

   下面两张素材图片,第一张背景图片裁剪后的大小为400X300像素,第二张蝴蝶图片裁剪并保存为PNG格式的

大小为128X128像素;

图像处理入门:4.动画与三个图层 - 木火 - 木火的博客

图像处理入门:4.动画从三个图层学起 - 木火 - 木火的博客
制作舞蝶的步骤:

1.打开PS软件,从电脑中将两张图片点出,用移动工具把蝴蝶拖入背景图中;

图像处理入门:4.动画从三个图层学起 - 木火 - 木火的博客
 

2.按Ctrl+T键,这时蝴蝶图四周出现8个小方格,拖拉小方格改变蝴蝶图的大小,将蝴蝶图片拉至如下图中的图1所

示(大蝶),再按回车键确定,这是图层1。 接着按Ctrl+j 复制得到图层1副本,关掉图层1的眼睛,按Ctrl+T 键

自由变换,改变蝴蝶图的大小如下图中的图2所示(中蝶),再按回车键确定,这是图层1副本。然后又按Ctrl+j

复制得到图层1副本2,继续关掉图层1和图层1副本的眼睛,按Ctrl+T 键自由变换,改变蝴蝶图的大小如下图中

的图3所示(小蝶),再按回车键确定,这是图层1副本2。如此,得到了除背景外的大中小三种蝴蝶的三个图层。

图像处理入门:4.动画从三个图层学起 - 木火 - 木火的博客
 
3.转换软件:文件——》 在ImageReady 中编辑,从窗口调出动画面板,刚调出来只有一幅帧,点开背景图层和
图层1前的眼睛,将播放时间设为0.1秒;接着按下图所示点击复制帧按钮,得到第二帧,关掉图层1的眼睛,点开
图层1副本的眼睛;又点击复制帧按钮,得到第三帧,关掉图层1和图层1副本的眼睛,打开图层1副本2的眼睛。至
此,原来的三个图层已经转换为三幅帧,检查:在图层面板上每一个图层与一幅帧相对,蝴蝶由大到小或由小到
大的顺序不能乱,只有背景图在每帧都打开。最后,点播放按钮看效果。

图像处理入门:4.动画从三个图层学起 - 木火 - 木火的博客
 
4.保存:文件——》将优化结果存储为——》自己电脑中的gif 格式文件夹——》保存。
效果:
图像处理入门:4.动画从三个图层学起 - 木火 - 木火的博客

二、三个图层与七彩闪字:

       制作七彩闪字的步骤:

1、文件——》新建——》在弹出的对话框中设置背景为“透明”,颜色模式为“RGB”,宽度和高度根据自己的需要而

定,我这里宽为600,高为100,设置好后点“好”;

学一点PS技术(七彩闪字) - 木火 - 木火的博客


2.选择文字工具“T”,再选择“横排文字工具”,然后设置文字的字体、大小和颜色;在透明背景的文件中输入文字,

如 “祝朋友新年快乐” ,再选择 “移动工具” 调整好字的位置。

图像处理入门:4.彩字与图层 - 木火 - 木火的博客
 
3.选择菜单栏上的“图层”,在弹出的显示框中选择“栅格化”中的“图层”,将输入的文字栅格化;
图像处理入门:4.彩字与图层 - 木火 - 木火的博客

4.左键按住图层面板上背景图层不放,然后向下拖到“创建新的图层”按钮上,当鼠标箭头变成手形时松开,
这样就复制了一个图层副本1,再重复一次,又复制了一个图层副本2,这样图层面板上就有了三个图层;
图像处理入门:4.彩字与图层 - 木火 - 木火的博客
 
5.左手按住Ctrl键不放,右手用鼠标左键单击图层面板最上面的图层副本2,这样,输入的文字就载入了选区,载
入选区的文字出现蚂蚁线;再按下图所示,选择渐变工具,点击“属性”栏上的三角按钮调出色谱,然后选择其中
的一种,又选择线性渐变,用鼠标在文字选区拉一次渐变(从左到右或从右到左均可);
图像处理入门:4.彩字与图层 - 木火 - 木火的博客
 
6.关掉图层副本2前的眼睛,选择图层副本1,又选择一种色谱后在图层副本1的文字选区拉一次渐变;
图像处理入门:4.彩字与图层 - 木火 - 木火的博客

7.关掉图层副本2和图层副本1前的眼睛,选择最下面的背景图层,然后再选一种色谱,在背景图层的文字选区拉
一次渐变;三个图层的文字都拉好了渐变,最后把三个图层前的眼睛都打开,按Ctrl+D键,取消选择模式
图像处理入门:4.彩字与图层 - 木火 - 木火的博客

8.转换到动画软件:文件——》在ImageReady 中编辑,在动画软件的菜单栏上点击“窗口”,然后勾选“动画”,
调出动画面板(如下图);
图像处理入门:4.彩字与图层 - 木火 - 木火的博客

9.按下图所示点击动画帧按钮,显示框中选择“从图层建立帧”,这时,三个图层自动转换为三幅动画帧。
图像处理入门:4.彩字与图层 - 木火 - 木火的博客

10.设置每帧播放的时间,我这里选择默认时间为“0”秒,点击播放按钮可以试播看效果;如果满意就保存:文件
——》将优化结果存储为——》找自己电脑中的文件夹——》保存(gif 格式)。
图像处理入门:4.彩字与图层 - 木火 - 木火的博客
 
看看效果(附:其他几种七彩闪字):
图像处理入门:4.彩字与图层 - 木火 - 木火的博客
 学一点PS技术(七彩闪字制作) - 木火 - 木火的博客
学一点PS技术(七彩闪字制作) - 木火 - 木火的博客

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多