Google
      
发新话题
打印

[ps理论技巧] 图层样式中等高线的应用详解

本主题由 ┆死┆ 于 2007-12-23 07:43 设置高亮

图层样式中等高线的应用详解

可能大家一直认为等高线就是沿图像纵向切割所得到的剖面这种说法我个人并不认同早在《Photoshop图层样式套餐II》的时候我就开始反驳这种说法到底是怎样首先截取《Photoshop图层样式套餐II》中的一段来让大家做个大概的了解此教程建议您通读2遍  
, M; f4 ?8 w: v& Q9 ~7 k9 i: g+ f! j/ Q: {, Z- m3 y) r) W6 p
  我们能看到物体是因为光的反射而等高线则模拟了这一切表面凹凸不平的物体反射的光线就让我们感觉到物体表面的凹凸程度因为各部分反射的光线强度不一样或者说白色白的程度不一样让眼睛感觉会更亮一些(白色为亮部黑色为暗部)而如果物体是黑色那就是吸收了所有的光而不反射任何光线到人的眼睛那样人就看不到这个物体或者说感觉不到物体的凹凸只是一个黑色的平面白色反之
; V' u& k7 s* r. T" u
0 F+ w( x( z) Z( W  等高线决定了物体特有的材质物体哪里因该凹哪里因该凸就由等高线来控制(等高线带来不同的亮度而亮度决定了物体的凹凸记的这么说的等高线只控制明暗而不是对物体本身的材质)而很少一部分则是数值参数的关系。   图层样式的好处就在于可以随时套用想真正运用图层样式熟悉图层混合模式等高线原理是非常重要的1 q- l/ P7 H+ K' z9 e1 t
  首先我们对等高线的剖面线理论做个简单驳斥7 ?4 o1 ?3 D. ]* L3 N
  1、我们首先用斜面浮雕样式做出一个立体按钮参数如图:7 |; I/ n7 |, C$ s8 ?% z

: u4 F4 u% C' R; ~( s$ a9 [ ( Y4 X/ V/ b( o0 ]( d" ]
2、我们为它加入斜面浮雕中子集等高线效果
& _2 m( Y7 d( ]" Q
7 K  |' ^5 M* r4 ~/ V
$ q% m7 }( _6 M# D; b* `做到这一步我们暂且先理解等高线为剖面线
$ d$ R+ x8 d1 u) h0 h  然而我们将高光和暗部的设置对调子集等高线不变具体设置如下图所示:8 e# l! W4 U- \6 \

  P1 X5 v+ v: T* [4 C看到了什么?% n/ C, M/ q  b
  4 Q1 d0 P1 m4 [& }) h8 x3 r
由于外部条件的改变按钮所呈现的立体感恰好与子集等高线的形状相反~9 x5 a; W& \4 `" M$ v9 Y2 d
所以说简单的把等高线理解为剖面线的观点是不够准确的它有相当大的局限性要想更好的驾驭等高线我们必须了解它的本质. c- w- _( P, f* L4 T
& N6 w. a' S8 N+ H
$ s) ?! e: @; o, C+ n7 j- t
  % ~4 [- l% o8 b8 Q) l% v  C& I

% c6 V& O: P9 m* d" }
9 d0 v4 s  e2 J+ P! M# r. E下面我用几个例子来试着成立我的观点各位如有不同意见还请提出谢谢   用图层样式中的斜面和浮雕来做个大概了解为了例子的更直观性我们将高光模式和暗调模式全部设置为正常并将透明度加到100%设置如下图画一个100*100PX红色方形并在此图层上运用图层样式
9 P6 L, f0 |. z+ U$ u1 _  - [& O( j6 J6 u* `+ a0 v- ]
 输出50
" N. n$ f* k7 a( b
4 U" B* [" o, v. K8 l& D   / K% F! b: `9 u' F* Z0 Q
高光和暗调均衡物体材质不受任何影响
( r9 P+ }3 t  ~" Y  输出1009 E( g3 N5 r& U4 v6 Y
  8 j' Y! S! e! E2 {; y
高光白色覆盖物体本身使物体在白色画布上“消失”掉了3 W: H( j' n/ q& R' Z& @) K7 ~
  输入100
) r. B; y7 Q7 b$ ]2 ]' J, W
; S/ n  m& T0 Y   暗调黑色覆盖物体本身使物体看不出凹凸程度4 A4 t9 x8 t/ k# M6 D& ]) d+ B
  线性
  n& p* H6 `. o# ]+ j/ ?3 y" F: \
% o8 Y0 j- X% n6 Q8 `- J, Y) |# D/ W; t   亮度以90度分布高光在上暗调在下+ d3 M" m% B* y: g: }  y5 ^
  锥行
* c7 {2 U3 D0 a3 ~   物体顶部被白色高光覆盖$ ^3 d) t& N; w$ E) p
  锥行-反转$ w2 [% a8 l  S( Y. F3 l( j: V; v
  物体顶部被黑色暗调覆盖( ^! l& R( D& H6 S: S


6 m4 E% Y* [, ?) a& T5 {  H, n2 S( \

( D5 r9 B( \' h# d, Q4 b( F
  ( E7 p+ T0 A1 M! x3 X
+ v( n9 d6 P2 G' A7 ]! Q
以上文看似晦涩难懂然通过我和bluelink的问答式不断做实验后现在让我们来道破天机
' r+ L6 G0 C! T; _5 Y  U7 O  我只所以做图例的时候用的是斜面和浮雕而且“光泽”用的都是最基本的条件就是因为斜面和浮雕的效果最明显像内阴影和阴影虽然只有一个颜色条件但同样可以解释的通   用内发光来做个例子, ^: \" v/ q9 {5 v! l* w
  作用面为20个像素颜色为黑色虽然只有一个颜色条件但同样可以解释清楚9 Z0 y9 E4 f& |# Q8 L
  分布在边缘的内发光线性等高线决定颜色分布是由高到低的分布所以产生了类似发光的效果5 c0 i- f3 G8 u, B
  环行等高线同样决定了颜色分布黑色分布也是按照环行分布1 A& R5 A, P1 ?; i! Y4 ]+ q

bluelink:shadow和glow的等高线确实不能用剖面线这样的说法来解释
* B% Y  k. y7 c3 ]; w  恩
5 E' l0 Q' u2 O1 _2 b% l& h* |  似乎和曲线类似问题有点复杂了依你的经验shadow和glow的等高线与斜面浮雕的光泽等高线是否等同~?

  kamachen::暂且抛开曲线来说说shadow和glow的等高线因为shadow和glow的等高线条件只有一个也就是混合模式旁边的颜色我们都用正常模式来实验一个基本的阴影模式在物体下方有黑色调整等高线一个反方向黑色阴影变成了白色明暗条件再次被额外条件左右
0 a7 t, ?5 E* ]3 z  同时可以结合斜面浮雕下面的等高线选项/ M# M! c. q( g# _6 g- e
  一个默认的斜面浮雕等高线让物体产生了立体感加上斜面浮雕下面的等高线条件默认所指方向是一样的也就是明暗分布一样调节成一个反方向明暗分布也同样被颠倒了2 X; i8 D8 R. q) h
  同时我想说的是光泽外发光内阴影斜面和浮雕等这几个作用在物体上的作用面是不一样的比如阴影就只作用在物体的外圈内阴影在内圈光泽则是在物体表面大部分区域
  h( U+ |2 Y( |, t! [# L% K8 [  bluelink:如果光泽等高线等同于等高线(依你的说法应该是这样的而且前者涵盖后者)那么设置等高线的作用是什么呢?( B/ Q' C+ a- z0 g
  kamachen:图层样式的高级之处就在于他的参数角度等高线混合模式及颜色的相关设置都可能造成最终效果的变化7 `' n7 w( N( ?+ ~& k0 [
  以上图为例不一样的等高线本身的明暗分布就是相反的然加入一个角度条件说纯粹些我们已经把这个等高线再反过来一次效果又是一样了
( C5 L' ^7 U  _: L- Z  如果再调整参数混合模式颜色等等那样高级的我想根本就已经解释不清楚了越多条件在内越解释不清楚所有的参数都相关与最终效果所以你说等高线的作用我认为就是搭配这些额外的条件创建明暗分布来实现最终的效果
/ M7 K9 d  W0 C  K% [9 e/ j但如果没有了等高线呢?其他额外的条件将无法作用因为它们根本不知道最原始的条件在哪里也可以说默认的线性等高线为我们创建了最基本的浮雕效果  \: K; A! ]% U, y: {. R& u
  然后你可以调整角度高度等等来左右等高线的作用
- ]+ g/ n) Y0 L( s8 _  bluelink:恩# {! m) T4 i& H' @6 |
  对于等高线来说用定位亮度来体现物体的立体感这是确定无疑的这也是等高线的本质所以在相同的外部条件下shadow、glow、斜面浮雕的等高线实现的效果是类似的唯一有点不同的是斜面浮雕等高线的外部条件比较多而且受光泽等高线的影响所以表现手段相对丰富但这不影响它的本质: ^; V( ~6 u3 r% k2 s% n: c
至于剖面线的说法只能说是帮助理解的手段因为在PS里只有二维哪来的剖面线只不过是光影模拟出来的欺骗人眼睛的立体感而已' m; W$ f  Z5 F4 i/ e4 V
  kamachen:恩是这样的画了一个简易图" j8 ~) I! f) R. B

0 t4 o8 c- a2 N& X* R  
0 w  T$ D* h) d" @- F5 |$ D% U( `4 Q2 |9 [; Q# g+ L8 O$ a
斜面和浮雕的光泽等高线有高光和暗调2个条件容易模拟立体感而像内发光就只有一个条件比如上面的例子等高线决定了黑色在20个像素内的分布情况   其实用图层样式的话无非是做立体效果而等高线是立着的图象则是平面的不理解为剖面线不仿想的更简单一些把等高线放倒或者说把我们的平面画布立起来 这样也就对应上等高线了
$ r, I) w! s/ o  h9 K  这下我们因该都明白了光泽等高线内阴影等高线内发光等高线等等都是一个道理的
0 W$ r; J, E3 P" K/ |  那么让我们再来看一下斜面和浮雕下面的等高线子集是否和其他的等高线是一个道理呢?
9 h& z5 b3 M' T" L  首先我们先在斜面和浮雕上加一个纹理图案这个图案材质也被赋予了浮雕效果
. |8 ^  h) K: k- N' V8 i  \) t   $ Q; j( e; x& a, c

" i: ]# R  M- d& n$ `6 o7 P  c0 M然后我们改变光泽等高线方向看看这个纹理是否受光泽等高线的影响
2 M3 y  t' r  K7 Y6 [* Q, M9 g
/ p: n; D* f0 z5 N6 b8 G- E* e8 ]# C/ U   看来这个纹理子集也是受光泽等高线影响的很好
% R% m% E- m* O# D9 J   我们再加上斜面和浮雕下面的子集等高线为了效果的明显我们使用一个反方向来显示
) Q( e0 X5 e* s9 y  C/ U) v" G* C2 q8 a) F. x) O2 N$ P1 Q
  看到了什么?这个子集等高线按照自己的分布形式但没有影响到光泽等高线的作用可以看到纹理图案的浮雕效果没有变化过
  w! D. ]/ o; @+ L

Adobe之所以在斜面和浮雕中设置这么一个子集实际上是想用子集等高线构筑更复杂化的立体感以实现更丰富的细节或者说这个子集是斜面和浮雕的加强是不是这样呢?还是来看例子更具说服力

  我们将高光和暗调的颜色调整为绿色和蓝色以突出显示斜面和浮雕到底对子集等高线有没有影响) e4 c; R0 |# ^# C" i1 @, Q; M
  看到了什么?斜面和浮雕中的高光变化纹理图案的高光暗调变化等高线子集也在变化
' d' a; ^) D! Y3 A; C# x2 n   我们知道这个子集不能单独被使用但仅斜面和浮雕的光泽等高线就能模拟立体感所以斜面和浮雕下面的等高线子集同样统领于斜面和浮雕的光泽等高线只是为了表现复杂话的纹理效果而多加了一个等高线控制但所使用的明暗变化同样来自于斜面和浮雕
7 `$ q' [0 J7 Y  最后我们就可以得出光泽等高线就是等高线只是在斜面和浮雕中有2个光影条件可以很容易模拟立体感而内阴影等只有一个条件不足已模拟复杂的光影效果2 c1 `7 D, X9 `# ]
  最后可以总结出等高线高度决定映射颜色(既外部条件中设置的颜色)的亮度等高线的形状对应映射颜色的分布位置不同颜色亮度的分布最终造成视觉上的立体感(假象)9 e- l" `! e  v' ^" }
  要记住在认识等高线的过程中不要被过多的外部条件所左右用最少的条件最基本的环境最小的作用范围来实验还有默认的线性为我们模拟了一个最基本的样式如线性的浮雕效果

TOP

学习学习!!!!!!!!!!!

TOP

发新话题