Photoshop一步步设计韩国网页banner

Photoshop一步步设计韩国网页banner作者: 佚名 来源：不详 浏览：1 日期:2009-4-14 3:09:41
' r% _) H# W1 [2 X% @% E
; _+ `( j) c- o5 D. y& M



( F$ @, D2 @8 A( ~3 ^7 t
/ W  s( g, b/ S1 E! d　　今天我看了一个韩国的模板PSD，分析了一下banner的制作。
　　先看一下成品


6 j- e; a8 Y& }2 q3 m; [! ^3 k! a
0 [( }- ~+ X& c% m　　我设计banner的时候经常就找一张合适的照片，再加上文字就OK了。很少会拼凑一些图
$ ~9 F6 ^: Y: g% `4 Y" E　　就算是拼凑的话也基本就是拉个渐变把两张图凑在一起
　　但这次来看看韩国的banner是怎样设计的
- k$ |: W8 m& y8 k  N+ G5 D　　首先我来一个一个的分解
; a1 M7 s6 T) {- J


　　这是最后面的背景图，蓝天白云，接下来
- o; z0 A1 x" A7 {0 D7 H


+ e5 F2 w* b$ i! l　　在原来的基础之上就加了一层的白云，这次是把第一层反转过来，变亮处理
! G0 d1 b0 f$ s* Q' P/ G. ]( ~
0 g  Q9 O9 c0 }4 z

% o8 a( v- D% j7 U' R　　接着在左上角添加一张抠好的树的图片，是用来遮挡住房子的上面
9 }) ^0 w. u; z0 L8 }9 z
4 \# A8 h! P8 W  {5 C! J- u6 i
" ~- j3 |; A2 X. ~9 Q" f8 e; Q# k
　　接下来把抠好的房子放在树的上面。
- w4 T6 ?- K" L5 h( i0 p- T: m　　我说说这个房子，仔细看就是一个普通的照片，一点特殊处理的都没有。
4 }! f- r" Y2 U( g　　看来韩国的banner主要是靠拼凑做出来的，首先考验的就是拼凑的技巧了。
　　再接着看下一层
4 y2 ~$ M/ M9 X  L; _ 上一页下一页12

$ y, |3 X5 K) E+ {: W# l5 p8 d
9 w) T5 K! T/ I0 S; [: t) B1 p
9 K+ C1 {; m# }9 w, N# P上一篇:用Photoshop将沙漠变成迷人的雪景下一篇:photoshop教程:为客厅挂鸟巢壁画

) v, V* U" S9 l" [/ f8 ]0 Y

$ e" M* l, l0 N7 F/ S3 @5 y
( Z$ V# E  d3 l) B

! h# p. @: d. f0 B5 APhotoshop一步步设计韩国网页banner作者: 佚名 来源：不详 浏览：2 日期:2009-4-14 3:09:41
) W% q. }. i" J8 X7 K! p. \
9 O9 B) o( ~) s  z
3 m6 @  q) r/ C" X' `　　这个草地照片是很好找的，XP的默认壁纸就是这样的，稍稍的挡住一些房子底部的街道，接着为了添加小道来做准备
% x- V  F9 W0 n4 F9 n

' u# U. U2 J% d& W
　　这个小道的加入为房子和整个画面增加了很强的立体感
9 W  q4 \# p% G" d# r8 z
. H* i0 K- z4 ~
0 K5 b( F3 ^& M
　　最后在小道的旁边再加入一个小树的图层
" B3 d" v' W5 e9 G" _
: ]( [  ]2 E- {/ }

　　设计师很细心的在小树底下加上了一层阴影
% X) q# `/ `& j  p1 j
8 ?0 h9 x5 l$ V5 f8 W
, Z5 O( q4 y' k! g
  |$ N$ j# {5 ^7 t3 R. |　　最后加上右边的大树与文字，整个banner就设计完毕了。
+ }4 j7 T& {2 A* Z& m　　从以上的分析可以看出，设计师可以按照网站表达的出题自行拼凑出一个banner出来。
9 J+ {  Q, B$ l6 f　　首先注意抠图的技巧，大树的叶子与小道两边的草就比较难。
$ e# n" z: i, F3 W5 L2 D% t5 Y+ Z6 S　　经过多次练习可以更好的掌握这种banner的制作方法。有助于我们将来设计更具特色的banner。
% y- l. y, x9 r  C

上一页下一页12
6 o! j  `/ N8 Y# X- o2 c& U  _4 E
2 [1 }2 V/ {% z1 O
) r$ O0 C8 c+ r
上一篇:用Photoshop将沙漠变成迷人的雪景下一篇:photoshop教程:为客厅挂鸟巢壁画