Fireworks

[复制链接]
查看: 231|回复: 0
gggds 发表于 2009-12-27 03:17:08 | 显示全部楼层 |阅读模式
关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool)
2 S# H- B3 m8 J7 H1 [- S这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。
' _" S- l2 D& F' `4 W创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。
, L. @1 F7 m5 l: O选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。 0 T6 _. e' |! S* Y: w
0 l  l/ T& R/ a9 E, N/ \/ u
+ q, ?: g2 ~3 f4 d" z
% M6 D$ H2 p" q2 w- S0 Y
保持矩形为选择状态,在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。
4 T: F+ C) b8 R& h: C1 t: a# A4 ^3 E0 |$ s
) E+ G, v* Y( n, h5 N; M) T! {

1 s) }; s$ w7 L' r. r0 S3 r/ j+ h  T$ U2 B5 K0 z
- t$ }: D- d1 Z/ K( W6 Z9 S$ R

% e; i. T3 r4 B8 c' _保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:6 d& t# ~+ a/ C& h
2 o/ t  X2 g* n5 I& @% {& P" d' [

' Y/ X$ s4 ]5 I" R7 h% {% z- z( q0 b6 R) `* o' o( n! J7 w

/ S: O4 t" o, J6 t* D+ V
+ `, P- n( m0 Z0 T7 J
/ V9 t& k( |! k& ^. c现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。
1 A! W* [. }" e  L7 Z% e) \, A6 H8 {; X2 U

; |" ]. G: f# [: ?8 j& K% \% Q7 ~, E/ Z3 b+ F8 Z

6 l# p* ?+ Z; O: G

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )