用 Fireworks 制作产品展示图

[复制链接]
查看: 272|回复: 0
gggds 发表于 2009-12-27 12:31:27 | 显示全部楼层 |阅读模式
关键词 :矩形工具(Rectangle tool),数字变换(Numeric Transform),效果(Effects),打孔(Punch ). ! e7 s/ y1 n7 `3 A: K
, d9 |' j3 _! p. t

& o3 M  I. \: H2 x8 i. _6 A" q6 U
0 Q7 n$ t: D9 @如果你想在主页上展示你的新产品,下面的实例是一个不错的方法。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。
4 P* c4 a) h# y' B; @创建一个新的Fireworks文档,Files>New(快捷键Ctrl+N)。大小300*300,如果图片用于网络发布,保持默认分辨率为72不变。
3 k" i# V% P; ~. y  o设置描边为空,填充色为黑色。选择矩形工具,绘制矩形,大小为宽189px,高202px(矩形大小和你后面导入的图片有关).克隆(Ctrl+Shift+D)矩形两次。 5 ?) o. Z' `; L' P% P* i6 m8 T& c) K
/ r* M' m4 q$ U0 j# a2 \

' t8 J( s7 k& F  A
2 C8 f, h; f9 L- E
5 b5 u6 S9 [3 F$ s5 e9 i9 A$ O( V  C' Y* ?& h, a; h
+ P7 C  e' {( O  H0 i( b
选择最上面的矩形,改变填充色为灰色(#CCCCCC);选择Modify>Transform>Numeric Transform,点掉Constrain Proportions左边的对号(不按照原比例进行缩放),设置width为80%,height为70%. 4 s6 x; @9 U- J. m

8 F; @5 {8 ?, U, {6 |2 ^
4 Y2 w$ s% h8 W" x( b
. ?  H/ A' }# w6 s- f7 p$ k
( q" \$ [. L( W) C( ?' u( g1 \6 a% R9 {. A% f1 }: d# B' u

8 L$ E6 u5 a3 g- J5 f6 M/ v现在你的画布应该如左下所示。用方向键把灰色矩形向上移动,图片形成了一个方向的厚边。保持灰色矩形仍为选择状态,按Shift不松,同时选择位于灰色矩形下面的黑色矩形。选择Modify>Combine>unch(右下图)。 ' M3 g3 |! k' t8 e3 |
9 O& ~% A0 G0 q' h8 p

' E, H. R# o+ {( E7 Q- e3 y: w% A) y& \% @  U" M3 X& q: Z7 _
* s6 e. ~. Z% V+ j

) F( y, G# [% s8 v. n9 _& }3 G. S
- g" V' h, D( P: v
: A; h* Z) v. ~0 I
  p1 f9 X' E" k) [8 a/ }) D6 b5 m6 U% T, ]8 |7 A0 _  ]* m
改变打孔后的“矩形”填充色为白色,描边为灰色(#CCCCCC).然后在Effects面板里选择Emboss>Inner Bevel,参数设置如下中图,选择完整的黑色矩形,在Effects选择Glow>Drop Shadow,参数设置如右下所示: 2 d8 [/ c, c7 o: s6 o8 ^' P

: I: M% R& `( B* ?
; m2 P/ w4 z  \! G! w4 u  {
; `# T  s2 Z3 U3 J8 H9 x; i1 _. t( M
8 V4 r7 w1 ?# j  @7 e2 L
; V* N3 z" f1 {% K& ^( G! V' `8 Y

- k8 g2 R1 f! {) {
4 z( ^2 n) O0 g
; R; E: w+ i0 G# u* h; u  X) V导入图片(Files>Import)。图片可以通过缩放工具(Scale Tool)来改变大小。在层面板里,左键将图片拖到“打空矩形”于“完整矩形”之间。选择画布上所有元素(快捷键Ctrl+A),使用缩放工具旋转,使得到一个合适的角度
$ S" T. Y/ k( N# ]* {% G3 h5 q  l+ x! m3 P9 j4 g
0 K  ~2 \' T9 Z
2 d+ j5 a; g. S7 \
! d+ o! {% R; X2 w. F2 ~. T
) S  R+ z5 x6 T0 n! ^

* h) [% p/ {2 E; r
6 A3 P1 E) Z8 {8 {" ^' M% ~/ R  t
  z# T- |& o# }$ s+ Y" K
/ X( z* }' F: k  s+ n基本工作已经完成。下面的效果是我放置了一系列根据上面的方法制作出的图片,并恰当的组合了一下。Have Funs\"
$ c! ?( A5 G. k8 J
& G* {# ?/ t5 c' J

本版积分规则

精彩图文

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