Fireworks

2016-02-19 18:25 6 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的Fireworks教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Fireworks[组图] 】

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

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

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

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

来源:http://www.tulaoshi.com/n/20160219/1617581.html

延伸阅读
这是网上很常见的一种金属管状物体。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。首先创建新文档,FileNew(快捷键Ctrl+N)。文档大小300*300 pixels。如果图片用于网络发布,保持默认分辨率为72不变。使用钢笔工具 来绘制曲线。设置描边如下图所示。在左上部单击画布,然后在右下方再次单击并拖动鼠标直到画出...
很久以来,Fireworks一直因为没有通道功能,为不少惯用Photoshop抠图的用户所诟病,经过对Photoshop和Fireworks的对比研究,本人终于不必一边用Fireworks做网页,一边用Photoshop抠图了,既省去了导来导去的麻烦,又为可怜的机器节省下PS所需的内存。下面用 Fireworks 8 和一张翅膀需要细致抠图的蜻蜓图片为例讲解此方法。 Firewo...
大家都知道是一个创建、编辑和优化网页图像的多功能应用程序,其实在制作网页之外,我们也可以把它作为一个功能强大的图像处理软件使用。图3和图4中的两种印章效果就是利用它设计出来的,方法也很简单,下面以正方形印章为例来介绍一下它的制作过程。 创作工具:Fireworks MX 2004  中文版 1. 执行Fireworks程序,创建一个...
呵呵,也许看了这副作品“Spaceless Galaxy”,你也许会以为是用命令“螺旋渐隐”来做。抱歉,猜错了。 过程俺就轻描淡写一下,关键是核心的思想“实例补间”。 1 绘画补间的元件 在“柔化圆形”笔触的基础上,调一个“色相”会随着“速度”变化的笔触。(在笔触的“敏感度”选项卡中,“色相”-“速度”) ...
效果图: 步骤:

经验教程

299

收藏

66
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部