PHOTOSHOP基础与实例任务二 banner动画——动画面板的使用.ppt

* * * * * * PhototShop CS3基础与实例教程 模块十 网页工具的应用 任务二 banner动画——动画面板的使用 【任务概述】 　动画是在一段时间内显示的一系列图像或帧。每一帧较前一帧都有轻微的变化，当连续、快速地显示这些帧时就会产生运动或其它变化的错觉。本节我们将学习用photoshop cs3的动画制作网站的横幅广告。 PhototShop CS3基础与实例教程 模块十 网页工具的应用 【试一试】 PhototShop CS3基础与实例教程 （１）启动photoshop cs3，新建一文件设置如图后单击“确定”： 模块十 网页工具的应用 提示： 背景内容设定为“透明”就不用转换背景层，因为不能为背景图层创建动画。 图层面板如下： 【试一试】 PhototShop CS3基础与实例教程 模块十 网页工具的应用 （２）执行“窗口\动画”打开动画面板，如果图层没打开，按F7打开图层面板，结果如下图所示： PhototShop CS3基础与实例教程 【试一试】 （３）设置前景色为蓝色、背景色为绿色，用渐变填充工具将图层1填充为如下图所示： 模块十 网页工具的应用 PhototShop CS3基础与实例教程 【试一试】 ４）新建一图层2，打开“配套光盘\素材\模块十\”下的“书．gif、女孩．gif、男孩．gif”三个文件。 （５）将“书．gif、女孩．gif、男孩．gif”三个文件中的图像移入“图层2”并调整位置和大小，结果如下图所示： 模块十 网页工具的应用 （６）将“图层2、图层3、图层4”合并成一个图层2。 PhototShop CS3基础与实例教程 【试一试】 （７）利用“横向文字工具”输入“知识改变命运”（颜色为红色，可适当调整大小。），添加“描边”图层样式，描边的颜色为“黄色”，大小为2。如右图所示： 模块十 网页工具的应用 PhototShop CS3基础与实例教程 【试一试】 （８）利用“横向文字工具”输入“学习就是希望”（颜色为红色，适当调整大小。），添加“描边”图层样式，描边的颜色为“黄色”，大小为2。最后效果如下图所示： 模块十 网页工具的应用 PhototShop CS3基础与实例教程 【试一试】 （９）在图层面板中，将“知识改变命运”图层复制两层，将“学习就是希望”图层复制一层，操作完后，图层面板如右图所示： 模块十 网页工具的应用 PhototShop CS3基础与实例教程 【试一试】 （10）将“知识改变命运副本”图层的文字进行文字变形，样式为“旗帜”，方向水平方向，弯曲为+50,其余默认（如下图所示），设置完后单击“确定”。 模块十 网页工具的应用 【专家点拨】移动、变换工具 使用与技巧 PhototShop CS3基础与实例教程 (11)将“知识改变命运副本1”图层的文字进行文字变形，样式为“旗帜”，方向水平方向，弯曲为-50,其余默认，单击“确定”。 模块十 网页工具的应用 （12）给“学习就是希望副本”层的文字加如左图所示的“彩虹”样式，效果如下图所示： 【试一试】 【专家点拨】移动、变换工具 使用与技巧 PhototShop CS3基础与实例教程 （１）动画面板中有一默认的帧，单击动画面板下的复制帧按扭，连续单击4次，复制4帧，效果如下图所示： 模块十 网页工具的应用 【试一试】 【专家点拨】移动、变换工具 使用与技巧 【专家点拨 PhototShop CS3基础与实例教程 （２）选中第1帧，在图层面板中设置只显示“图层1、图层2”。效果如下图所示： 模块十 网页工具的应用 【专家点拨】移动、变换工具 使用与技巧 【知识连接】 PhototShop CS3基础与实例教程 模块十 网页工具的应用 * * * * * *