|
前段时间做过一个Fireworks画书的教程,今天再来一个水晶质感的文件夹。其实这也没啥,PS做的多得去了,只是我喜欢将别人用PS做的东西用fireworks做出来。当然,Fireworks在滤镜上还是和PS没得比,有些效果我可还是做不来。-_-||7 i* {* K: ]! P! g
这篇教材似乎有点长,大家看的时候需要耐心点,汗。。。难道是我废话太多了。不废话了,来看效果图:
+ G) M1 p" D d1 q1、PNG源文件。- s( p% f c9 C6 Q+ e: ^# [0 R
3 O8 u' }0 g* K! N, u, s/ S b; a, C3 ]
5 _* |; Z2 b' P1 e
2、新建画布,使用矩形工具(U)绘制一个垂直渐变填充的矩形,如下图设置;
" h5 [2 D$ Z9 O# J
) w- a) O5 j( R* F, B3 N5 d% f% ^) O* a. E3 S
) c+ J6 n0 K6 g- d# }4 u3、使用钢笔工具(P)给矩形添加节点,并调整如图;. r' q! ?1 s% G1 R/ J' a2 ^7 N4 ^) `
5 o4 E& w$ ^: D1 ?
% ?6 l1 N# j6 E7 w) z9 [0 S; w7 ?2 E+ M) l4 v' t0 A
4、使用缩放变形工具(Q)调整矩形倾斜;6 o. ?, J/ ]+ r5 g7 N u# l
3 v; P) V0 e# a' Y6 Q: J
6 X" k, A( d- i9 h4 v
1 n& G% P2 h/ a4 w# L
5、给矩形添加内侧阴影,如图设置;/ B1 d- ^: O- E" q6 Y9 R! J! |
: E I) ?# i$ j
& @ z$ g# y) m8 o9 p1 L
; s ~. a' Z/ x7 H7 K. k& n, }6、我们再来绘制文件夹的外壳,同步骤2绘制一个矩形,并选择垂直渐变填充;* }' i0 V; b9 L5 U
& b( j. R; Y, r+ y5 E0 S O
% `8 h2 \: A% \9 |3 u* w8 D# x- @3 M. z+ q7 W B" d
7、如步骤3方式为矩形添加节点并调整图;* \) Y" s, c) j7 }
9 H9 I. k+ z! k1 K; k; w
( X2 k$ d A; y5 h) B* K) c 5 h9 S8 @' g: b3 ~4 G
! c) X9 A# ]" t& l# `3 L# x
. A4 ]" w: @; ?9 W* u 1 p5 d8 [+ S1 Z, F: x# F
$ _! n( \( r" l+ f1 n+ `6 {
: w) Z [: ]' ^. P2 d2 T6 D8、同样为文件夹外壳添加内侧阴影效果;
6 r w. |5 n ~# {6 j+ F0 M( x6 d. P3 D @/ ~* M
) a6 w+ @: k! |2 P3 r0 P3 {
# S8 z2 p. W5 ~9、现在我们开始制作文件夹的内页,我们先打开层面板(F2),将外壳隐藏;按前面步骤绘制一个白色填充的矩形并调整倾斜;
; s0 c. x4 H4 h8 e7 y% w, H7 b! \- Z+ t4 p R
1 z/ v2 ^. B' _) B' i8 |+ V% a$ D3 [ n4 @, M. {! P5 ^
10、为内页加上投影效果;; r1 f) J1 F( @3 J' d( V
% g8 z& |9 D8 Z& A# {' i
& |! n( `; E, D/ Q
5 ?: ~+ z8 a6 U$ W. W. q3 z0 a6 a. v11、将内页复制三份,如图错位排开,注意:移动错位后的内页会有部分显示在外壳下面,所以需要使用部分选择工具(A)调整内页矩形的高度;% z& F! Y- p+ X3 D; o& A
! X. T! `8 b' L* ^7 @ {) }0 u ]; V6 q: d/ {/ h- p
" t" y- F2 p' G4 q+ Z$ _, V0 u, e6 M
12、这时,我们打开层面板,显示文件夹外壳,这个文件夹的大体效果就已经出来了。9 U7 k: B- Z, \3 T0 d8 N
- h: v# L; Z( ~6 w0 {1 |# c- ?% I0 z2 S: d$ E8 O2 d% N) a
4 C+ R; I! T: O: w
13、接下来我们制作外壳的阴影效果。将外壳复制一份,将上面的层隐藏;
6 T n1 a- g/ K5 r' y+ d- [9 t I2 h8 w# b9 j, h r1 A
+ s+ a0 G# O$ |; P
g9 w+ ]& b2 ^% j- f- S14、选中下面的外壳,将填充更改为黑色实心填充,羽化值为10,将透明度设置为30%并向右上角移动;+ \2 q" p, B, @3 L
; G0 C o; k- V
* p; U% j- q: Y- U' o1 c& N # f( Y* Z1 c/ c- _6 r) q2 x' f/ S
* x8 y Z6 m' \) [9 C% y& c
4 Z c q. L, B1 D+ a, @ 2 `9 C+ F. P; Z+ X4 G
6 h& T9 f: `' M& M) S3 w2 d! T" N9 j! z, G* ~8 f% l
15、这里我们将用到蒙板效果来对阴影效果的范围进行设置,我们将投影的范围限制在文件夹内,所以这里我们使用文件夹外壳作为我们投影显示的范围。选择前面制作的文件夹外壳并复制;
& d* O/ m; v$ b) F3 k* l- T9 U. _3 ^% y8 L L1 O) j/ |' m, U
$ i' D" Y% B( W) k& C' I
" D, ^: E2 T( {1 w
16、选中我们刚刚做好的阴影效果,点击右键,粘贴为蒙板;7 X+ q u) E0 @+ X8 P
# x2 @3 k" S' g5 ~$ L' L
; J4 d1 D% p& {' N8 h
2 Z0 k6 Y c2 G: q17、这样,我们的文件夹阴影效果就大致完成了;2 L: W8 f9 a- {" u
3 ^' X% \% T: ~; p2 S+ o6 D1 l
- _9 |0 v# D9 _* q {+ p# L+ E
+ v! _, U, g7 b7 o$ \18、接下来制作外壳的高光;使用钢笔绘制如下路径,选择白色填充,调整透明度到30%;: t% m: d2 F% W
6 Y; u( ]- q- g4 k- r* Y6 s
b( w5 y8 t1 Y5 x3 u& |. x1 Z% f6 ]
19、复制绘制好的路径原处粘贴并水平翻转;
; t! N8 T$ D9 Q" D6 t
% S( b3 g& p1 X' Z' [& W' ^
" [3 S$ ^% `, P' q
$ ?! b& c) ?5 f20、选择两个路径组合,利用刚才提到的蒙板方法,取得高光部分范围。调整降低透明度。ok。完成了。" v b& u+ H* T
7 ^6 u" F0 }+ Z8 \1 {
" [( Z, J/ a- i ?6 s+ ^& K+ n8 `7 u; a0 [7 X/ _- P. w
在这里,这是我大家介绍了一个基本的方法,如果想要效果更好,还需要更多细微部分的制作和调整,这里就不多说了,大家可以自己试试 |
|