Photoshop教程:大楼魔幻般瞬间被切割

Photoshop教程:大楼魔幻般瞬间被切割作者: 佚名 来源：不详 浏览：1 日期:2009-4-14 3:09:50


' W; A( T" O9 [$ q- _% o
) X5 p% g! J( {3 Y  Z

　　此文由Paul Hollingworth发表于第28期的《Advanced Photoshop-the magazine for Adobe Photoshop professionals》，由于原文长度非常可观，近期也忙，所以我不翻译了，直接写我理解的主要思路，希望看原文的同志可以找找这期杂志。其实实际操作起来并不难，关键是没有许多合适的被切材料--至少我记得当时自己切的时候遇到了自己相机拍出来的大楼出现广角畸变的问题......
$ s9 s% d( W: O4 d　　先上最终效果：



效果图　　
+ q  |+ L7 D9 L( D; Q( p4 D　　制作步骤：
　　1、打开所要切割的大楼，复制背景。

* T) ~) a& _, k4 @7 F  d- O

2 Q$ R& `$ `7 z& N$ Q6 J图1　　
　　2、为背景添加白云。
% [# r( v: }9 k2 F
1 }  H/ l0 @: A( c
: ~5 k6 B& F, g3 P, [
+ X) h4 @! W+ {# M) U1 ?" W图2　
　　3、新建一层，为切割画透视辅助线。
, f; W8 R. f3 q: @

- K2 x5 @5 m" C: C　　
6 S; {1 v5 S, S! d* O图3
　　4、开始准备切割，备齐辅助线，将大楼扣出来。
0 g! T- q  M3 B- }; y

　　
图4
　　5、开始切割，先勾出一块，顺着透视辅助线移动出来
上一页下一页123456

2 v5 Q+ p( I. n# O/ O, j4 L2 Y
, l) S0 d! @& C/ q
  I* b$ Y: s% |7 b. U上一篇hotoshop设计制作汽车网站头部流程下一篇hotoshop制作娇嫩欲滴的美味水果
& y/ @  G  A. |0 t8 s3 M3 U


. E. p- }  Q! ^3 c' j4 J2 f+ p3 V


3 P; g5 J" v" q) ~1 g: ]: i; J3 kPhotoshop教程:大楼魔幻般瞬间被切割作者: 佚名 来源：不详 浏览：2 日期:2009-4-14 3:09:50

) r: T. X  Q2 X8 ?　　
5 r; L2 S: z4 [2 {图5
' T# q. `% m7 J  j  f

- L# H6 e" T& U3 b

( O: j8 y- g* c3 h$ X
) X4 g% B9 V1 ?, k* s! _

' t7 ]/ n: \/ m5 @6 v5 ^! f
. P, a1 t3 t' U2 V

　　6、使用自由变换，对透视图进行修正。
! \/ g' u; W6 D- u


图6　　
　　7、为块增加深度，使用楼板的纹理填补空缺。
; `/ \* ~0 N) X; j: |

1 Z# o1 L! o& l9 l; ~- d2 a2 q　　
0 V* q2 Z$ O7 a9 `" R, J图7
$ G% J+ o+ B. _: l! H; W5 C" v　　8、使用自由变换和斜切，调整纹理的透视。


7 u/ n: S- I. Y; ^) w　　
# `# E' U) g3 e4 e! ~4 Z& S图8
3 C2 X! i8 C5 f　　9、调整输出色阶，使纹理表现为暗部。
/ M: }+ f/ v7 P/ k0 V# u5 J
# W  I, l! I: l+ y' W. e
　　
图9?
1 M% G! |8 O6 l& f8 r$ o1 [2 u( z　　10、增加细节，渐变黑块以加入遮挡的阴影。
) r1 ?9 P  e/ z  L7 ?" E; q

9 I7 [! X* ]9 K0 q: S. c) t　　
图10
　　11、填补楼底板，并调整合适透视、亮度。
上一页下一页123456


5 n  ]3 h  j, ]/ F5 p4 Q
! G* n9 k& j: J7 \+ z上一篇hotoshop设计制作汽车网站头部流程下一篇hotoshop制作娇嫩欲滴的美味水果
+ U3 ]- v5 o* K: b* ]+ D- Q: ^
6 f' P6 G: ~+ l$ y

8 Q8 P2 u- Q$ K! I- J* B* ^+ c3 u
+ D1 \% g8 @4 R0 U6 X: l

Photoshop教程:大楼魔幻般瞬间被切割作者: 佚名 来源：不详 浏览：3 日期:2009-4-14 3:09:50
9 o$ s8 N% }9 A6 X, f5 F6 |
" M0 K7 X, H- h6 Y* ]　　
3 }7 B$ T8 \, |, K9 `' v2 b图11
　　12、填补侧墙，并调整合适透视、亮度。

: \; q  O9 a! Q  S0 g
) N  G" w  o8 e4 O* v' v4 g  X' V　　
7 e! Y/ W* Y: j! Y8 U! P1 i图12
( Q* m* D& M9 E! s6 I
$ t: r9 \+ z" g( E
- ]; T8 P9 A5 o( v# n/ a: A' i
0 X/ A0 w/ _, [5 _
9 I4 }; t; T' a& T; E9 U9 C


- ~% @5 ?6 V4 e" ?7 }
2 q& f/ H5 m7 b! D: H+ C/ R7 ~

( k: e: A; p! i0 m9 K! b! T9 D　　13、渐变内部阴影，产生光线明暗。
! a2 N) k  I% z" O, Z

　
图13
" }- Y+ J; C! F　　14、准备移动更多的块，准备好辅助线。
! s/ @$ d3 U# y
  i# x( H, I( [& h
& _6 y/ O) M6 J0 g" ?　
. b& V8 U& g+ w$ x) u图14
! {1 A8 x6 ]# L9 s/ b0 L) H　　15、缩小10%并向后移动。
: W8 q# ~& G" _$ {# p
: s7 M6 u" X$ k  w3 W6 D
　　
图15
　　16、如法炮制纹理和阴影。

6 V" K# \7 R# u+ d8 Z" F
0 G4 _( D/ m* E& p# Q7 Q* l/ P　　
图16
　　17、当然我们需要更多的块。
上一页下一页123456


1 F; e9 Z4 o& ?* N/ {3 A! w
上一篇hotoshop设计制作汽车网站头部流程下一篇hotoshop制作娇嫩欲滴的美味水果
- `8 D  y/ x6 ]' C1 e1 z' _
$ a# \0 t* _! T- s" k% S) a
5 A/ m9 m) `5 C, ^+ K( ]
  D: f' @# h) v! g9 `3 I1 Z+ \2 e

9 k1 s: V/ K2 l+ D
Photoshop教程:大楼魔幻般瞬间被切割作者: 佚名 来源：不详 浏览：4 日期:2009-4-14 3:09:50

　　
图17
　　18、将切面移出，自由变换，缩放4%并微调保证透视的正确。

; x( j# L' G; E, A( i7 d" E: `" }
7 R+ r; F- r$ l$ z　　
图18
1 Z5 Q2 }& v: {: L, i" n






; N4 v" B+ A* C7 ^3 L
1 D. c) _* o" x1 W7 N
& O+ P6 V' t; V; X
7 P% x1 C9 i- b; z9 O4 L　　19、我们需要更多的纹理而不是仅仅使用一张。
* A* ^. U7 [9 k2 B# ~! e$ z

6 u  t  `9 l' q# H
( S+ Y: a9 ]; b% f) Z% z8 Y　
图19
! S7 I! {( q9 H, f5 c　　20、侧边的填补，这感觉真像是贴图一般。
6 ?, u  x$ h( ~  j+ p1 p3 {

0 E% r# W# [! `% ~! u/ N0 I　　
/ D. ]7 y3 N5 ?4 \图20
　　21、继续如法炮制阴影，阴影在设计里的地位和渐变一样，都是在表现光，表现层次。没有阴影将失去真实感。
- h( G; g( S! m: m# I+ Q3 s$ A

) f$ ?. ?% W6 H6 @　　
图21
2 R5 b1 h2 i+ G& U　　22、很快，我们来到了最后一块。
3 A+ V  J; x8 [% Y; Y) v  W; `

　　
4 M- @+ T' ^% T- F2 t- ?7 y图22
6 }! Y2 D9 }6 D  }: l) P　　23、这块有点特别，我将它全部独立出来，并且增加15%的高度，这当然实在模拟透视。跟着辅助线准确的表现透视是成功的关键。
; P8 i+ q1 I' f  C, N1 w* o 上一页下一页123456
* }' o7 U) p0 O% m2 y6 S( C
. v* ~0 f; p  d% l+ k0 g

  A$ v# g$ n8 Y+ C$ J, ^0 f上一篇hotoshop设计制作汽车网站头部流程下一篇hotoshop制作娇嫩欲滴的美味水果
1 E5 H- M* {) V- L' P7 u0 F, d- b, }

+ H+ M( n0 t# [5 i. n* a7 A
! @3 O5 o" L8 h) m( g" d3 P
  u) R2 s  U4 y5 Z2 e- X
% x$ n5 \* Y  r1 s9 k& ?$ ?
2 @, v& \$ q; [, |6 mPhotoshop教程:大楼魔幻般瞬间被切割作者: 佚名 来源：不详 浏览：5 日期:2009-4-14 3:09:50

  i: a2 r5 y4 k! p& u　
& z! Z% r+ Q* r' R, t! N+ d, n8 G图23　
9 x- i( D0 M3 e  Z7 v9 @1 i# h　　24、为这独一无二的孤立块增加底部。
+ t$ B: o% D# s8 G" K, |
5 _- t6 c" ?; B* a$ ^
　　
5 b$ |, V$ p& ]图24?
　　25、关注细节，我们修掉这个突兀的尖角。
' S0 o& E: R( `, |$ q0 h& B1 S
! }( m  U. k. N( {
  d) ^4 O5 p5 O* U( Y6 w0 A, b; h  h( b4 r　
图25


2 _7 x' m' G( X8 ^9 O




' v  ?) d, s! N3 ]
$ N* m9 s0 c. g, U# T
& o1 ~0 ~1 K" {$ l8 e
( r) I% n7 l# e3 n3 y
$ k9 j4 d, ]( X; C, O& }7 `. b& M　　26、搞定侧墙纹理，仍然要十分注意渐变和透视问题。

- T# C4 N: {, H, ?& @# i
　　
图26
　　27.现在回头看看自己做了什么，看看我们做出的东西是不是很正确。为此要花更多的时间观察作品，看看哪里不对劲，然后思考原因。这是一个打磨的过程，可以避免很多次品的盲目诞生。

/ s5 [7 J9 ^% W& B
; m- z! k" q; Y6 k　　
图27
  j5 n6 [- f" X3 S/ B# T, o　　28、这里牵扯到些技巧。为了使得突出更明显和自然，新建层然后再接缝处勾线并合理设置此层的混合模式（依据实际情况），最后高斯模糊这一层。再合理的使用填充和不透明度会表现的更好。

/ N# S/ a. O4 j, g
( p5 I+ W' c$ n, Y5 r& i) z　
图28　
+ z6 {2 W  C& h　　29、再次关注细节。在这收尾工作里，为作品添加写其他内容以丰富表现。如果两个作品在技术上相差不大却在结果上天差地远的话，很可能就是一方的细节远胜另一方。
上一页下一页123456

0 F  v% _1 x* y1 t: Z

上一篇hotoshop设计制作汽车网站头部流程下一篇hotoshop制作娇嫩欲滴的美味水果

' O/ L: w/ P! r- `% T. B
, W6 g: x, r- d3 j0 ^

1 t) u6 U, v1 t4 q! f

Photoshop教程:大楼魔幻般瞬间被切割作者: 佚名 来源：不详 浏览：6 日期:2009-4-14 3:09:50

! f2 e4 i- r( _2 O6 Q　　
图29?
- l4 }% Y* C4 T* [4 u- \: d6 Q　　30、用线将孤立和整体连接，小伎俩但效果却不俗。
: D  U  ^" U3 I0 I
% _0 m: z  Q' {0 X* Y2 Z6 Q
　　
图30
　　31、最后，留下自己的记号，图案或者其他修饰。
. s4 [' T2 v7 V9 V% @

2 X" o, ?3 ]# e　
0 Z* m; B6 C  r4 e: r+ l图31
　　最终就如最上面的效果了。渐变、变换、透视、阴影，是这个教程的主题和主要手段。这些技术本身并不难，并且用好了也会有非常好的效果。但是整体效果和细节如何表现的淋漓尽致，却又是功力的体现了。
3 F$ @: ]0 h  ^' ^3 x

: B7 q' X7 z8 n4 H# x 上一页下一页123456
: R. A( V6 h1 Y/ m, W" ~5 t- i


. p% Z6 }) W$ M上一篇:Photoshop设计制作汽车网站头部流程下一篇:Photoshop制作娇嫩欲滴的美味水果