设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks
返回列表
发布主题
Fireworks
[复制链接]
查看:
216
|
回复:
0
gggds
当前离线
积分
22694
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:17:08
|
显示全部楼层
|
阅读模式
关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool)
4 Y8 g5 S: ^5 I( w% r$ o7 ~. `# p
这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。
: K. d; d/ n+ d; K8 b+ M4 [
创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。
8 \( U6 q" j2 j. A+ U
选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。
6 G5 |/ U2 W4 `; |; x1 r
) S% a0 i c! u6 e8 C
7 H1 G- a4 a4 o' N
% F1 O, y3 D) [: W& ~
保持矩形为选择状态,在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。
& Q% b6 J, b5 ~& d4 W2 V& P2 |
. D4 A9 X9 l& F4 q- t1 U
( l7 [5 b1 Z* A, O
( r- Z+ {7 R# h6 T: K5 `
& G+ ]0 }2 M2 z" _% T
$ Z) B) z7 h4 p2 N( {; P' o
) l7 o& H& [2 v* I: e- `5 T
保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:
. ^8 A4 y2 b7 q; g8 i
. z( e& m' ~& q6 d
3 B( T8 \9 U4 m6 q" L
; H: _2 q) [' @4 ~7 i3 Y! m9 L
# Z( ^% s6 Q; V; ]2 G3 }
9 l& C1 |* k/ z7 Z' O
1 F7 y! W! W" k7 M! z. f$ f
现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。
3 R9 `, @# @2 ^& M- n
7 v# W4 N4 o6 m% v8 B$ R7 C/ F* B
: M2 w6 w/ ~% E: Y' }
5 G( c* r' ]0 I- H8 S9 `/ ^; j3 k
/ Q" ]. s& _8 V
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表