FireWorks象素按纽教程

教程

作者:wayno
翻译:Catflame(困猫)
转载请联系作者

关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool)

这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。

创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。

选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。

保持矩形为选择状态,在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。

  

保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:

  

现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。

时间: 2024-12-11 07:06:43

FireWorks象素按纽教程的相关文章

Fireworks礼花动画制作教程学习

  Fireworks 不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库,本教程是关于Fireworks礼花动画制作教程的讲解,该文章中包括动画制作的8个步骤,以下请看正文: 1. 新建一文档,画布大小为 200 * 200,底色为黑(#000000). 2.用画圆工具画一个圆形,大小为 10 * 10,Fill 为 None,调节 Stoke . 3.选中刚画好的圆形(其实这时已经就是静态的礼花了),按 F8 键转换为 Animation Symbol. 4.调节弹出

《Adobe Fireworks CS5中文版经典教程》——第1课 了解工作区 1.1 熟悉Adobe Fireworks

第1课 了解工作区 Adobe Fireworks CS5中文版经典教程 在本课中,读者将快速熟悉Adobe Fireworks CS5界面,将学习如下内容: 建立新文档: 打开现有的文档: 绘制矢量形状: 熟悉工具面板: 存储文件: 使用属性面板修改选定对象的属性: 定制工作区: 在选项卡视图下使用多个文档: 使用历史记录面板. 本课需要大约90分钟.如果还没有将文件夹Lesson01复制到您在硬盘中为本书创建的文件夹Lessons中,请现在就这样做.学习本课时,将覆盖初始文件:如果需要恢复初

《Adobe Fireworks CS5中文版经典教程》——1.2 工具面板

1.2 工具面板 Adobe Fireworks CS5中文版经典教程 在Fireworks中,工具面板分为6部分:选择.位图.矢量.Web.颜色和视图(如图1.9所示),这让用户能够根据要处理或创建的图形对象快速找到合适的工具. 选择工具让用户能够选择.裁剪以及缩放或扭曲对象,主要的选择工具为指针工具(). 位图工具用于编辑或新建位图对象.用户可使用多个位图选取工具之一(如魔术棒或选取框)来选取位图:用户可使用橡皮图章工具(也叫仿制工具)进行基本的照片编辑,还可对位图图像中的像素进行选择性地锐

《Adobe Fireworks CS6中文版经典教程》——1.3使用属性面板

1.3使用属性面板 Adobe Fireworks CS6中文版经典教程 属性面板是上下文敏感面板,因此它将随用户在画布上选定的对象而异.用户选择不同的工具时,属性面板将更新,并显示当前工具的可编辑属性. 正如读者在本课第1节中看到的,使用工具面板很容易找到并添加一个矩形以及修改其填充色. 选择形状后,用户可在属性面板中修改众多的其他矢量属性. 1.选择工具面板左上角的指针工具(). 2.单击画布中左边的矩形以选择它. 3.在属性面板中,单击"渐变填充"图标,如图1.13所示.矩形的

《Adobe Fireworks CS6中文版经典教程》——1.2工具面板

1.2工具面板 Adobe Fireworks CS6中文版经典教程 工具面板可使用户根据要处理或创建的图形对象快速找到合适的工具,如图1.5所示. 选择工具让用户能够选择.裁剪以及缩放或扭曲对象,主要的选择工具为指针工具(). 位图工具用于编辑或新建位图对象.用户可使用多个位图选取工具(如魔术棒或选取框)来选取位图:用户可使用橡皮图章工具(也叫仿制工具)进行基本的照片编辑,还可对位图图像中的像素进行选择性地锐化.模糊.减淡.加深或涂抹:使用刷子工具或铅笔工具可绘制位图对象.唯一需要注意的是,不

《Adobe Fireworks CS6中文版经典教程》——1.5使用多个文档

1.5使用多个文档 Adobe Fireworks CS6中文版经典教程结束本课前,再介绍一下Fireworks CS6的文档窗口功能.Fireworks有多种方式可访问打开的文档窗口,了解如何自定义访问,如在文件间拖动对象,可使工作流更流畅.当打开了多个文件时,文件的文档窗口将以选项卡方式排列,让用户能够轻松地访问. 1.选择菜单"文件">"打开",并切换到配套光盘中的文件夹Lesson 01中. 2.按住Ctrl(Windows)或Command(Mac)

《Adobe Fireworks CS5中文版经典教程》——1.3 使用属性面板

1.3 使用属性面板 Adobe Fireworks CS5中文版经典教程用户选择不同的工具时,属性面板将更新,并显示当前工具的可编辑属性.属性面板是上下文敏感的,因此将随用户在画布上选定的对象而异. 正如读者在本课第一节看到的,使用工具面板很容易找到并添加一个矩形以及修改其填充色.选择形状后,用户可在属性面板中修改众多的其他矢量属性. 1.选择工具面板左上角的指针工具(). 2.单击画布中的黑色矩形以选择它. 3.在属性面板中,从填色框旁边的"填充类别"弹出菜单中选择"渐变

《Adobe Fireworks CS6中文版经典教程》——第1课 了解工作区1.1熟悉Adobe Fireworks

第1课 了解工作区 课程概述 在本课中,读者可以快速熟悉Adobe Fireworks CS6的界面,同时将学习如下内容: 建立新文档: 绘制矢量形状: 熟悉工具面板: 使用属性面板修改选定对象的属性: 定制工作区: 打开现有的文档: 在选项卡视图下使用多个文档: 合并不同文件到一个文档里: 存储文件.学习本课需要大约60分钟.如果还没有将文件夹Lesson01复制到硬盘中为本书创建的Lessons文件夹中,那么现在就要复制.在学习本课的过程中,将会覆盖初始文件:如果需要恢复初始文件,只需从配套

使用Fireworks制作香烟的教程

教程 我们首先选择的file> New或CNTL+N, 新建一个400x200象素的fireworks文件,设置分辨率为72,背景色为#99CC99.做一个烟身, 选择矩形工具,拉一个矩形.在属性面板设置这个矩形宽222个象素,高18个象素.然后设置矩形的填充如图.线性填充的颜色从左到右分别为: #CCCCCC, #FFFFFF, #FFFFFF 和 #E5E5E5.再做一个矩形来充当过滤嘴. 选择矩形工具 ,拉一个矩形.设置这个矩形的长为68,高为18.设置填充如图:Linear线性填充的颜色