《Fireworks.ppt》由会员分享，可在线阅读，更多相关《Fireworks.ppt（43页珍藏版）》请在三一文库上搜索。
1、,制 作 网 站 logo,对一个以宣传为主要目的的小型企业网站来说，一个好的LOGO会使浏览者快速了解到这个网站的类型及内容。在一个布满各种LOGO的链接页面中，一个能让人轻易看出它所代表的网站的类型和内容的LOGO就更加重要。 88*31 这是互联网上最普遍的LOGO规格。 120*60 这种规格用于一般大小的LOGO。 120*90 这种规格用于大型LOGO。 1标志（logo）是网站的灵魂 2logo在网页中的位置, logo介绍,标志（logo）是网站的灵魂,网站标志,logo在网页中的位置,好的设计, 学生作品, 学生作品,Fireworks 基本操作,2.1 Fireworks基
2、础,2.1.1 矢量图和位图的概念,2.1.2 认识Fireworks的界面,2.1.3 新建、打开和导入文件,1. 新建文档 在开始页中点击“新建Fireworks文件”，或执行菜单命令“文件”“新建”都能新建文档。 2. 打开文件 选择“文件”“打开”菜单项，Fireworks可打开其可读的任何图像文件格式。包括Photoshop格式（psd）和Freehand、Illustrator，CorelDraw等大部分图像处理软件创建的文件格式 3. 导入文件 导入文件是把一张图片导入到另一张图片里面去，,1）选择“文件”“导入”命令； （2）在导入文件对话框中选择需要导入的文件； （3）在文档
3、窗口拖动鼠标指针，出现一个虚线矩形框，如图5-5所示，虚线矩形框总是等比例放大，保证导入的图片不会变形。松开鼠标，图片就被导入到矩形框中。导入图片大小、位置由拖动产出的矩形框决定，如图5-6所示。 在步骤（3）中，也可以直接在文档编辑窗口单击鼠标，图片也会被导入。单击的位置即为图片左上角的位置，但图片的大小将保持原有的尺寸不变。 导入文件还可以通过将要导入的文件拖动到图像文件的编辑窗口中实现，图片的大小也会保持原有的尺寸不变。,导入文件的步骤,2.1.4画布和图像的调整,1. 修改画布 2. 符合画布 3. 修剪画布 4. 改变画布的显示比例 5. 修改图像大小 6. 裁剪图像,2.1.5 辅
4、助设计工具的使用,1. 标尺 “视图”“显示标尺”或“隐藏标尺”命令，可以显示或隐藏标尺 2. 辅助线 3. 网格,2.2 操作对象,2.2.1 对象和图层的概念 在Fireworks中，只要我们向画布中添加内容，例如画一个矩形，插入一段文字，导入一个图像，这些都被看作是添加了一个对象。每插入一个对象，Fireworks就插入了一个图层，可以在窗口右侧的“层”面板中看到画布中具有的图层,图层示意,2.2.2 选择、移动和对齐对象,2.2.3 改变对象的叠放次序,2.2.4 设置对象的不透明度,2.2.5 操作对象的快捷键,1）当使用全选箭头选中对象后，使用键盘的方向键可以移动对象，每按一次方向
5、键就使对象在该方向上移动一个像素，这在对对象进行精确位置调节时很方便。如果按住“Shift”键不放，再按方向键移动，可每次移动10像素。 （2）如果要选中多个对象，需要按住“Shift”键（多选键），再用全选箭头就可以同时选中多个对象了，此时多个对象外围都会出现选择框，这样可同时对多个对象进行移动等操作。 （3）如果要复制某个对象，可先选中再按住“Alt”键不放拖动某个对象，即可对其进行复制，这比选中对象再用“Ctrl+C”、“Ctrl+V”复制快多了。 （4）对于所有形状绘制工具而言，按住“Shift”键不放进行绘制，可以保证其宽、高比始终为原始比例。这对于绘制圆形或正方形是必要的,2.3
6、绘制矢量图形,2.3.1创建矢量图形 1. 矢量图形的基本构成,矢量图形可分为笔触和填充两个部分。而要认识矢量图形，就必须了解另一个几何概念路径。 “路径”是用矢量数据来描述的线条，它本身是看不见的，但是在Fireworks中，为了便于编辑，将会使用彩色线条来表示它；沿着路径添加某种颜色样式，得到的线状结果就是“笔触”；而在路径围成的区域中应用某种颜色样式，得到的块状结果就是“填充”。,2. “直线”、“矩形”和“椭圆”工具,使用“直线”工具（）、“矩形”工具（）或“椭圆”工具（），可以快速绘制基本矢量形状。 绘制好形状后，可以在属性面板中对它进行进一步设置。先使用“全选箭头”工具选中画布上的
7、矢量形状，就会出现它的属性面板，,3. 填充属性的设置,矢量图形的填充方式主要有三种，即“实心”、“渐变”和“图案”。 （1）实心方式填充 （2）渐变方式填充 （3）使用图案方式填充,利用纹理对填充进行修饰 应用举例,4. 笔触属性设置,选中需要设置笔触的对象，在属性面板中将显示用于笔触设置的各种属性（图5-62），其中用得最多的是描边颜色、描边粗细和描边类型选项。,5. 自由形状,在“矩形”工具下提供很多自由形状工具 以圆角矩形为例,6. 钢笔工具,（1）绘制点：使用钢笔工具在画布上单击一下，即绘制了一个点，接下来不要移动鼠标，在这个点附近（光标右下角带有“”形时）双击鼠标结束或按住Ctrl
8、键单击结束。 （2）绘制直线：使用钢笔工具在画布上单击一下，即放置了第一个点，然后移动鼠标，再单击一下即放置了第二个点，一条直线段会将这两个点连接起来。继续绘制点，直线段将连接每个节点。执行下列操作之一可以结束绘制：在最后一个点处双击完成绘制一条开放路径；在所绘制的第一个点处单击完成绘制一条封闭路径。 （3）绘制曲线：使用钢笔工具在绘制点按住鼠标并拖动；或者单击绘制第一个点后，移动鼠标，在绘制第二个点时按住鼠标并拖动，继续绘制点，在绘制最后一个点之前松开鼠标，单击绘制最后一个点，接着在最后一个点处双击完成绘制一条曲线，如图5-66所示。 （4）绘制直线和曲线的混合曲线：在直线节点后绘制曲线，点
9、击并拖动鼠标即可。在曲线节点后绘制直线，点击即可，如图5-67所示。其中路径上的空心圆点表示曲线节点，空心方形点表示直线节点。将鼠标移动到曲线节点上单击鼠标可将其转换为直线节点；将鼠标移动到直线节点上时，光标右下角会出现“-”号，此时单击可将该直线节点删除,（7）修改路径：对于已经绘制好的路径，可以用“部分选定”箭头单击路径上的某个节点，此时该节点会变为实心，表示被选中，此时按住并拖动鼠标，即可调整路径的形状，也可使用键盘上的方向箭头以1像素为单位精确移动节点。 提示： 钢笔工具可对任何矢量路径进行修改，例如矩形、圆等矢量图形的路径，方法是先用“部分选定”箭头选中路径，再选择钢笔工具就能对路径
10、进行修改了。 钢笔工具绘制完路径后一般要使用“部分选定”箭头对路径进行调整。很多路径不一定非得使用钢笔绘制，利用现有的矢量路径（例如矩形、圆等工具）绘制后再调整可能事半功倍。,2.3.2 调整矢量线条,例：露水滴图标,2.3.3 路径的切割和组合,“刀子”工具（）用于切割矢量图形的路径,2. 路径组合,（1）联合：例 （2）相交：例 （3）打孔：例 （4）裁切：例 路径修改实例：花瓣按钮,5.4.4 路径和选区的相互转换,路径转换为选区 实现抠图的一种简单方法： flower.jpg,2.4 文本对象的使用,在Fireworks中修饰文本的一般步骤,如下： 选择合适的字体，有时只要选择一款漂亮
11、的字体，无须太多修饰也能显得很美观。 书写文字，并调整间距。 对文本进行填充和描边处理。 对文本应用滤镜效果，如投影、发光等。,2.4.1 文本编辑和修饰的过程举例,（1）新建一个画布。选择工具箱中的文本工具（）。 （2）在文本起始处单击左键，将会弹出一个小文本框；或者拖动鼠标绘制一个宽度固定的文本框。 （3）在其中输入文本，也可以粘贴文本。 （4）单击文本框外的任何地方，或在工具面板中选择其他工具，或按下Esc键都将结束文本的输入。 如果要修改文本，则首先要使用全选箭头（）选中这个文本对象，此时文本对象周围会出现带顶点的蓝色矩形框，如图5-103所示。然后用文本工具（）点击并拖动选中其中的文
12、字，就可以对选中的文字进行修改了，如图5-104所示。例如调整大小，水平间距，颜色等,1.安装字体P39 2.设置文字水平间距,3. 给文字描边 4. 添加投影 5.插入背景,特殊文字效果制作举例,1、制作特殊形状的字 （1）用字体“黑体”、字号“56”，录入文字 （2）选中文字，“文字-转换为路径” （3）用钢笔修修改路径，增加、删除、修改路径 2、倒影字 修改-变形-垂直翻转,项目操作：,网上书店网站的LOGO设计 P33, 案例logo分析,1,素材网站上搜索并下载图片,2,安装并使用 特殊字体,3,输入英文并 设置相应格式,图片素材网站： 站酷（ZCOOL）http:/ 图酷 http:/ 字体素材网站： 英文字体 http:/ 中文字体 http:/ 会利用文字阐述logo设计的思想。, 课外拓展,实用小软件推荐 AAA Logo 一款Logo设计软件。通过简单而强大的方式，设计专业的Logo。内置60个模板，附带包含2000多个Logo对象和剪贴画的图库。所有内置Logo对象都是基于矢量的，可以轻易的缩放和旋转。也可以对任意单独对象应用不同的样式，得到几乎无限的对象和效果组合。,