轉 PhotoShop教學 - 將照片轉為韓國風格向量圖

擎天猪

韓國的向量人物插畫相信大家都見過不少吧，很多素材網站都提供這些素材，不過感覺從網上下載的那些韓式向量插畫基本上都是Illustrator製作的。
I2 R& }% z
今天的教程就是用Photoshop來製作韓式插畫的方法，教程中我們把把普通照片變成韓式插畫。如果喜歡教程不妨找一幅美女圖來做試驗吧3 u+ L+ F/ M% M2 K. Z

先看原圖. _6 B0 z- S1 n2 I, B4 Y
b.jpg (44.18 KB)
2007-09-21 01:42 PM

5 b% N2 U- U/ _

效果圖：3 \* s4 {! x6 J- B
f.gif (31.45 KB)
2007-09-21 01:42 PM


製作之前你需要熟悉掌握形狀圖層工具和路徑工具組中的工具使用以及矢量圖層蒙板，如果你不熟悉請看本站提供的Photoshop的一些相關基礎教程，在這裡簡單給大家截幾個圖看看工具的使用方法。7 b" i4 P/ ^$ |, t" v; X- m
( e' [, F; x* Z9 \* u
1.gif (4.38 KB)
2007-09-21 01:42 PM

5 b9 P& B! \5 G  L. T
2.gif (6.08 KB)
2007-09-21 01:42 PM

* z3 `& K" Q1 Y5 ]
3.gif (60.2 KB)
2007-09-21 01:42 PM


C
如果您不熟悉工具的使用，那麼您就別看該教程了！你是不會做出效果圖那種效果的！呵呵，快去練習吧！ . n" b# b: a: F7 Y! S
打開原圖按Ctrl+J複製。然後在複製層上執行圖像－調整－色調分離命令，數值輸入7。
r0 W
4.gif (10.45 KB)
2007-09-21 01:42 PM

8 u8 @# d/ r  L) M, p! m+ w
( Y3 I3 ?& T# ?4 q# c4 u% G# u
接著用鋼筆工具中的形狀圖層沿著圖中人物的做出如下路徑。在這裡一定要細心一些，可以把圖片放大，就看你自己的操作了！: E3 m; [) A3 p: ]! @2 @8 A
5.jpg (44.18 KB)
2007-09-21 01:42 PM


6.gif (27.47 KB)
2007-09-21 01:42 PM

) @. C( Q% \9 D7 c# p
7.gif (43.83 KB)
2007-09-21 01:42 PM



8.gif (19.05 KB)
2007-09-21 01:42 PM

9.gif (21.29 KB)
2007-09-21 01:42 PM

10.gif (20.04 KB)
2007-09-21 01:42 PM

3 t" R5 h; l3 F4 P. Y2 p
11.gif (20.13 KB)
2007-09-21 01:42 PM

12.gif (19.05 KB)
2007-09-21 01:42 PM

9 _) V( r; i/ ?* r8 F6 o% D! {
5 {# n6 A7 L8 [- c6 A5 y& C
最終勾出如下路徑。
}
13.gif (48 KB)
2007-09-21 01:42 PM


k/ f1 P8 U( O
選中添加到形狀區域. Z+ e8 a( Z7 C& D

14.gif (25.45 KB)
2007-09-21 01:42 PM


G6 P( q
繼續添加未完成的路徑8 R9 ?- L& L  |$ C, Z8 h6 L7 r
- _1 K7 f  b, o! Y) J7 F
15.gif (50.37 KB)
2007-09-21 01:42 PM

4 s/ ~) _" K& s' e
6 I1 k" L6 _2 N) g1 L0 _
雙擊圖層縮覽圖改變下顏色，這裡使用#F7CDB8顏色。將最上層的人物複製層隱藏起來如下所示。- N6 p# _! |5 V5 A6 u

16.gif (13 KB)
2007-09-21 01:42 PM

* u* ^& U/ [+ x! s$ ?

這時圖像效果如下所示。. q7 t) Z  f& j: p
- N9 Q" f0 ^5 T. n
17.gif (66.16 KB)
2007-09-21 01:42 PM

  l8 U$ |9 ?6 E) n4 q5 g

下面我們為人物身體皮膚上的不同顏色處分別加入顏色形狀圖層然後將它們放置在圖層組中。9 N' O  T- |- M3 I

18.gif (16.71 KB)
2007-09-21 01:42 PM


19.gif (83.69 KB)
2007-09-21 01:42 PM

20.gif (155.21 KB)
2007-09-21 01:44 PM

( p; L% w' U; z
$ J: `' a, J2 l$ p* G) ]
效果如下。/ I& R( U; E; ]/ q# J6 O; E; @$ w

21.gif (81.97 KB)
2007-09-21 01:42 PM


按照上面的方法我們為人物的其他部分上色，用形狀圖層工具分別作出衣服、帽子、嘴巴等部位，我們在這裡就不再詳細講了。7 p+ ?8 q! F; ?2 Z
5 l9 |7 |, h1 l2 {2 D& Z
衣服的處理
; J/ `: f. D: b
22.gif (18.57 KB)
2007-09-21 01:42 PM

( d. R5 x, A+ Q" P7 B
23.gif (84.48 KB)
2007-09-21 01:42 PM


24.gif (21.31 KB)
2007-09-21 01:42 PM

( |7 k- x4 m, ^; Q! J
25.gif (32.16 KB)
2007-09-21 01:42 PM

5 T/ d3 a8 D; P7 ]$ Q) i
7 \5 U6 w" ?' U
衣服上文字的處理

26.gif (19.31 KB)
2007-09-21 01:42 PM


27.gif (16.8 KB)
2007-09-21 01:42 PM


28.gif (17.69 KB)
2007-09-21 01:42 PM

/ g$ r% Q; v& A; a0 x9 @

8 D9 s" k8 O0 S這時的效果。

29.gif (34.5 KB)
2007-09-21 01:42 PM

' u9 [, [, t6 }/ r" l" r/ P
嘴的處理。5 \& O( ~0 V+ c1 K

30.gif (22.26 KB)
2007-09-21 01:42 PM


31.gif (31.64 KB)
2007-09-21 01:42 PM


32.gif (28.13 KB)
2007-09-21 01:42 PM


33.gif (16.22 KB)
2007-09-21 01:42 PM

0 f8 J- X! w6 V. J3 @7 `
34.gif (16.45 KB)
2007-09-21 01:42 PM


效果如下。

35.gif (34.33 KB)
2007-09-21 01:42 PM

" k! z' R$ ]  }, V2 M9 o0 r, J4 ]
0 s8 D( p7 s& D/ Q
頭髮的處理
c& C" q
36.jpg (71.9 KB)
2007-09-21 01:42 PM


37.gif (32.26 KB)
2007-09-21 01:42 PM


38.gif (28.73 KB)
2007-09-21 01:42 PM


39.gif (32.17 KB)
2007-09-21 01:42 PM


{  u5 x, n  T
帽子' k" O* y4 r$ l9 r
40.gif (31.47 KB)
2007-09-21 01:42 PM