PS 商業實戰 - 3D也瘋狂

來源:互聯網
上載者:User
對於3D和光影效果大家都知道3DMAX等三維軟體是最好的工具,但決不是唯一的工具。PHOTOSHOP在這也可以大聲對你說:只有你想不到的三維,沒有我做不到的三維!看看下面的作品,你也許就會相信我了:

  (圖1)是不是有點電視標題三維動畫的效果? PHOTOSHOP做三維光影有自己的優勢,它在一些特定情況下*作簡單控制性強,製作周期短,而對於一些難於建模的不規則圖形則更有優勢,另外它不受三維軟體模型和光線渲染計算的限制,可隨設計者的意願而製作出更富想象和表現力的作品。

  系統要求:PHOTOSHOP5.0,本例的檔案初設為30×22.5cm、120dpi、RGB色、4.32M,完成時分層圖占硬碟123.2M,我用的電腦PC為CII566、64M記憶體,Mac為G4-400、196M記憶體,製作起來都較流暢,如果配置不夠會稍慢一點,太慢了就把檔案設小一些。硬碟剩餘空間應在500M以上,最好是在1.5G左右,你可以通過設定File-Preferences-Plug Ins Scratch Disks 來指定PHOTOSHOP使用的硬碟位置。製作時要注意多存檔。本例除儀器為前期製作外,筆者設計用了3小時、製作用了1.5小時。註:圓刮號為通用快速鍵,要在英文IME下鍵入; 方刮號內為蘋果電腦快速鍵; 複製層方法為,按住需複製的層不動拉向Layers面板下Create New Layer按鈕。

  背影光線的製作:

  背影的光線主要是給人一種空間並能烘托前景,所以色調上主要運用深青灰色以襯托前景的高光,而下部用較深的色調能給人一種前後的縱深感,具體作法如下:

  1、選Linear Gradient Tool (G)工具並雙擊本工具 ,在Options面板上點Edit按鈕,分別雙擊顏色控制塊,在Color Picker把二個顏色分別設為:R130 G140 B150和R100 G120 B128,在Layers面板上點選背景層,作上下漸層;

  2、點擊Layers面板下Create New Layer按鈕,在Options面板上點Edit按鈕,選擇Black,white,ok,從左到中作黑白漸層,Layers面板上設為Multiply,透明度Opacity設為50;

  3、點擊Layers面板下Create New Layer按鈕,同上在底部作黑白漸層,Layers面板上設為Multiply,透明度Opacity設為50;

  4、點擊Layers面板下Create New Layer按鈕,在下部用Polygonal Lasso Tool (L)工具畫一個平躺的三角形,在工具面板下面點選背景色(註:左上方框的為前景色彩,右下為背景色)Brackground Color並在Color Picker設為白色,),用Ctrl+Backspace [Command+delete]填入白色,Ctrl+D[Command+D],Filter-Blur-Gaussian Blur 模糊20,Layers面板上設為Soft Light ,並調節透明度Opacity為75。

 “降糖儀”文字的作法:

  1、先做一個金屬感的有橫紋的底圖以備調用:點擊Layers面板下Create New Layer按鈕建立一層,在工具面板下面點選背景色Brackground Color並在Color Picker設為R175 G185 B200,用Ctrl+Backspace [Command+delete]填入顏色,用Filter-Noise-Add Noise起點,設Amount為70,Distribution選Uniform;然後用Filter-Blur-Motion Blur速度模糊,角度Angle為0,Distance為200,用Image-Adjust-Brightness/Contrest調節對比,

  設Contrest 50,Ctrl+U[Command+U],對Colorize打勾以把顏色調節為單一色,斷行符號;

  2、現在來做文字:英文IME下按(T),在Type Tool打出文字“銳普降糖儀”,把Font設為新藝體(如沒有可用其它字型代替),Ctrl+T[Command+T],按住Ctrl[Command]鍵不動點擊中間的控制點往邊右拉一點做斜體,鬆開Ctrl[Command]鍵,按住Shift鍵不動,拉動四角控制點調節大小,點擊文字中間拖動以調節位置,斷行符號;

  3、轉成金屬文字:按住Ctrl[Command]鍵不動在Layers面板上點擊本層以選擇字的範圍,鬆開Ctrl[Command]鍵在Layers面板上點擊“金屬底圖層”,Ctrl+C[Command+C]、Ctrl+V[Command+V]粘貼到新的一層,即得“金屬中文層”,關掉底圖層和中文層的“眼睛”;

  4、給金屬文字打光:按住Ctrl[Command]鍵不動在Layers面板上點擊本“金屬中文層”,用Filter-Render-Lighting Effects打燈,調節原有燈的方向由左上而來,橢圓要包住整個文字Negatev 36,點住左下燈泡圖案在文字中間建立一盞燈,設Light為Omni,圓也包住文字Negatev 4,ok


  (圖L2),此過程可能要多試幾次才能得到最佳效果,做得不好可按Ctrl+Z[Command+Z]後重做以上步驟;

  5、做好文字底後現在來做文字邊框:按住Ctrl[Command]鍵不動在Layers面板上點擊“金屬中文層”選文字的範圍,Select-Modify-Expand 擴大選擇範圍設Expand by:8,按住Alt[Option]鍵不動在Layers面板上點擊本層以減掉原文字的範圍,就得到了邊框的範圍,在Layers面板上點選“金屬底圖層”,Ctrl+C[Command+C]、Ctrl+V[Command+V]粘貼到新的“金屬中文外框層”,按住Ctrl[Command]鍵不動用方向鍵調整位置使它和文字對齊,用Ctrl+L[Command+L]調節亮度,的把1.00的數值調到0.56,用Ctrl+U[Command+U]調節顏色飽和度,把Saturation設為+20;

  6、做邊框的立體效果:複製本層,Layers面板上點擊下面一層,在Layers面板上把Normal設為Multiply,按住Ctrl[Command]鍵不動用方向鍵向下和右各移動三點以和上面一層輟開一點,再複製本層,在Layers面板上把Multiply設為Screen,向左向上各移動六點,即完成立體邊框的製作;

  7、給邊框提亮高光以增加立體效果:用Create New Layer按鈕建立一層,並把此層置於最上面,按住Ctrl[Command]鍵不動在Layers面板上點擊“金屬中文外框層”,在工具面板下面點選前景色彩Foreground Color並在Color Picker設為白色,選Airbrush Tool (j),在Brushes面板選一個直徑為50的噴筆筆觸,在需要高光的地方輕噴幾下,Ctrl+D[Command+D]去掉選擇範圍,在Layers面板上把Opacity設為35,複製本層在Layers面板上把Normal設為Color Dodge,這樣提亮高光以後立體效果就更突出了。

  8、紅色小三角:用選Pen Tool (P)路徑工具勾出小三角的形狀;在Paths面板,按Ctrl[Command]鍵不動擊Work Path轉換成選擇範圍,點擊Layers面板下Create New Layer按鈕,在工具面板下面點選前景色彩Foreground Color並在Color Picker設為R:100、G:0、B:0,Alt+Backspace[Option+delete]上色;

  *技巧小結:“複製原圖,共置於原圖層下,選Screen高光模式,然後向一方輟動一點,再複一層選Multifly陰影模式,向相反方向輟動一點。”是PHOTOSHOP中製作立體映像的一個小技巧,它製作簡單效果好,但立體的“高度”很低,應用中要注意。


 下面的英文的基本製作方法同上:

  1、做金屬小方條:選Rectangular Marquee Tool (M)工具,畫一個小方條,在Layers面板上點擊“金屬底圖層”Ctrl+C[Command+C]、Ctrl+V[Command+V]得到金屬方條,關掉“金屬底圖層”眼睛,按住Ctrl[Command]鍵不動在Layers面板上點擊本層以選擇它的範圍,用Filter-Render-Lighting Effects渲染,數值如圖

(圖L3)


  2、做小方條的邊框:點選Select-Modify-Expand 7,按住Alt[Option]鍵不動在Layers面板上再點擊本層,即可得到邊框的選擇範圍,在Layers面板上點選“金屬底圖層”,Ctrl+C[Command+C]、Ctrl+V[Command+V]得到“金屬邊框層”,按住Ctrl[Command]鍵不動用方向鍵調整位置對齊方條;

  3、再來調整一下顏色亮度: Ctrl+L[Command+L],把1的數值調到0.56,調暗亮度使它和小方條區別開,Ctrl+U[Command+U],把Saturation設為+20增加顏色飽和度;

  4、下面來做它的立體效果:複製本層,Layers面板上點選下面的原圖層,在Layers面板上把Normal設為Multiply使它成為邊框的陰影,按住Ctrl[Command]鍵不動用方向鍵向下和右各移動一兩點,再複製本層,在Layers面板上把Multiply設為Screen,向左向上各移動二到四點,即得到立體效果;

  5、現在我們再為立體效果提一下高光:按住Ctrl[Command]鍵不動在Layers面板上點擊“金屬邊框層”以選擇它的範圍,點擊Layers面板下Create New Layer按鈕,並拖到最上面,在工具面板下面點選前景色彩Foreground Color並在Color Picker設為白色,選Airbrush Tool (j),在Brushes面板選一個直徑為80的噴筆筆觸,在需要高光的地方輕噴幾下,在Layers面板上把Opacity設為35,複製本層在Layers面板上把Normal設為Color Dodge(發光)模式,是不是靚多了?6、現在來做英文字:英文IME下按T,在Type Tool打出英文,斷行符號,Ctrl+T[Command+T],按住Shift鍵不動,拉動四角控制點調節大小,點擊文字中間拖動以調節位置,斷行符號;鍵不動在Layers面板上點擊本層,關掉本層眼睛,在Layers面板上點擊金屬小方條層,按Backspace[delete]鍵打一出英文“洞”,Ctrl+D[Command+D]取消選擇範圍,複製本層,點擊下面原圖層,在Layers面板上把Normal設為Multiply(陰影)模式,以製作穿洞立體的陰影,按住Ctrl[Command]鍵用方向鍵向右下各移動兩點輟開,複製本層,在Layers面板上把Normal設為Screen(高光)模式,製作穿洞立體的亮點,按住Ctrl[Command]鍵用方向鍵向左上各輟動四點。
 背景立體的製作:

(圖3)


  1、背景立體平面部分的製作: Layers面板上點擊“金屬底圖層”,Ctrl+T[Command+T],按住Shift鍵不動,控制節點旋轉90度,使它的金屬紋變成橫向以便調用;選Pen Tool (P)用路徑勾出立體的俯視平面形狀如圖(圖L4),在Paths面板,按Ctrl[Command]鍵不動擊Work Path轉換為選擇範圍,Ctrl+C[Command+C]、Ctrl+V[Command+V]得到金屬的俯視圖,Ctrl+T[Command+T],按住Ctrl[Command]鍵不動並調節四個調節點以得到立體透視位置,如圖

 

 (圖L5-1、圖L5-2、圖L5-3、圖L5-4、)如想把控制點拉到圖面以外,用放大鏡按住Alt[Option]縮小即可;用Filter-Render-Lighting Effects,調節原有燈的方向由左上而來,橢圓要包住整個圖形Negatev 18,加一盞Omni燈,範圍為中間光亮的大小Negatev 21


 

 


(圖L6)


  2、現在製作有高度的立體部分: Ctrl+Alt[Command+Option]鍵不動向下向左間隔按方向鍵各17次,其實就是向左下方複製17層,除最下面的原有層外,其餘各層都在Layers面板上全部點擊眼睛右邊的方框連結起來,選Layers面板右上的小三角下的Merge Linked合成各複製層,並把本層拖到原有層之下,選Linear Gradient Tool (G)工具並雙擊本工具,在Options面板上點Edit按鈕,分別雙擊顏色控制塊,在Color Picker把二個顏色分別設為:R34 G38 B45和R85 G97 B105,Layers面板上點選背景層,作上深下淺的漸層;

  *技巧小結:聰明的讀者已看出來,複製這麼多隻是為了得到立體高度部分的形狀。不錯,“向立體方向不斷複製平面層再合并所有複製層”正是得到立體高度部分形狀的小技巧,當立體的平面形狀複雜時本技巧就更能顯出其方便性出來,否則我們就只能用Paths一筆筆勾了。但本方法製作的立體高度各處均相等,沒有遠近大小的透視,應用中要注意。

  3、現在調亮立體高度的明亮部分以加強立體感:選Pen Tool (P)工具勾出圖中立體高度的明亮部分,具體圖中為六個四分之一圓弧兩頭的十二個平行四邊形,

(圖L7)


  在Paths面板,按Ctrl[Command]鍵不動擊Work Path轉成選擇範圍,用Ctrl+L[Command+L]把它調亮,把1的數值調到1.13,Ctrl+D[Command+D]取消選擇範圍,再用Filter-Blur-Gaussian Blur模糊3讓整個高度部分虛化;

  *技巧小結:其實大家也許已看出用PHOTOSHOP 做3D 時,立體高度部分的光影變化是比較難表現的,因為其間影像的反射和折射都得一筆筆畫出來,工作量很大。所以本例中用了點小技巧:把高度部分作輕微摸糊並用漸層的方式淡化,使高度部分不成為視覺的重點,而只是去烘托它的平面部分,別忘了平面部分可是我們的強項!所以從整體上看效果一點也不差,這也是揚長蔽短吧。
 左上部的亮點製作:

(圖4)

  1、製作圓亮點:不三七二十一先放個橢圓的白球是沒錯的,建立一層,按住Shift鍵不動用M鍵選橢圓工具,按住Alt[Option]不動在亮點位置畫一個橢圓,在工具面板下面點選前景色彩Foreground Color並在Color Picker設為白色,Alt+Backspace上色,Ctrl+D[Command+D]去掉選擇範圍,用Filter-Blur-Gaussian Blur 模糊30,在Layers面板上把Opacity設為23,複製本層,Layers面板上把Normal設為Color Dodge、Opacity設為53;2、製作六角星形亮點:選Pen Tool (P)勾出六角星形,

(圖L8)

  在Paths面板,按Ctrl[Command]鍵不動擊Work Path轉換成選擇範圍,點擊Layers面板下Create New Layer按鈕,在工具面板下面點選前景色彩Foreground Color並在Color Picker設為白色,Alt+Backspace[Option+delete]上色,按住Shift鍵不動用M鍵選橢圓工具,按住Alt+Shift[Option+Shift]鍵不動,以六角星形為中心選一個大一點的圓,為下面的模糊選定中心,Filter-Blur-Radial blur,選Zoom作放射模糊,設Amount為100、Quality選Good、斷行符號,Ctrl+F[Command+F]三次以加強放射模糊,Ctrl+D[Command+D]去掉選擇範圍,再用Filter-Blur-Gaussian Blur 模糊3去掉雜點,在Layers面板上把Normal設為Color Dodge、並在Layers面板上把透明度Opacity設為50。

  *技巧小結:“白色模糊後複製,上一層Color Dodge模式,下一層Normal模式”可以說是打高光,畫點、線光源的超必殺技,百試不爽。什麼,太亮,眼睛睜不開了!?增加這兩層的透明度。
  前景光影的製作:

  千萬別懷疑,前景中的儀器也是在PHOTOSHOP中畫出來的,筆者是在設計此稿之前按照片另做的,由於照片色彩、光感、精度較差,只好重畫。由於製作過於複雜,在此篇幅有限就略去不寫,希望今後有機會能給大家作詳細簡介,你可以先用一個你喜歡的退底映像代替儀器——高達戰士?

  1、底下的陰影左邊的形狀是補勾出來的以切合儀器上翹的形狀:選Pen Tool (P)工具勾出左方陰影的形狀,


  (圖L9),在Paths面板,按Ctrl[Command]鍵不動點擊Work Path得到選擇範圍,按住Shift鍵不動再點擊Layers面板的儀器層以加上它的選擇範圍,點擊Layers面板下Create New Layer按鈕,在工具面板下面點選前景色彩Foreground Color並在Color Picker設為黑色,Alt+Backspace[Option+delete]上色,Ctrl+D[Command+D]取消選擇範圍,把本層置於儀器層之下,Ctrl+T[Command+T],把上沿向下拉到1/3的高度,

(圖L10)


  用Filter-Blur-Gaussian Blur 模糊13,Layers面板上把Normal設為Multiply,按住Ctrl[Command]鍵不動用方向鍵向下輟動兩下(圖5);

  2、後面象蒸氣一樣的亮光是設計上假想出來的,目的是用效果更好地烘托儀器。它的製作是:建立一層共置於儀器層之下,按Ctrl[Command]鍵不動擊儀器層,在工具面板下面點選前景色彩Foreground Color並在Color Picker設為白色,Alt+Backspace[Option+delete]上色; Ctrl+T[Command+T],按Shift鍵不動逆時針旋轉90度以便做後面的吹風效果,因為PHOTOSHOP只能水平的吹,用Filter-Stylize-wind風效果,Ctrl+F吹四次,再用Filter-Blur-Gaussian Blur 模糊7,然後再用Ctrl+T[Command+T],按Shift鍵不動順時針旋轉90度把它轉回來,Layers面板上把Normal設為Color Dodge,並複製本層;

(圖6)


  3、做倒影效果:複製儀器層,Edit-Transform-Flip Vertical,Ctrl+T[Command+T]點選中間移動到儀器下沿,再按Ctrl[Command]鍵不動擊左邊中間的控制點向下拉與儀器下沿切合,

(圖L11)

  Layers面板上把Normal設為Lighten(光影模式);下面再加上一個庶罩把儀器下沿虛一點:擊Layers面板下Add Layer Mask以加上庶罩,選Linear Gradient Tool (G)並雙擊本工具,在Options面板點Edit按鈕,分別雙擊顏色控制塊,在Color Picker把二個顏色分別設為黑、白色,垂直於影子方向作漸層,如果畫反了可Ctrl+Z[Command+Z]還原後反著畫一下。

(圖7)

  *技巧小結:層疊加效果中Lighten(光影)模式是表現倒影和玻璃折射的最佳選擇,運用時要注意影像和實物之間的鏡像透視關係,另外外沿再弄虛一點就更逼真了。

  本文的所有圖文著作權歸drkiller個人所有,未經許可,不得以此內容作任何商業行為。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。