爱玩科技网
您的当前位置:首页Firework所有实例制作步骤(第十七讲)

Firework所有实例制作步骤(第十七讲)

来源:爱玩科技网
所有实例制作步骤

第一讲、第二讲练习---------------------------------------------------------------------------------------

制作3D网格线(学习网格和线条、矩形工具的简单应用,部分选择工具的使用;)

(1) 新建一文档,大小自定,颜色为“白色”; (2) 打开显示网格功能;(选择【视图】|【网格】|【显示网格】或快捷键:Ctrl+Alt+G) (3) 选择【编辑】|【首选参数】—选择“辅助线和网格”—将网格的颜色设定为“蓝色”,大小设定

位“30*30”;

(4) 在工具箱中选择“直线”工具,将线条颜色设定为“绿色”,在编辑区中画出“8行8列” 的作图

范围;

(5) 锁定“图层1”并新建一个图层2;

(6) 选择“矩形”工具,将矩形的边线设置为“黑色”,粗细设置为“1”个像素,填充色为“无”,画

出一个“8行1列的矩形”;

(7) 接着用同样的方式,并以第一个矩形的左边线为起点,画出一个“7行2列”的矩形; (8) 以此类推同理画出8个矩形,最后一个矩形为“1行8列”; (9) 隐藏“图层1”,并设置为网格线不可见;(选择【视图】|【网格】|【显示网格】)或用快捷键:

Ctrl+Alt+G);

(10) 利用快捷键“Ctr l+A”选中所有的图形,并选择【修改】|【组合】,或用快捷键:Ctrl+G组合所

有图形;

(11) 使用“部分”定”工具,选中第一个矩形的右上角节点,按键盘上的“Delete”键,将其删除,

同理删除其它矩形右上角的节点;网格线效果制作完毕。(注意:使用“部分”选择工具选中节点时,要保证节点是实心的才表示选中,镂空的表示没选中,就没法操作)

制作五子棋黑白棋盘(学习:网格和克隆效果以及组合路径中接合的使用等)

(1) 新建一文档,大小设定为“240*240”像素,背景色为“白色”; (2) 打开“显示网格”和“对齐网格”功能;(选择【视图】|【网格】-选择【显示网格】和【对齐网

格】显示网格快捷键:Ctrl+Alt+G)

(3) 选择【编辑】|【首选参数】—选择“辅助线和网格”—将网格的大小设定位“30*30”; (4) 在工具箱中选择“矩形”工具,将填充色设置为“无”,边框色设置为“黑色”,描边种类中设置

为“1像素柔化”(选择时,选择“铅笔”—“1像素柔化”)

(5) 绘制一个“宽为1格、高为8格”的矩形; (6) 选择【编辑】|【克隆】,在工具中选择“缩放”工具,将克隆的矩形宽度加大一格; (7) 重复此操作,直到网格全部被覆盖; (8) 按快捷键“Ctrl+A”,选中所有矩形并对其进行克隆;(【编辑】|【克隆】) (9) 将克隆的矩形顺时针旋转90度;(【修改】|【变形】|【顺时针旋转90°】)

(10) 去掉显示的网格;(选择【视图】|【网格】-选择【显示网格】,或按快捷键:Ctrl+Alt+G) (11) 按快捷键:Ctrl+A,选中所有矩形,选择【修改】|【组合路径】|【接合】; (12) 将内部填充色填充为“黑色”,五子棋黑白棋盘效果制作完毕。

第三讲----------------------------------------------------------------------------------------------------

制作立体相片效果(矩形工具和扭曲变形工具、羽化效果的使用)

(1) (2) (3) (4)

新建一文档,大小为400*300,颜色为“白色”;

选择工具箱中的“矩形”工具,绘制一个大小为“240*160”像素,颜色为“白色”的矩形; 选择【编辑】|【克隆】,克隆一个矩形; 改变底层矩形框的颜色为“灰色”,在属性面板里选择“边缘”为“羽化”效果,“边缘总量”为“5”;

(5) 选择工具箱中的“扭曲变形”工具,拉动底层矩形的右下角,使其达到立体的效果; (6) 导入一副图片素材,将大小缩放到合适的位置;立体相片效果制作完毕。

===========================================================================================

制作天空的云彩实例(矩形工具、铅笔工具线条、填充的使用和滤镜)

(1) 新建一文档,大小为500*400,颜色为蓝色;

(2) 选择“矩形”工具,绘制一个和画布大小一样的矩形,利用渐变填充的“线性填充”,将矩形填充

为一个“蓝、白、绿”色的线性渐变,得到一个蓝天、绿地的效果图;

(3) 选择工具箱中的“刷子”工具,将颜色设置为“白色”,在编辑区任意绘制一些笔触; (4) 选择【滤镜】|【模糊】|【高斯模糊】,调整模糊范围数值,确定得到效果;

用同样的方式制作各种不同的云朵,得到最终的填空云朵效果;填空云彩实例制作完毕。第四讲

----------------------------------------------------------------------------------------------------

制作虚幻的梦想特效字(利用文字学习填充油漆桶工具)

(1) 新建一文档,大小为“300*200”,背景为“蓝色”;

(2) 选择工具箱中的“文字”工具,在属性中调整文字的大小为“80”,字体为“黑体”,在场景中输

入文字“梦想”;

(3) 选中文字,单击属性中的“填充颜色”,选择“填充选项”,在填充选项中选择“线性”将文字颜

色变为“红到黄”的渐变,并将“填充方向”设置为“由上到下”;

(4) 打开“填充面板”,将渐变色的两个端点变为一个; (5) 打开“层面板”,单击“新建/重置”层按钮,新建一个图层2;

(6) 选择工具箱中的“矩形”工具,按照默认颜色绘制大小和背景相同的矩形; (7) 打开“层面板”,调换“图层1”和“图层2”的位置;

(8) 选择“油漆桶”工具,将矩形填充的颜色变为“黄到红”的渐变; (9) 选中“梦想”文字,在属性里的“滤镜”中,选择“阴影和光晕”,选择“光晕”;梦想特效字制

作完毕。

===========================================================================================

制作金属圆柱体实例(矩形工具和填充工具的使用)

(1) (2) (3) (4) (5) (6) (7) (8)

新建一文档,大小为“150*200”,颜色为“白色”;

按快捷键“Ctrl+Alt+R”显示标尺,并拖出两个竖着的参考线; 选择工具箱中的“椭圆工具”,绘制一个椭圆作为圆柱的“上底面”; 选中该椭圆,选择【编辑】|【克隆】,并改变颜色并调整该椭圆的位置,作为下底面; 选择“矩形”工具,绘制矩形作为圆柱的中部; 同时选中“中部”和“下底面”,选择【修改】|【组合路径】|【联合】; 把鼠标放在“上底面”上,右击,选择“排列”—选择“上移一层”;(快捷键为Ctrl+向上的箭头) 选中“下半部分”的图形,在属性面板的“填充类别”中选择“线性”将颜色变为“蓝(#000066)、白(#FFFFFF)、蓝(#000088)”的渐变,方向为“从左到右”;

(9) 选中“上底面”用同样的方式填充一个“蓝(#000066)、白(#FFFFFF)、蓝(#000088)”的“线

性”渐变,方向仍为“从左到右”;

(10) 选择【视图】|【辅助线】|【显示辅助线】(快捷键为:Ctrl+;),将辅助线隐藏;选择【修改】|

【组合】,(快捷键:Ctrl+G)金属圆柱作完毕。

===========================================================================================

设计立体阴影字效果(文字渐变和变型效果)

(1) (2) (3) (4)

(5) (6) (7) (8)

新建一文档,大小为“300*60”,背景色为“白色”; 在属性中,改变背景色为“蓝色”; 在工具箱中,选择“文本”工具,在编辑区输入文字“FIREWORKS”,字体为“黑体”,大小为“60”; 选中文字,单击属性中的“填充颜色”,选择“填充选项”,在填充选项中选择“线性”将文字颜色变为“白到黑”的渐变,并将“填充方向”设置为“由上到下”(注意,渐变颜色线条拖拉的时候往右下角倾斜一点效果会好一些); 移动文字到文档的右下角,“右击”文字,选择“编辑”—“复制路径轮廓”,并按快捷键:Ctrl+V粘贴;改变复制文字的颜色为“蓝色到灰色的渐变”方法同上; 在工具箱中选择“倾斜”工具,改变复制文字的角度往左倾斜; 打开“层面板”,调整两个文本的前后顺序;

把“倾斜文字”和“原文字”对齐;立体阴影字效果制作完毕。

第五讲----------------------------------------------------------------------------------------------------

制作标准的厘米尺子(克隆效果和图案填充)

(1) 新建一文档,大小为“50*20”,背景色为“透明”;

(2) 选择工具箱中的“放大镜”,把编辑区放大到自己觉得合适的位置,便于操作;

(3) 选择“矩形”工具,在画布上绘制一个“宽”为“1”,“高”为“9”的矩形,并设置矩形的X

和Y坐标为“4”;

(4) 选中矩形,对矩形进行克隆(【编辑】|【克隆】),并将矩形向右移动“5”个像素;

(5) 打开“历史记录”面板,按住“Shift”键,选中最后6个步骤即从“克隆”到后面的“五个移动”

步骤,再按历史记录面板最下面的重放按键“8”次;

(6) 选中最后一个矩形,改变其“高度”为“20”;

(7) 再绘制一个“长”为“50”,“高”为“1”像素的矩形,将其移动到“X坐标值”为“0”,“Y

坐标值”为“9”的位置上;

(8) 按住“Ctrl+A”,选中编辑区中的所有矩形,改变其颜色为“蓝色”,保存文件,文件名为“坐

标”,得到一个如图所示图案:

(9) 新建一文件,大小为400*20,背景色为“透明”;

(10) 选中“矩形”工具,在编辑区中绘制一个“长”大于“400”,“高”为“20”的矩形;

(11) 打开属性中“填充样式”的下拉菜单,选中“图案填充”,在“图案选择”下拉菜单中,选择最

后一项“其他”,在对话框中选中刚才保存过的文件“坐标”,选择“确定”;

(12) 移动填充图的位置,使最左边的“刻度”为“0”,图案的“Y坐标”为“0”,在相应的刻度值标

上数字,调整数字到适当的位置;

(13) 打开“优化”面板,选中“alpha透明”选项,到处文件GIF格式,并保存文件。“标准的直尺”

制作完毕。

==========================================================================================================

笔触特效(学习笔触的使用)

(1) 新建一文档,大小为“450*300”,背景色为“白色”; (2) 选中工具箱中的“文本”工具,输入“desk”(可以任意输入),将文本的“字体”设置为“Arial

Black”,字体“大小”设置为“50”,“字体”为“白色”;

(3) 在属性中为文字添加描边效果,“笔触颜色”为“#3399FF”,默认“在路径外”,勾选“在笔角上

方填充”选项;

(4) 单击“笔触选项”,弹出“笔触选项面板”,选择“描边种类”为“水彩”,“笔触名称”为“加粗”,

将“笔尖边缘柔化”拉到最顶端,“尖端大小”设为:72,“纹理总量”为:0%,如图2.5所示:

(5) 再点击“高级„”按钮,出现“编辑笔触”对话框,如下图——“编辑笔触”设置图所示,在【选

项】选项卡中,“墨量”为:100%,“间距”为:0%,“流动速率”为:0,勾选“建立”选项,“纹理和边缘纹理”全为:0,“边缘效果”也为:无,“笔尖”为:10,“笔尖间距”为:97%,“变量”为:阴影,“虚线”为:无

“编辑笔触”设置图 “形状”设置图 “敏感度”设置图1 “敏感度”设置图2

(6) 在【形状】选项卡中,“大小”为:72,“边缘”为:100,“方向”为:2,“角度”为:336,如图:“形状”设置图所示;

(7) 在【敏感度】选项卡中,在“笔触属性”中选择“角度”,再在“影响因素”项目中,把“速度”

改为:100,如图——“敏感度”设置图1所示;同理,再把“散布”项目中的“垂直”改为:100,“随机”改为:7,其他都为:0,如图——“敏感度”设置图2所示;

(8) 选中“文本”工具,输入“desk”(可以任意输入),将文本的“字体”设置为“Arial Black”,

字体“大小”设置为“50”,“字体”为“白色”,“描边效果”设置为“无”,并将文字调整到和之前的文字重合;保存作品,笔触特效效果制作完毕。

第六讲----------------------------------------------------------------------------------------------------

制作可爱的大脚图标(主要新学习:局部区域修改工具、打孔工具)

操作步骤如下:

(1) 新建一画布,大小自定,颜色为白色;

(2) 利用椭圆工具绘制一椭圆,颜色填充为黑色;

(3) 再绘制一个椭圆填充为白色,利用“更改区域形状工具”更改其形状,并移动该圆到合适的位置

(挡住第一个椭圆后,第一个椭圆的形状像一个脚板的形状为止);

(4) 选中两个椭圆,选择【修改】|【组合路径】|【打孔】;

(5) 利用椭圆工具绘制脚板的五个脚趾头,并调整到合适的位置; (6) 复制一个脚板,并在【修改】|【变形】|【水平翻转】,使脚板成为一双;

==============================================================================================

设计燃烧的火焰效果(主要学习涂抹工具的使用)

操作步骤如下:

(1) 新建一画布,大小自定,建议为400*400像素,背景色为黑色; (2) 绘制三个椭圆,并将颜色分别设置为:红色、橘红色和黄色;

(3) 将三个圆按调整为不同的大小,并将其重叠在一起,其大依次减小,颜色分别为:红色—橘红色

—黄色;叠放顺序为:红色最下,中间为橘红色,最上面为黄色。

(4) Ctrl+A键,选中三个椭圆,并按Ctrl+G将其组合;

(5) 复制两个组合好的图形并将其摆放成三朵花瓣的形状,并将其全部选中,按Ctrl+Shift+Alt+Z键,

将图形转换成位图;

(6) 选择“涂抹工具”,调整属性里面的“压力”为“100”大小为“50”,按照由下到上的顺序,将图

形涂抹,使其成为一堆火焰效果;

==============================================================================================

制作光盘型GIF动画(主要利用克隆变形工具、打孔工具、数值缩放工具、历史记录重放的使用)

操作步骤如下:

(1) 新建一画布,并将大小设置为300*300像素大小,颜色为白色;

(2) 利用椭圆工具,绘制一正圆,并将填充色设置为无,边框颜色设置为蓝色—#000033; (3) 将绘制好的圆进行克隆(选中该圆|【编辑】|【克隆】),并将克隆出来的圆形宽度减小4个像素,

向右移动4个像素;

(4) 在层中,按住Shift同时选中两个圆的路径,对两个路径进行打孔操作(点击【修改】|【组合路径】

|【打孔】);

(5) 选中打孔后的图形,并克隆一个,并将克隆的图形进行水平翻转,调整其位置,使其和前面的图

形形成一个圆形;

(6) 同时选中两个图形的路径,按住Ctrl+G将两个图形的路劲进行组合; (7) 选中图形,对组合后的图形进行克隆;

(8) 对克隆出来的图形进行缩放(选中图形,选择【修改】|【变形】|【数值变形】|【缩放】—宽、

高设置为97%);

(9) 打开“历史记录面板”,按住Shift键,同时选中最后两个步骤(克隆和变形),点击面板下面的重

放,让图形达到想要的效果即可;

第七讲---------------------------------------------------------------------------------------------------

制作美丽的星星实例(多边形工具的使用)

(1) 新建一文件,大小自定,背景为蓝色;

(2) 选择“多边形”工具,在属性里面的“形状”下拉菜单中选择“星形”,将“边”设置为“5”,“角

度”设置为“30”;

(3) 在工作区中绘制一个五角星,填充颜色为黄色,

(4) 同理又绘制一个星星,设置不同的角度和颜色,如“角度”设置为“50”,给星星加上边框颜色; (5) 再同理绘制一个星星,设定不同的角度和边,如“角度”设置为“30”,“边”设置为“6”,给星

星加上边框颜色;

(6) 可以给星星加上相应的修饰;(选择属性下面的“效果”—“阴影和光晕”)

=================================================================================

(拓展不讲解)绘制一颗闪亮的星星(多边形工具的使用、变形组合使用)

(1) 新建一文档,大小为200*200,背景色为白色;

(2) 选择“多边形”工具,在属性里面的“形状”下拉菜单中选择“星形”,将“边”设置为“5”,“角

度”设置为“63”;

(3) 选择颜色为绿色,在场景中绘制星形; (4) 选中星形,在【编辑】|【克隆】,选择【修改】|【变形】|【数值变形】,选择“缩放”并将大小

变为50%点击“确定”;

(5) 将小一点的星星的颜色变为白色,在属性里面的“效果”中选择“模糊”—“高斯模糊”,调整模

糊数值为“52”,确定;

(6) 全选图形,按组合键“Ctrl+G”组合两个图形,在属性里面的“效果”中,选择“斜角和浮雕”—

“内斜角”,调整其各项参数如下:

(7) 再在属性里的效果中,选择“阴影和光晕”—选择“内侧阴影”,参数不变,默认; (8) 在属性里的效果中,选择“调整颜色”—选择“色相/饱和度”,可随意调整看效果;如调整:“色

相”调整为:8,“饱和度”为18,“亮度”为23,确定;

=================================================================================

做一颗双层星星效果(改变路径中伸缩路径、扩展笔触的使用)

(1) 新建文档,大小为200*200,背景色为白色;

(2) 选择“多边形”工具,属性里面选择形状为“星形”,“边”数为“5”,“角度”为“33”;在场景

中绘制一个五角星,五角星的“填充色”为“无”,“边缘色”为“红色”;

(3) 选中五角星,在【编辑】|选择【克隆】;

(4) 打开层面板,在层面板中选择下面的五角星,在【修改】|选择【改变路径】|【伸缩路径】,调整

其属性分别为:方向:外部、宽度:30、角:选中间一个、转角:10;

(5) 填充颜色为“红色”边缘为10像素“羽化”效果; (6) 选中上面的五角星(原始的),选择【修改】|选择【改变路径】|选择【扩展笔触】,设置各属性

为:宽度:10、角:选中间一个、转角:10、结束点:最后一个,点击“确定”;

(7) 填充颜色为“白色”边缘为10像素“羽化”效果;

=================================================================================

制作给爱人的礼物_爱心(克隆效果、联合、对齐、部分选择工具、钢笔工具、模糊效果以及阴影效果)

(1) 新建一文件,大小为300*300像素,颜色为白色;

(2) 选择“椭圆”工具,按住Shift绘制一个正圆,改变其颜色为“红色”;

(3) 克隆该圆形,将克隆出来的圆形右移至合适的位置,使用水平对齐工具将两个圆形水平对齐(【修

改】|【对齐】|【水平居中】);

(4) 对两个圆形进行联合操作;(【修改】|【组合路径】|【联合】)

(5) 选择“部分选择”工具,拖动该图形的下面位置节点使其像一个心形; (6) 选择“钢笔”工具,将多余的节点删除,使图形成为一个心形;

(7) 将该心形克隆一个,并将上面一个心形的颜色填充为橘红色,并使用变形工具将其缩放为原图形

的70%;(【修改】|【变形】|【数值变形】)

(8) 重复刚才的操作,克隆一个更小的心形放在中间,并拖动该心形的下面节点至中间心形的节点重

合;

(9) 选中中间的心形与最小的心形,选择【修改】|选择【组合路径】—选择【打孔】,并将其颜色填

充为白色,选择属性里面的“效果”—选择“模糊”—选择“高斯模糊”,其模糊的数值设置为9;

(10) 对大心进行克隆操作,并在属性里面的“效果”—选择“模糊”—选择“高斯模糊”,其模糊的数

值设置为20,再对齐设置一个投影效果;

(11) 在心形上添加文字如:I LOVE YOU;

第八讲----------------------------------------------------------------------------------------------------

制作齿轮的效果实例(复习路径的使用,联合,学习裁切)

(1) 新建一画布,大小为400*400,背景色为白色;

(2) 选择“椭圆”工具,在画布中绘制一椭圆,并将颜色填充为“无”,边框线设置为“黑色”; (3) 选中椭圆,并对该椭圆克隆(【编辑】|【克隆】),旋转图形的角度,旋转30度(选择【修改】—

【变形】|【数值变形】—选择“旋转”—“30°”—【确定】);

(4) 同理,再制作四个椭圆图形并旋转角度;(提示:可利用“历史记录面板”里面的“重放”功能制

作;)

(5) 选中所有图形,并进行联合;(【修改】|【路径组合】|【联合】)

(6) 绘制一个圆,调整其位置,如图所示,并按:Ctrl+Alt+2和Ctrl+Alt+5将它们的中心对齐;

(7) 联合路径(【修改】—【路径组合】—【联合】);

(8) 再绘制一个大一点的圆形,调整其位置,如图所示;

(9) 选中所有的路径,将路径裁切;(【修改】|【组合路径】|【裁切】)

(10) 再在齿轮的中间画一个圆形,仍然按Ctrl+Alt+2和Ctrl+5将它们的中心对齐;选中两个图形,

并进行合并路径(【修改】|【组合路径】|【接合】),最后给齿轮着色; =================================================================================

新浪LOGO制作(文本的创建与修改,打孔效果、取消组合和路径的拆分)

果图)

(拓展练习效

(1) 新建一文档,大小为400*300,颜色为“白色”;

(2) 选中工具箱中的“文本”工具,输入“sina 新浪网”,字体大小为60,英文字体为“Arial Bold”,

颜色为“红色”,汉字字体为“隶书”,颜色为“黑色”;

(3) 选中文本,选择【文本】|【转换为路径】,再选择【修改】|【取消组合】; (4) 选中字母“i”,选择【修改】|【组合路径】|【拆分】;

(5) 删除字母“i”上面的点,用“部分选取”工具,拖动字母“i”的下面部分使其达到想要的效果; (6) 选择“椭圆”工具,绘制一个椭圆,颜色为红色,并用“扭曲”工具,将椭圆向右上角扭曲; (7) 克隆一个刚绘制的椭圆,将颜色填充为“黑色”并用缩放工具将圆缩小放入大圆的中间位置; (8) 选中两个圆,对齐进行打孔操作(选择【修改】|【组合路径】|【打孔】);

(9) 利用“椭圆”工具,绘制两个正圆,一大一小,并用打孔效果制作一个眼珠效果;

(10) 利用“刷子”工具,绘制“眼睫毛”效果;

(11) 选中“眼睛”和“眼睫毛”,选择按“Ctrl+G”组合;

(12) 最后,输入“sina.com.cn”并调整其大小为“40”,将其调整到合适的位置;

=================================================================================

印章的制作(文本附加到路径)教材P82;(拓展练习P84,文本转化为路径略)

(拓展练习效果图)

(1) 新建一画布,大小为400*400,颜色为“透明”;

(2) 选择“椭圆”工具,绘制一个宽和高都为150像素的正圆,并将其颜色填充为“无”,边框线粗

细为“4像素”,颜色为“红色”;

(3) 绘制一大小为90像素的正圆,调整其位置将两个圆中心对其;(提示快捷键为:Ctrl+Alt+2和

Ctrl+5)

(4) 输入文字“浙江某某协会”,设置字体为“宋体”,大小为“30”,颜色为“红色”;

(5) 同时选中刚绘制的小圆和文字,选择【文本】|【附加到路径】;(提示:可以使用变形工具随意

改变该文本的方向和位置,也可以通过【文本】|【方向】,通过不同的选项来改变文字的不同方向从而改变不同的效果;)

(6) 选中工具箱中的“星形”工具,绘制一个五角星,颜色填充为红色,并调整其五角星的位置到中

心点;

(7) 输入文本“某某材料分会”,设置字体为宋体,大小调整到合适,颜色为红色,得到最终效果图; 第九讲---------------------------------------------------------------------------------------------------

制作相片的撕裂效果(位图的操作)

(1) 新建一文档,大小为500*400像素,打开准备的相片图,使用套索工具,切取相片的一部分; (2) 打开层面板,新建一个“图层2”,将切取的部分粘贴在“图层2”;

(3) 选中“图层2”的图形,选择【修改】|【变形】|【数值变形】,选择“旋转”,旋转的幅度设置

为“-2”,点击确定;

(4) 移动一下图的位置,使其水平对齐,为两幅图增加阴影效果(在属性面板里,选择“滤镜”—“阴

影和光晕”—“投影”),并调整投影的“距离”为“2”;相片撕裂效果制作完毕。

===========================================================================================

制作旧照片效果(【图像编辑】面板,【调整颜色】|【转化为棕褐色色调】、滤镜等的学习;)

原始照片:旧照片效果:

(1) 选中打开的图片对象,选择【图像编辑】面板上的【调整颜色】| 【自动色阶】命令,使得图像

呈现比较自然的色彩效果;

(2) 选择【图像编辑】面板上的【调整颜色】|【转化为棕褐色色调】命令,编辑区的图像就变成了棕

褐色效果。

(3) 选取【图像编辑】面板上的【滤镜】| 【锐化】、【滤镜】|【进一步锐化】命令,突出荷花花瓣

的边缘。

(4) 选取【图像编辑】面板上的【滤镜】|【添加杂点】命令,在弹出的“新增杂点”设置框中设置“杂

点”的数量为“16”,勾选“颜色”选项;

(5) 选取【图像编辑】面板上的【滤镜】|【模糊】、【滤镜】|【进一步模糊】命令。 (6) 选取【图像编辑】面板上的【减淡】工具

,同时在属性检查器上作如图所示的设置,注意【范

围】选择【中间影调】,【大小】不要太大,【曝光】数也不要太大。

(7) 设置完毕,拖动鼠标,在照片上随意画上几下,这样就会加上一些随意的划痕效果了,使得总体

的“旧”的感觉更为逼真了。 (8) 选取【工具箱】上的【橡皮擦】工具

,对照片的边缘进行部分擦除处理,同样,和上一步添加

划痕的方法类似,随意擦除一些你认为照片应该丢失的边缘即可。

第十讲-------------------------------------------------------------------------------------

笔触与选区实现残破照片边缘特效一(进一步学习笔触特效的制作)

(1) 新建一画布,大小为根据要导入的图像素材大小自定,本例中画布的大小为:730*480,颜色为“白

色”;

(2) 选择【文件】|【导入】命令,打开“导入”对话框,选择欲打开加残破边缘效果的照片文件,“打

开”; (3) 使用【矩形】

或【圆形】工具,绘制并覆盖欲处理成残破边缘的区域轮廓,如果想要不规则

工具,建议将【填

形状的区域,也可以使用【钢笔】工具,绘制出闭合路径。使用【钢笔】

充边缘】选择为【实心】,笔触颜色为【黑色】,为了能更好的看到轮廓位置,先不要填充颜色,只加笔触颜色;

(4) 绘制好路径后,使用【指针】工具

选择路径,在属性栏中设置【笔触类型】,选择的类型主要

以【非自然】类型笔触中【不规则图形】为主,在此,最终效果选择的是【非自然]】中的【油漆泼溅】;

(5) 选择【笔触选项】,详细设置笔触。设置笔触的【笔尖】|【边缘柔化】为0;

(6) 再选择【高级„】选项,如图10.1所示,进一步设置笔触效果。笔触设置不同的参数,如图10.2、

10.3所示:

图10.1 图10.2 图10.3

(7) 选中绘制的路径,对该路径进行克隆(【编辑】|【克隆】);

(8) 选中照片,并用快捷键“Ctrl+C”复制该照片,打开“层面板”选中位图上方的“路径层”,选

择【编辑】|【粘贴于内部】命令(快捷键:Ctrl+Shift+V);

(9) 选中最上面的“路径层”,选择【修改】|【平面化所选】,将路径转换为位图(快捷键:

Ctrl+Alt+Shift+Z);

(10) 选择【魔术棒】工具,设置【容差】为60,【边缘】为【实边】,如图10.4所示,在路径的填

充颜色上单击,获取不规则边缘的选区,再选择【选择】|【选择相似】命令;

图10.4

(11) 按下快捷键Ctrl+Shift+I进行反选,打开“图层面板”,选中最下面欲加残破边缘的照片位图层

为当前层,按键盘上的Delete键删除选区;

(12) 隐藏最上面一层位图层,此时的层位置如图10.5所示;

(13) 改变显示的两个图层的上下位置关系,其改变后的图层关系如图10.6所示,得到最终效果图;

图10.5 图10.6

笔触与选区实现残破照片边缘特效二(学习图层蒙版);

(1) 操作方式与前面案例步骤一样;也就是按照前面的第(1)——(6)步操作;

(2) “Ctrl+A”选中所有内容,选择【修改】|【蒙版】|【组合为蒙版】;至此蒙版效果制作的残破

照片边缘特效二制作完毕。

=========================================================================================

制作精美网页效果图(学习位图工具套索的使用,并学习新的效果制作;)

(1) 新建一文档,大小为“760*430”,背景颜色为“白色”;

(2) 选择工具箱中的“选取框”工具,在“属性”面板中,设置“边缘”为“消除锯齿”,其他选项

不变;

(3) 在编辑区内,绘制一个矩形选框,选框的“宽”为“150”像素,“高”为“430”像素,切绘制

的矩形选框右边边缘对齐画布右边缘;

(4) 利用渐变填充工具,将选区填充为由“白到绿(#A8BCA4)”的左右渐变效果; (5) 在新窗口中打开事先准备好的图像素材“花草.jpg”,选择绘图工具栏中的【椭圆选取框】工具,

在【属性】面板中进行相应的设置;如图:10.7所示:

图10.7

(6) 使用【椭圆选取框工具】在图像“花草.jpg”中绘制一个正圆的选区。

(7) 按住键盘的【Shift】键,这时在鼠标指针的右下角会显示一个小【+】号,表示添加选区。使用

【椭圆选取框】工具在当前选区的基础上增加一个新的选区。

(8) 用快捷键“Ctrl+C”复制选中的图像,并用快捷键“Ctrl+V”将复制的图像粘贴到制作作品的画

布中; (9) 使用【多边形套索】工具

,仍然设置“边缘”为“羽化”,“羽化总量”为“20”,把图像素材

“模特.jpg”的人物区域选中;(注意:在选择的过程中,不需要完全的压边,因为有羽化的设置。同时如果不小心选择错误的话,必须重新绘制选区。)

(10) 用快捷键“Ctrl+C”复制选中的图像,并用快捷键“Ctrl+V”将复制的图像粘贴到制作作品的画

布中;

(11) 选择“椭圆选取框”工具,在画布中绘制一个椭圆的选区,并他调整其到合适的位置,选择【选

择】|【反选】命令或按下快捷键【Ctrl+Shift+I】),对选区进行反选操作;如图10.8所示:

(12) 在图层中选择图像素材“模特.jpg”所在的图层,按键盘的【Delete】键,即可删除所选中的像

素区域。根据需要,可以适当移动选区,对图像素材“模特.jpg”的边缘部分进行多次删除,最终效果;

(13) 使用【缩放】工具适当调整图像的尺寸,对齐到相应的位置;

(14) 打开【属性】面板中的【滤镜】|【调整颜色】|【亮度/对比度„】命令,适当增加其【亮度】和

【对比度】属性,使图像素材更清晰明亮。 (15) 使用绘图工具栏中的【直线】工具,在画布中绘制一个十字坐标,并且在【属性】面板中设置

其【笔触样式】为【虚线】【点状线】。得到效果图如图10.9:

图10.8 图10.9 图10.10

(16) 在新窗口中打开事先准备好的图像素材“向日葵.jpg”,选择绘图工具栏中的【多边形套索】工

具,其属性设置和前面一致,把向日葵选择下来,并且复制到当前画布中;

(17) 首先把向日葵复制一个,选中复制的向日葵图像,选择【属性】面板的【滤镜】|【模糊】|【运

动模糊„】命令,在弹出的【运动模糊】对话框中设置好相应的属性:“角度”为0,“距离”为“61”;点击确定;在图层中调整其透明度为“40%”

(18) 把两张向日葵的图像缩小到适当的尺寸,并且将清晰的一张移动到十字坐标上如图10.10所示; (19) 最后,在画布中添加文本和网站标志,整个页面效果图就制作完毕了。

第十一讲-----------------------------------------------------------------------------------

绘制标志 P74(矢量绘制工具的综合使用)自己拓展练习,绘制打印机P74

(1) 新建一文档,大小为“120*120”像素,颜色为“白色”; (2) 以画布中线点为圆心绘制一个正圆和一个外接正方形,笔触均为为“黑色”,“填充颜色”为“无”;

(注意:绘制圆和正方形时候可以通过调整属性坐标来实现更为的方便)

(3) 将外接正方形旋转“45°”,缩放“85%”后于圆联合得到外轮廓;(【修改】|【变形】|【数值

变形】,选择“旋转”,角度设置为“45°”,选择“缩放”缩放比例为“85%”);

(4) 克隆外轮廓,并缩放70%得到内轮廓;

(5) 使用“部分选定”工具,将内轮廓的上下左右四个角点拖动到外轮廓的四个角点处与之重合; (6) 外轮廓在下,内轮廓在上,“Ctrl+A”选中所有的图形,选择【修改】|【组合路径】|【打孔】,

得到最后的路径,填充为黑色;标志绘制完毕;

=========================================================================================

别克汽车标志的绘制(适量绘制工具的综合使用)P70略步骤

拓展练习的成果图:

(1) 新建一文档,大小为“110*110”,颜色为“无”;

(2) 使用“钢笔”工具,绘制一个盾牌的外底,“笔触颜色“为“透明”,“填充色”为“白色”; (3) 再使用“钢笔”工具,绘制盾牌的内部,“笔触颜色“为“透明”,“填充色”为“蓝色#1CA87”; (4) „„略,书上有步骤。

第十二、十三讲------------------------------------------------------------------------------

绘制甲壳虫(矢量绘制工具的综合使用)P71

拓展练习作品图: 步骤略,见课本P77路径描述;

甲壳虫绘制,步骤略,见课本P71

===========================================================================================

绘制八卦(矢量绘制工具的综合使用)

(1) 新建一文档,大小为“100*100”像素,颜色为“白色”;

(2) 绘制一正圆,“宽”和“高”为“100”,“X坐标”和“Y坐标”均为“0”,“填充颜色”为“黑

色”,“笔触颜色”为“无”;

(3) 克隆绘制的圆形,将“填充颜色”改为“白色”,并将其大小缩小为原来的“97%”(【修改】|

【变形】|【数值变形】,选择“缩放”,调整其“缩放值”为“97%”);

(4) 打开“显示标尺”与“辅助线功能”,拖出横竖两条辅助线,分别将圆平均分为四等份;

(5) 绘制一矩形,“颜色”填充为“蓝色”,位置放在横着的辅助线上面,并覆盖整个圆形的上半部

分;

(6) 同时选中“被缩放的白色的圆”和“刚才绘制的矩形”,选择【修改】|【组合路径】|【打孔】,

并将其“颜色”填充为“黑色”;

(7) 克隆编辑区内的“白色的圆”,并缩放到“50%”,放置到与外圆的左边相切位置,并与黑色半圆

联合,得到一个新的图形;

(8) 再次克隆白色的圆缩放到50%,与外圆的右边相切放置,并将其位置移动到最上层; (9) 同时选中步骤(7)所得到的图形和刚放置的小白色圆,对其进行“打孔”操作;

(10) 再绘制两个小正圆,分别放置到合适的位置,形成一个八卦图;八卦图效果制作变比。

第十四讲--------------------------------------------------------------------------------

制作霓虹发光效果字(动态滤镜)

(1) 新建一文档,大小为“400*120”像素,背景色为“黑色”; 选择“文字”工具,输入文字“DESIGN”,调整文字的属性:文字大小为“70”,文字填充颜色为“无”,水平缩放为“120”,笔触颜色为“紫色(#990099)”,边缘颜色属性选择“路径外”,在笔触选项中,调整

属性如图14-1所示:

图14-1 图14-2 (2) 打开层面板,新建一个图层2;

(3) 克隆第1层的文字,将新的文本拖动到图层2上; (4) 修改图层2文字的颜色及其他属性如图14-2所示: (5) 再新建一个图层3;

(6) 克隆图层2的文本,拖动到图层3上;

(7) 选中图层3的文本,选择“滤镜”—“阴影和光晕”—“光晕”;霓虹发光文字制作完毕。 ======================================================================================

金属字的制作(填充工具、曲线工具的使用)

(1) 新建一文档,大小为“300*100”像素,颜色为“白色”;

(2) 选择“文本工具”,输入文字“金属字”,并设置字体为“黑体”,大小为“80”并加粗,颜色

为“黑色”;

(3) 选择“油漆桶”工具,改变文字的填充类别为“线性”—“渐变”,改变其填充颜色为“灰(#CCCCCC),

黑(#000000),灰(#CCCCCC)”的渐变,方向为“从上到下”;

(4) 选中文字,选择“滤镜”—“斜角和浮雕”—“内斜角”;

(5) 设置滤镜的属性,如图14-3所示:

图14-3 图14-4 (6) 再次为文字添加“曲线滤镜”如图14-4所示; (7) 在滤镜中调整文字的色相饱和度如图14-4所示:

图14-4

(8) 为文本文字添加投影效果;金属字制作完毕。

=========================================================================================

绘制古钱币(教材P103)

手机参考制作

步骤略,见课本;

第十五讲--------------------------------------------------------------------------------

设计制作金属按钮

(1) 新建一文档,大小为“200*200”像素,颜色为“白色”;

(2) 选择“圆角矩形”工具,在场景中绘制一个正的圆角矩形,并填充其颜色为橘红色(#FF6600),

笔触颜色为“无”;

(3) 选择【修改】|【变形】|【数值变形】,选择“旋转”,角度为“45°”;

(4) 选择“滤镜”—“阴影和光晕”—“内侧光晕”,其属性设置如图15-1所示:

图15-1 图15-2

(5) 克隆同样的圆角矩形,并取消克隆的圆角矩形的效果;

(6) 将克隆的圆角矩形的宽和高都缩小“6”像素,适当的调整其位置;

(7) 为克隆矩形设置填充效果为“黑,灰(#666666),白,灰(#666666)”的渐变填充,方向为“从

下到上”;

(8) 选择椭圆工具,在其刚绘制的图形中间绘制一个大小适中的正圆;

(9) 设置其正圆的填充颜色为“黑到灰”色的渐变填充,方向为由“上到下”;

(10) 为该圆设置滤镜效果,选择“滤镜”—“阴影和光晕”—“光晕”,其属性设置如图15-2所示; (11) 克隆同样一个圆形,删除克隆圆形的光晕效果;

(12) 将克隆的圆形宽度和高度都减小“4”像素,调整其到中间适当的位置;

(13) 设置克隆圆形的填充效果为由“蓝(#0033ff)到淡蓝(#00CCFF)”的渐变,方向为“由上到下”; (14) 羽化克隆圆形的边缘,羽化的数值为“5”,组合场景中所有的图形; (15) 选中“文字”工具,在里面输入文字例如“杰”;金属按钮制作完毕。

==========================================================================================

弹起的状态:

鼠标滑过的状态 :

制作动态网页按钮元件

(1) (2) (3) (4) (5) (6) (7)

新建一个文档,大小为“250*250”像素,背景色为“白色”; 【编辑】|【插入】|【新建按钮】(Ctrl+Shift+F8);

选择“矩形”工具,绘制一个圆角矩形,并设置其宽为“180”,高为“60”,“圆度”为“90”; 设置矩形为“深蓝(#0033FF)到浅蓝(#00CCFF)”的渐变填充,方向为“由下到上”; 继续绘制一个圆角矩形,高度为“40”,宽度为“160”圆度为“100”;

设置矩形为“深蓝(#0033FF)到浅蓝(#00CCFF)”的渐变填充,方向为“由下到上”;

调整上层圆角矩形的位置,输入文本“button”,改变字体为“Trebuchet MS”,字号为“25”,字体颜色为“白色”,并将字体加粗;

(8) 为文本添加投影效果,设置效果属性如图15-3所示:

图15-3

(9) 选中属性面板中,“状态”列表框中选择“滑过”,状态进行编辑,再单击属性面板中的“复制

弹起时的图形”按钮;

(10) 改变文字的颜色为“黄色”,将文字的位置X和Y坐标都向右移动“1”个像素的位置;

(11) 分别选中属性面板中,“状态”列表框中选择“按下”,和“按下滑过”状态进行编辑,再单击

属性面板中的“复制弹起时的图形”按钮;动态按钮制作完毕。

================================================================================

制作按钮元件(见教材P145)

步骤略,见教材,和上一个实例方法差不多的;

说明:导航按钮和下拉菜单的制作书上也有相关的介绍,不过制作网页的时候一般都会在另外的软件里面制作,因此这里不讲解,自己看书。

第十六讲--------------------------------------------------------------------------------

制作水滴效果实例(打孔、线条填充和阴影等效果)

(1) 新建一文档,大小为“200*200”像素,颜色为“白色”;

(2) 选中“椭圆工具”绘制一个椭圆,设置椭圆的填充颜色为“无”,设置线条颜色为“浅灰色(#CCCCCC)”; (3) 使用“部分选择工具”,调整椭圆的形状,使其成为一个水滴的形状; (4) (5) (6) (7)

将图形的颜色填充为由“白(#FFFFFF)到灰(#CCCCCC)”的渐变填充,方向“由下到上”; 给水滴增加阴影效果,属性设置如图16-1所示:

给水滴增加第二次阴影效果,属性设置如图16-2所示: 再给水滴增加第三次阴影效果,属性设置如图16-3所示:

图16-1 图16-2 图16-3 图16-4

(8) 克隆水滴,并去掉克隆水滴的所有阴影效果;

(9) 绘制一个椭圆,将位置摆放在合适的位置,如图16-4所示,并选择克隆的水滴和该椭圆,进行打

孔操作;

(10) 将得到的图形填充为“白色”,边框颜色设置为“无”,在图层面板中降低其透明度为“80%”; (11) 新建一个“图层2”,在图层2上绘制一个矩形,填充颜色设置为“灰色”,边框线设置为“无”,

在属性面板中的“纹理填充”中选择“水平线3”进行填充;

(12) 交换图层1和图层2的位置;

(13) 调整水滴各层的透明度为“50%”;水滴效果制作完毕,保存效果图。

==============================================================================

制作锈迹斑斑的铁链(矢量图转换为位图、打孔效果、排列等的运用)

(1) 新建一文档,大小为“400*400”,颜色为“蓝色”;

(2) 选中“矩形”工具,在属性面板中设置圆度为“100”;

(3) 绘制一个椭圆,在属性面板中,调整椭圆的大小:宽为“80”,高位“128”,设置椭圆的“纹理”

为“金属”,填充椭圆为“白到灰(#333333)”的渐变填充,其渐变属性设置如图16-5所示,填充时的线条渐变调整如图16-6所示;

(4) 克隆一个圆形,将克隆的图形缩小大小为宽“40”,高度为“88”,选中所有图形,并利用快捷

键“Ctrl+Alt+2”,和快捷键“Ctrl+Alt+5”将图像居中对齐,并进行打孔操作;

(5) (6) (7) (8)

图16-5 图16-6 图16-7 图16-8

选中图形,选择属性面板中的“滤镜”—“斜角和浮雕”—“内斜角”,设置滤镜的属性如图16-7所示;

复制两个图形,排列好三个图形的位置使其像一个铁链造型,并调整其位置为垂直居中对齐; 分别选中三个图形,按快捷键Ctrl+Alt+Shift+Z,将其转换成位图,改变三个图层的位置,使三个圆环的位置如图16-8所示;

放显示比例,利用“套索”工具或“橡皮擦”工具,将图层中多余的环去掉;铁链制作完毕。

第十七讲(动画部分)-------------------------------------------------------------------------

制作照片连续滚动效果(学习JIF动画的制作)

(1) 新建一文档,大小设置为“353*51”,颜色为“黑色”;

(2) 将文档放大到150%,选择工具箱中的“矩形”工具,绘制一个矩形,在属性面板中设置矩形的宽和高都为“5”个像素,颜色为“白色”;

(3) 克隆该矩形,并将其位置向右移动“10”个像素,如此反复操作,并进行相应的复制粘贴操作,

使其得到一个类似胶卷的图形,如图17-1所示;

图17-1

(4) 选择【文件】|【导入】命令,导入准备好的素材图片,改变导入图像的大小,并排列使其与“胶

卷”符合,(可使用【修改】|【对齐】|【水平居中】和【均分宽度】来调整)得到图如17-2所示:

图17-2

(5) “Ctrl+A”选中所有的图形,并进行组合;

(6) 修改画布大小为【宽】为706像素,【高】为 51像素;

(7) 选择所选组合,按Ctrl+C复制后再按Ctrl+V粘贴,然后排列好两个对象并再次组合;如图17-3

所示;

图17-3

(8) 按“Ctrl+X”剪切所选组合,选择【修改】| 【画布】|【画布大小】命令,修改画布大小【宽】

为353像素,【高】为 51像素,再按Ctrl+V粘贴组合,将所选组合右侧与画布右侧对齐;

(9) 现在开始制作滚动动画;选中组合的图形,选择【修改】| 【动画】|【选择动画】命令,将【移

动】设为“353”,使其恰好能够左右衔接上,并将【状态】设为70,其他参数不变,如图17-4所示,“确定”后得到如图17-5所示;

图17-4 图17-5

(10) 选择【窗口】| 【状态】命令(快捷键:Shift+F2),打开“状态面板”,选择第一帧,按住Shift

键再选择第七十帧,将鼠标放到1—70帧上任意一帧,右击鼠标,选择“属性”,选择修改【状态延时】为“10/100秒”,如图17-6所示;

图17-6

(11) 预览动画,并导出图像,选择【文件】| 【图像预览】命令,如图8.16所示,在“格式”里选择

【JIF动画】,点击【导出„】按钮,将做好的图片保存为“照片连续滚动.gif”文件; 保存该作品为PNG格式;照片连续滚动效果制作完毕。

===========================================================================================

Banner广告动画(学习打开文件制作动画)教材P114

步骤略

=========================================================================================

送花小动画(学习分散状态生成动画)教材P116

步骤略

-----------------------------------------------------------------------------------

因篇幅问题不能全部显示,请点此查看更多更全内容