Fireworks 绘制Philips手机

[复制链接]
查看: 225|回复: 0
gggds 发表于 2009-12-27 03:13:44 | 显示全部楼层 |阅读模式
在整理东西的时候翻出前些日子做的philips手机,就搞了个教程发上来了\\\"不足之处多多指教!由于在绘制过程中的步骤太多,而且有些只是简单的调整节点和打孔,所以这里就不一一图例说明,只是加以简单的文字说明!还是那句话,讲的是方法,过程不一定相同!
3 f$ A/ R0 a. n0 }7 e/ M2 f/ ]# `$ L- w# E; O
( B8 t% G" u, H# j

0 K3 B* d  J, F0 [2 C1 首先以手机的翻盖为基础,画4条辅助线,并以此为基准画一个圆角矩形,矩形圆度设置为30;为了留出手机翻盖的轴部,使圆角一边成为直角(后来发现这一步可以省略),并调整节点使之与辅助线吻合;最后添加水平的线性渐变色:#f3f6f7-#bob3b9;如下图& z/ h0 y4 B! R8 O
; B7 U4 M5 U% J6 q  C( H; o

2 r/ F# a0 w6 v" [& q: ^- M$ J* z2 ~0 [/ T; a: ?1 F2 Y2 F
2 画一个小一点的圆角矩形,圆度为10,颜色 #303169、边为一px,颜色:#cccccc; 放在刚才的图层之上,并调整节点使之如下图;( r4 ?' k; a3 K' F- q

# ^  Y/ M+ j) Z2 x5 T" D. H7 j. Q% z. o6 [

; f8 g1 e6 U% R# J; `! u" A& X3 复制上一步的兰色圆角矩形,放到下层,线形渐变色为#9c9ea5 - #aca899; 并调整节点,使上边与第一个图层一致,选择下面的接点向下移动,使之如下图;
7 r5 X1 _, x$ }" [* @
) X8 J& p5 B1 q! W  X* G) X! x5 J: a. `: C; P( ~

% M/ Z, L* }9 U4 c" ?/ X9 h" S& D4 这一步制作那个翻盖上面的轴,如下图所示;并添加线形渐变,如图 #6d6a77 #eaeaec #d3d5d8;
7 y7 v  D( ^/ O& I' M: X
/ `5 W4 X! ?; R3 Q' P( N$ H( G& l$ {" u8 M, `% g- u( B+ d+ T% B
, Y+ Z" P! S! Y* U
5 这一步制作那个翻盖轴步的高光部分,绘制一个白色的矩形,高为60,宽为8,并调节节点,使之如下图所示,并选择高斯模糊,模糊范围选择1.2,最后复制此图层3次;# b3 o, e5 l/ j: |  G- q

( Y% x: I6 n( G: n$ N$ N4 H6 b1 l" n* w* a. K) g- H

! q4 v  @  Q, N# K' v( s% d5 i! _6 绘制一条长20的线段,颜色#333333,使之稍有弯曲,如下图;并复制此图,颜色设置为白色,使之与第一条线段相邻,如下图,最后复制图样的两个线段放在轴的另一端,效果如下;
- v8 ~7 i; O3 g$ r
! A% L* r8 H1 C* U( r3 g! h
" v5 ]3 }; k7 B1 h, v5 _9 |  _. E6 n3 k% c
7 这步制作翻盖与轴间的缝隙,这一步没什么特别的方法,用钢笔画出大概的形状,然后调节接点,颜色为#3e3e3e,效果如下图所示;
6 h5 S2 \) j7 O( j8 o; h5 F9 f0 F
" \0 @8 |/ ?( {' ?0 |: k% H# h( k* z* n7 o+ L8 i

6 U, ]& y7 Q! V6 R! D# X$ \8 沿着翻盖的边缘用钢笔勾出下左的效果,是为了制作翻盖与键盘部分的缝隙,颜色为 #abadb3,并添加内阴影 距离:4 柔化:1,透明度56,效果如下图所示;
5 a* A9 o0 u2 i: L
$ s8 L$ v* H/ l' Z
5 w# X* q& D5 C6 a- _: q& T
: X; @- @8 W9 x9 J' z9 制作手机边缘的音量控制键:绘制一个高40,宽8的矩形,圆度设置为100,调整如左图形式,并在上面画2条长度为10的白色线段,最终效果如右图;
. J* H: i5 w# ~9 w
( B6 P# b0 b5 w
  R3 u  ^1 {  u1 e4 }4 z. F" Z
! ^( z! \9 a: }7 W; [, b; V10 这一步是沿着手机的边缘用线段勾出手机外壳接逢的效果,最终效果如右图;
% ^( n" [! ]" k; U" ^/ e+ g& ~; e& D3 R, o, o

9 Z% I  k; c3 b7 ^4 S
7 O: V: _. d# J0 v  c/ U, M* v11 制作手机的天线,这一步就是图层的叠加以及颜色的渐变;几个元素如下图;$ e" |7 C% O! I  ]+ M7 b
6 |; Y+ S, \6 H- @
9 x3 x4 M4 I% m5 d2 W
- u) W# @- y; c/ x0 j4 }
12 这步制作手机翻盖轴上的高光部分,绘制一个如下左图一样的椭圆型,由下到上做白色到透明的渐变,在加上高斯模糊,模糊范围 1.5,最终效果如右图;
. {. R# c* ]- n, Y9 R7 a: C# R( @7 r6 N
) M( j2 w! e3 o/ X5 g

: Y6 f) y; u* l+ q13 绘制手机兰色翻盖上的高光部分,绘制一个矩形,调整接点,使下面的节点沿着兰色的壳子拉长,颜色为白色,由下到上透明渐变,高斯模糊为0.7;效果如下图;另外2个边的高观制作方法基本相同,这里就不一一说明了;
% f% |: H( H5 C) @% E! v# ^" T$ l- R, k" K

1 \4 v, n' E) c, z  {: R5 p/ I) }( m2 @
14 到这里真个手机就基本绘制完成了,还有有些具体的修饰,我就不一一的图片说明,只是在这里给大家指出,前面的都解决的话,后面的这些内容大家自己没问题了!, V- p) f, h- F: [

& i0 {) `: m8 }  Z

本版积分规则

精彩图文

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