Photoshop一步步设计韩国网页banner

Photoshop一步步设计韩国网页banner作者: 佚名 来源：不详 浏览：1 日期:2009-4-14 3:09:41

8 p1 l7 r5 n% ?/ c# L. B. u
( V- q. a8 ]3 N3 w% r9 j
" G- d3 b% e  H' G# t6 N" P

# F* t& g. l8 T! N' ?
( `: F" j1 D$ l% B* W2 i　　今天我看了一个韩国的模板PSD，分析了一下banner的制作。
% P! t% c# `/ V$ J  q  j2 H0 t' G- [. [　　先看一下成品
0 X% ]8 j" s0 E, I( E

+ v" C( V( v# s& a* m
% J9 R; [3 ^. o# P　　我设计banner的时候经常就找一张合适的照片，再加上文字就OK了。很少会拼凑一些图
' [  b- N' M7 E! B, V　　就算是拼凑的话也基本就是拉个渐变把两张图凑在一起
　　但这次来看看韩国的banner是怎样设计的
/ t5 N. T1 |: V. q7 |　　首先我来一个一个的分解
+ q! f: k9 w0 C. g0 B  K
0 l5 G7 U; s  Y( K5 T
& f1 m7 _1 ?* a3 V  p% i6 }9 U( q  D
6 Q7 W: D) r# w　　这是最后面的背景图，蓝天白云，接下来

5 V, l/ V$ ?( [

: B$ B0 N4 G! Z( j　　在原来的基础之上就加了一层的白云，这次是把第一层反转过来，变亮处理


/ A' \" h  v, ^+ V) {3 Y& }
6 p! v" A* r/ K$ s' X* p1 V3 m3 s4 D　　接着在左上角添加一张抠好的树的图片，是用来遮挡住房子的上面



　　接下来把抠好的房子放在树的上面。
　　我说说这个房子，仔细看就是一个普通的照片，一点特殊处理的都没有。
　　看来韩国的banner主要是靠拼凑做出来的，首先考验的就是拼凑的技巧了。
　　再接着看下一层
上一页下一页12
" z8 I) r( s, D. ?
9 G5 Y  o4 P: G( A  f- D
: s# s) ^9 |3 W9 J- n2 t% W8 a
# b7 y! ^) x) X4 i! N( \! v上一篇:用Photoshop将沙漠变成迷人的雪景下一篇:photoshop教程:为客厅挂鸟巢壁画
) z) ]; `7 f+ }/ P6 [8 [. b




( _  j$ m9 q! [5 P
Photoshop一步步设计韩国网页banner作者: 佚名 来源：不详 浏览：2 日期:2009-4-14 3:09:41


# m: `+ t* d! |　　这个草地照片是很好找的，XP的默认壁纸就是这样的，稍稍的挡住一些房子底部的街道，接着为了添加小道来做准备

  l- d! L! ~) `  y  w& z

　　这个小道的加入为房子和整个画面增加了很强的立体感
4 ^. U) b5 R( k' L9 Q

4 f, }; K4 W9 h2 e  L
　　最后在小道的旁边再加入一个小树的图层



$ O  V6 q! M4 i) h* S- t9 [# f1 a　　设计师很细心的在小树底下加上了一层阴影
* m. d9 @+ }$ W# w* m

& K" C( b' F0 P
　　最后加上右边的大树与文字，整个banner就设计完毕了。
　　从以上的分析可以看出，设计师可以按照网站表达的出题自行拼凑出一个banner出来。
　　首先注意抠图的技巧，大树的叶子与小道两边的草就比较难。
7 _( O1 v; H5 R- Y( p5 U' k7 B: U　　经过多次练习可以更好的掌握这种banner的制作方法。有助于我们将来设计更具特色的banner。
7 p4 A) C  k$ e9 J& C5 ~
' e! W( s% J" i9 G2 m0 Z2 b* Z
4 s, Q$ z/ |* O3 a6 b- _+ g% @9 q 上一页下一页12



: j$ b5 D! p9 F- g& A上一篇:用Photoshop将沙漠变成迷人的雪景下一篇:photoshop教程:为客厅挂鸟巢壁画