[组图]用FW制作仿真软盘效果

[复制链接]
查看: 243|回复: 0
gggds 发表于 2009-12-27 03:26:43 | 显示全部楼层 |阅读模式
看看下面这个软盘,可不要以为这是数码照片哦,其实是我们在FW中制作出的效果。怎么样,心动不如行动,让我们一起来,用FW做出超仿真的软盘来:)
* g; H* R! m" g1 S+ C6 o
0 n& a* k" f6 P9 k3 w+ @5 T! J  }: P' A
! `8 f" D3 _7 }0 N
7 b: a' r* J( C$ f
: n. z: N# z" i4 b
制作工具:Fireworks MX 简体中文版使用字体:Georgia主要制作方法:FW内建滤镜、纹理填充、合理的字体选择、渐变填充及遮罩、路径组合等详细过程:第一步:准备工作:洗手,更衣,沐浴,焚香,心诚则灵—____—b找一个最常见的sony软盘,制作过程中可以时时参照(什么?你用闪存?软盘早扔光了?汗\"\"\"\"\")启动FW MX,新建画布,我们暂定画布大小为:500*500,背景色为白色。第二步:盘体的制作a 首先我们在画布上,用圆角矩形工具,绘制一个比画布略小的圆角正方形(绘制的同时按键盘shift键,就可以画出正方形来),同时对该矩形的边框笔触设置如下:   M/ N% j9 D8 m0 T+ L1 y4 H
4 @5 u) y" p7 U2 S

( A% M4 ]3 L$ z, a# W$ ?2 P2 W3 c9 l9 f6 v& Z: A" |, w& W

, U) U( l! c2 E0 a& y! L9 v) O) z& E+ [* N( @' w: [; w2 l
/ @# l, `! I6 ^7 d( {. I: F6 _. g3 j1 G
b 在我们刚绘制好的矩形框上点击右键,在弹出的菜单中选择“取消组合”,这样我们刚绘制的矩形框就转换成为纯路径了,方便我们进一步的修改。c 将画布显示比例略微放大到200%,然后拖动工作区边缘的滑块,将我们的视线定位到矩形框的右上圆角处,然后在工具栏选择“钢笔”工具,在圆角的附件添加两个节点:
. b! u  a! z3 H% b3 ]+ n9 j4 u% j3 x0 D; P+ {0 x- [
) ?% L/ S. _' m
$ N, O# a+ z' }
" h4 o9 B- j( Q, h- w& f& A

) `4 K4 l8 ?4 P" X; L6 g0 s$ m4 Jd 保留这两个新增加的节点,按键盘del键删除原来用来圆角处的两个节点,就产生了一个斜角:
- T% R  B+ v0 F
+ m) L& T9 w+ K/ \) I
, }9 G3 o+ u/ ]3 p. K( k7 l
3 k) q1 A0 g( Q5 u. K  r" w
# |+ _4 |0 q  Z4 B* d# ee 在矩形盘体的上方,再绘制一个狭长形的圆角矩形,选择菜单项“修改”下的“组合路径>>>打孔”,在上面边缘打出一个缺口来:
" |% {9 ]& \1 E4 m! x' _% {' @5 K" u5 n% w( t) _" c0 r

7 `+ s: Q; \$ V6 J3 c3 H- U. A1 b; J" ^3 n5 x, v! J  Q* F" t
* t- E9 A# v; D

# V- o& ^3 s0 V% X+ I, X! H- D! V  bf 应用前几步的制作方法,我们可以对此圆角矩形的边缘轮廓进行比较细致的修改,最终达到软盘盘体轮廓的仿真效果:) D2 e9 S  V6 r5 W
$ g2 k( _4 C! u% J% R9 R; B; v
$ {' W& x0 [) N( t" T( p

% J) q3 ^5 z4 C/ T/ U8 m7 ]7 S
  p# n: k5 @- x- ^6 o$ X! j' s+ `% S9 ?) H  B, Z
g 对当前的盘体图形进行填充设置,用纹理填充中的“砂纸”来仿真塑料盘体的颗粒质感,填充我选用了#555555' _7 k0 w. k- x% n

9 @( j2 w; B8 V- J
- j( O+ O5 m9 f, M5 _. ]: l6 _2 w

' w  n, l$ n* d9 v% W+ n7 M1 I/ _2 O* |! E& ~/ M  A, A- ]( U
h 绘制上下两个矩形框,用上面c\\d步骤中的增减节点的办法,调节图形效果如下:  @1 a6 a/ u8 W* j7 c7 u1 q
2 {8 j# \9 `8 C& _/ |
  B7 e$ ^$ `2 S8 _+ u
9 N& i' Q( B. o$ L. P0 q. w2 J+ B$ H
i 这里是比较重要的一步,为了表现盘体的立体感,我们要对三个图形框进行特效处理。选择最底层的大图,应用内斜角和投影效果,具体参数设置如下:
6 y* m/ p9 I+ o( w' O' p7 H! _2 D! l; [; C! f
8 j( G5 D/ r! A
( X# e& b, X. c7 ^. ~
. B: B, C, E* u; `$ Q5 n6 E
* R$ `) ?, j3 K' s" w. D- ~0 I3 t
, G0 r+ l% N  `
同样对上层的两个图形进行内斜角效果的应用,具体参数设置如下:; D- _6 N7 G/ X) t

0 H( f7 K% z9 d% a' b; I! x
( ^0 v+ J" e5 f3 A! s; U6 x9 H1 M- N0 a% q! e6 B1 j4 y# \5 [

. I& P& Z# E3 }# [/ V
6 |& i5 b9 Y9 g1 n1 i( a* @OK,现在我们看看,一个有模有样的软盘盘体是不是就呈现在眼前了???  t& n* ^# }  f4 g2 Y
$ z3 r) w$ G# t! X! g, \
. I; d2 v  u! U5 Z/ H

* \* B& ^4 u) N
7 y  G) k2 D7 H
" M0 j6 E7 ~$ \# s. T歇一歇,喝口水,咱们接着来。。。。第三步,金属滑片的制作a 绘制一个大小恰当的圆角矩形,最上面的一个边应该为水平比上方凹槽高一个像素,我们注意到一般软盘金属片上方左侧有个小小的缺口,我们用组合路径的方法添加一个,最后再在内部打洞,得到金属滑片的大致形状:   w1 f) }% }7 z" w8 m' H- f5 m
9 Y; A& u5 j* Y- O2 J

+ _! @2 L0 A' @" t) i8 D: T2 d+ h3 P! i6 q

* R8 z  T" f( z/ |0 r
: [& Q2 p' q5 I8 {& M
5 x( T) a$ i6 q) ?7 C- Y6 ^b 为了模拟金属的质感,我们对金属片体进行纹理填充,这里我们设置如下:注意,两边渐变的颜色虽然很相近,但还是不同的,一边是白色#ffffff,一边是非常浅的灰色#F6F6F6" i' i, M% C8 c+ e8 r1 ~
- x. d* j4 A5 T

' W( i; e: l  ?6 ?
$ M- a& R- w; d& X; ~  [% |1 k+ ~
! R2 Y4 j; _7 D4 N  B; J& [$ M+ N; O5 Y. M& t( V* F- g3 v7 {
c 有些同志会问了,怎么我的设置出来后不像金属啊??呵呵,别急,我们还要调节“缎纹”填充的渐变手柄才行,选用“指针”(黑箭头)工具后,发现被填充的金属片体上多出来一个调节的手柄,我们将它调整旋转到如图所示的位置,注意,右边的调节点刚好要比又边的旋转柄高出一个像素来,实践发现,这样的设置点,纹理效果最好:
, l; K9 v8 N' j! u: U# j7 Q. V& d9 \/ |# P0 n0 G6 i
* K  s* u& R- B9 P

3 ]$ m* o, J$ U9 K( Xd 精益求精的我们不会满足,我们再对金属片进行设置,对其应用阴影和高斯模糊效果,具体参数设置: % ~, J+ h7 w$ p0 V& Z7 Q9 T

  y4 [4 M; H# \2 n/ g0 ?9 q
! q) g- Y( y8 j" B
0 x5 Q* A+ w7 w/ U7 H. _
. P% R2 F* K1 n8 |: }/ J6 D
, {, @9 Z3 z3 F- @/ `" |, ]/ b  N1 \$ M: ]
好了,这个金属片是不是做的你有点头晕但是很有成就感啊??哈哈,不要忙休息,一鼓作气,进行下一步:第四步,帖纸标签的制作你以前用软盘的时候是不是都不喜欢帖标签纸呢??不为别的,SONY软盘的标签纸确实很简洁好看,我们特意来做一下:a 绘制大小合适的白色圆角矩形:
; |4 |. V" V- H% k% e: Z; t% w% y7 m) z" O8 q6 c. n1 v' R9 @5 P; E

8 T- _; P1 @5 Y, d
1 l( L/ J$ F- i/ s: [1 q+ C5 v/ ~
3 d7 E! U$ Q( D, Q+ W& g* W' s+ H. i& b8 Y; c% i& C
b 将刚绘制的标签纸形克隆两份(键盘快捷键CTRL+SHIFT+D),然后我们用钢笔工具绘制一个如图所示的图形,对其进行线形填充:
( [) T, S/ \! h) }. V; j" b
" ^4 a: j2 I8 F5 G* m6 C$ Q6 N( h
, g5 b3 ?2 @2 ^4 w0 d) b) C" ^: }/ o- R: Z: g1 |; O# k9 v1 ^% I
1 t* c* c" k6 J1 ?) l
& o; n" _" g  }+ x5 o
注意,线形填充的三个关键色为:蓝色:#3399FF 黄色:#FFFF00 橘红:#FF9900c 选择我们前一步克隆过的的圆角矩形,调整到最上层,同时选中该层和刚绘制的彩色层,进行组合路径>>>裁剪操作,这时彩色的过渡色块已经嵌在了标签帖纸的下方。d 还记得我们刚才克隆过的圆角矩形还有一个吧,在图层面板中找到它,设置为顶层,然后进行线性填充,设置如下:
( D* r9 i# ^$ A7 M! M  M1 M1 h) h* a7 k) q/ p: |- k  v( C2 I1 N
& f! {4 ~4 A# X! i* E3 ?# r! F7 k

( E" |. f! @4 K, P1 H' U9 F$ }1 Q9 \/ _- F$ v7 g- I% j7 ~
! A, D  F5 |6 O
% J5 F! p* t* F: X+ M) \$ |
e 选中改矩形和下层的裁剪过的彩色层,进行遮罩(菜单修改>>>蒙板>>>组合为蒙板)。好了,标签帖上去后,我们的软盘总算有点光彩了。。最后我们要添加文字了:第五步,文字的添加软盘上一共三处文字,标签纸上的SONY商标,标签纸下方的格式化文字,以及金属滑片上的SONY商标。a 三处选用的文字均为Georgia字体,加粗,匀边消除锯齿。b 在金属片上的SONY文字,填充颜色为#CCCCCC,调节该文字层透明度为50%即可好了,我们的软盘大致已经做的差不多了,对了,大家是不是发现少了点东西啊,好,加把油,我们进行更加细致耐心的收尾工作:a 绘制软盘上方做侧的箭头图形,绘制好应用内阴影效果,参数设置如下:
5 v" w+ Y, N! I, h! M' A
+ W  y: g* g7 t  f& S* c2 t% _8 v& S) k: `! u! X+ W3 J  h5 W

% a' u$ e; b* S- E# I' ]b 添加右侧“HD”文字,实践中发现没有一个合适的字体来直接写出这样的字母效果,所以我们用钢笔工具手绘一下,然后应用和左侧箭头图案一样的内阴影效果即可c 绘制左下方的写保护口,因为写保护口内的方块是黑色的,所以不用过多的进行细加工,只需要手工绘制一条折线来表现光的变化即可d 最后我们可以将所有图层合并,转化为位图,然后用橡皮拆工具或其他工具对边缘进行细小的处理。。源文件: 4 d, |8 D' ^% C- I

" i2 C, G/ x6 v: C7 b, A1 t/ _- e; H" ~& Y+ x

5 L+ O- [) R, {" Y  n

本版积分规则

精彩图文

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