photoshop立體物件綜合實例,圖片,視覺,平面,廣告,VI,畫冊,課程,技巧,PS

設計欣賞 當前位置:設計首頁 >> 教程 >> PS實際應用 >> 正文 >> photoshop立體物件綜合實例
photoshop立體物件綜合實例

視覺設計


現在我們來作一個比較複雜的物件。雖說複雜,其實也不過是步驟較多,細節較多。具體用到的軟件功能並不算多,主要使用了Layer Style中的Bevel and Emboss、Drop Shadow等子項,以及Eye Candy4000中的立體化、玻璃效果和金屬效果等濾鏡。這些技術在前面的例子中都曾經用到過。關鍵是要學會靈活地使用圖層技術,從這個例子中可以看到,我盡可能利用圖層的方式給物件增加細微的效果。



  齒輪部分是最複雜的,我用矢量軟件製作了兩個形狀,分別輸出為Eps格式。在Photoshop中,執行File>Place將這兩個圖形輸入,它們分別在各自的圖層裡。為了讓你看清這兩個形狀,我將它們稍微偏移一些位置。

  

  具體製作之前,要先將它們中對齊。現在Photoshop6.0可以對各層的形狀進行對齊及等距離排列。方法是先將各個圖層連接,在Layers控制版中紅色橢圓圈住的位置,表示出這兩個圖層已經連接起來。然後,選擇移動工具,Photoshop菜單下面的Option控制條會出現四組對齊排列按鈕。前兩組為對齊按鈕,後兩組為等距排列按鈕。上圖中的後兩組等距排列按鈕是灰色的,表示目前不可用,原因是我連接的圖層只有兩個,談不上等距問題,只有超過三個以上的連接才會涉及等距問題。注意必須選擇移動工具,才會在Option控制條中出現這四組按鈕。

  複製圓環圖層,選中圖層的Lock復選框。用過渡填充使圓環具有球面凸起的感覺。注意最亮的位置不要過於接近白色。我在上圖標明了填充的方向與位置。完成填充後,用Eye Candy4000中的Bevel Boss濾鏡使圓環中部凸起。



  從下面的濾鏡控制界面可以看出,我選擇了對角直線的立體形式,並沒有選擇過於複雜的曲線,另外,Basic控制版中的Bevel Width調節桿,設置的數值很大,這時幾乎圓環的所有部分都包括在立體邊內。

  將上面作好的立體圓環複製,然後我調出內齒輪圖形的選擇域並反選,在剛剛複製的立體圓環那一層,按下Delete鍵,圓環只剩下與內齒輪形狀相符的部分。例圖中你只看到被複製並部分刪除的圖層,原來的立體圓環圖層實際上還在,我暫時將它關閉了,為的是讓你看得更清楚。你必須明白,立體效果的最高位置總在圓環寬帶的正中間,你無法控制圓環中最高處那條亮線的位置,因為凸起效果總是對稱的。正因為如此,我沒有先用矢量軟件作出最終的形狀。現在的內齒輪形狀是包括齒尖的,等會兒我會刪除它,但如果先刪除再應用濾鏡的話,立體最高點將會向外側移,因為它還是要對稱居中。






  從上面的Layers控制版中顯示了三個圖層,從上到下分別是立體內齒輪、內齒輪陰影和立體圓環。現在用Image>Hue\ Saturation將立體圓環的顏色鮮艷度減低,使其接近灰色,再加大對比度,最後,選中圖層Lock,進行虛化處理以使中間凸起的高亮部分更柔和。



  你是否注意到立體圓環的尺寸稍微變小了一點?我的目的是使它的高光部分與內齒輪的高光錯開一些。在立體圓環圖層上,按一下Ctrl+T,會調出縮放控制柄。為了使縮小後的立體圓環仍能居中,可以在按著Shift+ Alt鍵時調節縮放控制柄。這樣,物件將對準中心位置進行縮放。完成這些工作後,我又用Photoshop的Layer Style命令使內齒輪的邊緣稍微凸起,這樣,齒輪邊緣更加柔和,消除了刪除內齒輪不需要的部分時產生的生硬感覺。

  現在可以將內齒輪尖刪除了,同時也刪除齒輪陰影和立體圓環的相應部分。你可以在圓環圖層用魔術棒點擊圓環內部得到其內部圓的選擇域,然後用Select>Modify>Expand命令擴展選擇域,並進行刪除。或者可以直接建立選擇域,為了更好地建立選擇域,請按下Shift+Alt鍵,並用圓形選擇工具從圓環中心部位開始向外拖曳,這將得到從中心向外擴展的正圓選擇域,如果畫出的選擇域稍有偏離,可以按箭頭鍵微調。



  刪除齒輪尖後得到的小邊會同樣具備Layer Style產生的微弱立體邊緣效果,因為Layer Style命令仍然有效。

齒輪圓環部分已經完成,將相關各層合併。

用橙色在新層填充一個圓,圓邊應超出齒輪圓環的內部。然後刪除中心部分,再用矩形選擇工具選中中間水平部分並刪除。於是得到上下兩個圓弧部分。



  繼續用圓形選擇工具選擇橙色圓弧內邊的一部分,按Ctrl+X鍵,將選擇的部分剪切掉,緊接著再按Ctrl+V快捷鍵,將剛剛剪切的部分粘貼到另一個圖層。我用藍色來表示剪切後粘貼到新層的內容。



  附加一點,我在齒輪圓環的內邊緣加了一個很細的圓環,並在細圓環的內邊又加了一根更細的黑線。方法是選擇齒輪圓環的內圓面積後用Edit>Strock進行描邊,這樣可以得到圓環線,然後用Bevel and Emboss處理一下,使其有凸起感。然後再次選擇細圓環的內部圓區域,並再用黑色進行描邊,這次的線寬要設置的更小些。如果是為網頁設計的,則這個描邊只需一個像素寬。見下圖。

  

我將分別對兩個圓弧圖層進行過渡填充,方法仍然是選中圖層的Lock復選框,用球狀填充方式進行過渡填充。這兩個圖層,過渡填充的方向是相反的,靠外的大圓弧用從左上方向右下方的填充方向,而靠裡面的小圓弧則相反。在大圓弧的邊界,我也用黑線進行描邊。(右圖中看不到剛才我提到的齒輪圓環內部的細圓環效果,我暫時將那一層關閉了。)



  下一步,製作齒輪圓環外部的球面環。在新圖層,按著Shift+Alt鍵,從中心拖出正圓選擇域,然後同樣是過渡填充。為了使球面環部分多些變化,而又不至於局部太明亮,我將過渡色條中的白色調節得較多,然後很快向深灰色過渡。填充時,從圓心稍微偏左上一點就開始,向右下方一直拖到接近邊緣。

  下邊的樣圖中,透過齒輪圓環內部的空心圓,實際上你看到了球面環圖層的整個過渡填充,但中間部分很白,所以好像沒有內容似的。樣圖左上角的小圓球是我故意放上去的小樣。



  剛才,對大圓球進行過渡填充時,為了看清其它部件,將圖層放在最下面了。但我實際上希望齒輪圓環具有在球面環中凹陷進去的感覺。所以,我首先到齒輪圓環圖層,用魔術棒在齒輪圓環的外部點擊,這將選中圓環外圍的所有部分,反選,這樣就得到了正好包括整個齒輪圓環在內的圓形選擇域。回到剛才填充好的大球面圖層,按下Delete鍵刪除中間部分,並將圖層拖到最上面來。為了使齒論圓環有凹陷的感覺,我在球面環圖層的下面加了一個新層,按著Ctrl鍵並點擊Layers控制版上球面環圖層圖標,調出球面環選擇域,用黑色對新層進行填充(Alt+Delete),取消選擇狀態,並對其進行虛化以產生陰影效果。下邊的Layers剪屏圖中,上面的兩層分別就是球面環和球面環陰影。注意球面環圖層即第一層的層名旁邊有Layer Style標誌,表明我對這層用了Layer Style效果,我用了Bevel and Emboss子項,使其產生輕微的立體邊效果。現在齒輪圓環像是凹陷進球面環內部了。

這回該作球面環上的卡子了。先作一個圓環,當然是在新層,而且在最上面建立,然後再刪除掉左右兩側不需要的部分。它同樣有個陰影圖層,我刪除了卡子圖層中的橢圓部分,透過橢圓可以看到下面的黑色陰影層。另外我還刪除了兩根豎直細線區域。這等於將每個卡子分成三部分了,這是為下一步的立體化考慮的。



  用Eye Candy4000的Chrome濾鏡使卡子立體化並具有金屬效果。然後我又在其下面建立新層,並用Eye Candy4000的Glass濾鏡製作綠色玻璃珠效果。製作玻璃珠時要注意,不要兩個同時作,因為濾鏡會將兩個橢圓看成是一個物件,這樣無法得到滿意的球形凸起。所以先作一個,用墨綠色填充一個橢圓,並應用濾鏡,然後再複製圖層得到另一個玻璃珠。完成這些製作後,將相關圖層連接,然後按Ctrl+T鍵並將其稍微旋轉。現在可以將球面環的右側部分刪除了,我們要作其它效果。因為有卡子在最上面遮擋,球面環的刪除很簡單,只要將卡子以右部分隨意選中並刪除即可。



  用Eye Candy4000的Chrome濾鏡使卡子立體化並具有金屬效果。然後我又在其下面建立新層,並用Eye Candy4000的Glass濾鏡製作綠色玻璃珠效果。製作玻璃珠時要注意,不要兩個同時作,因為濾鏡會將兩個橢圓看成是一個物件,這樣無法得到滿意的球形凸起。所以先作一個,用墨綠色填充一個橢圓,並應用濾鏡,然後再複製圖層得到另一個玻璃珠。完成這些製作後,將相關圖層連接,然後按Ctrl+T鍵並將其稍微旋轉。現在可以將球面環的右側部分刪除了,我們要作其它效果。因為有卡子在最上面遮擋,球面環的刪除很簡單,只要將卡子以右部分隨意選中並刪除即可。

在刪除的球面環位置,我們作一個稍窄一些的裝飾環。用前面提到的方法,畫出正圓選擇域,在最下面建立新層並填充這個圓。不要取消選擇域,執行Selecte> Transform Selection,將選擇域縮小,為了保持圓心位置不變,調節縮放時按著Shift和Alt鍵。我先將選擇域縮小到接近齒輪圓環外邊的位置,然後用更深的灰色再次填充,再一次縮小選擇域,然後將選中的內圓刪除掉。上圖顯示的是第二次編輯選擇域的結果,刪除後得到的圓環,內側較深,且深淺交界的位置接近圓環寬邊的中間。現在用Eye Candy4000的Bevel Boss濾鏡使其立體化。但這還不夠,我還要再應用一次這個濾鏡,在應用濾鏡之前,先要作些刪除工作。



  首先要將裝飾環右下方分成若干個段,目的是為了應用濾鏡後每個段會出現相同的立體效果。用直線選擇工具在畫面點擊,使選擇直線通過圓環的中心。執行Select>Transform Selection,這時可以對選擇進行編輯,程序菜單下的Option控制條出現與之相關的設置參數。在角度輸入框中輸入旋轉角度,我輸入的角度是20。確定後,按Delete鍵刪除。用同樣的方法,繼續旋轉並刪除。直線選擇工具只有一個像素寬度,所以刪除的效果不明顯,而我也並不打算讓它明顯,這樣作僅僅是為了分段應用濾鏡的立體效果,並非真想將圓環切開。



  除此之外,我還想在裝飾環的右上方挖掉一個較長的圓弧段,並在裡面嵌入與綠色玻璃珠相似的物件。所以我先在一個新層中編輯了這個圓弧段,如右圖中橙色的部分。編輯完成後,就可以調出它的選擇域,然後對裝飾環相應部分進行刪除。而剛作好的這個橙色圓弧段,應該保留,因為可以用它來作嵌在裝飾環中的玻璃物。所以我將這個圖層拖到了最下面。

應用濾鏡,裝飾環的每個小段都出現相同的立體化效果,排列在一起很好看。實際上這時的立體化是凹陷效果。前面製作圓環時,將圓環內半側填充為較深的灰色,現在仍可以看到,接近齒輪圓環外邊的位置,裝飾環的調子比較深,就好像是齒輪圓環的陰影。立體物件的厚實感並非僅由物件主體的凹凸造成,更多的效果由陰影、邊緣線、邊緣輕微立體化等細節來體現,所以一定要注意這些看似無足輕重的方面。我一再地為這些微小的變化增加圖層,有的層只有一根細線而已,但這是值得的,沒有它們顯然不行。玻璃圓弧段的製作用Glass濾鏡,這裡不重複介紹了。



  考慮到左邊的球面環有些單調,我為它增加了兩條凹陷的環線。在網頁美術設計中,經常會用到這種方式,一般它們的線寬僅有兩個像素。印刷品的分辨率較高,所以我用了四個像素寬。還是以默認的常規照明,即光線是從左上方投射過來的,這使弧線的外側兩個像素較深,而內側的兩個像素較亮,於是出現了凹陷的感覺。方法是先用圓形選擇工具畫出選擇域,然後用較深的顏色進行描邊,執行Edit>Strock,在彈出的對話框中輸入描邊寬度的像素數。完成深色描邊後,分別按兩次右箭頭和下箭頭鍵,使選擇域向右下方移動兩個像素的位置(因為我的描邊寬度是兩個像素),再用較亮的顏色描邊,凹陷圓弧就完成了。



  現在,整個作品基本完成,中心部分的文字,製作方法比較簡單,這裡不講了。在文字的後面,我作了球面填充。網址後面的「WWW」和最下面的變形「GRAPHICS」,其變形效果,是應用KPT5.0中Rad Warp濾鏡的結果。它的具體使用方法在以後的文字效果製作中有專門的講解。



點擊上面的圖例可以看到未縮小的原貌

標誌設計

相關鏈接:圖片,視覺,平面,廣告,VI,畫冊,課程,技巧,PS,設計,圖片,課程,下載
Google
最 新 文 章
相 關 文 章
Michael 滑板圖案設計
靳埭強設計作品—中國銀
bekker廣告設計精選
倫敦國際書展—台灣出版
HORNALL ANDERSON 設計作
朗意品牌顧問
設計·生活·創業---山東
''東方之星''大學生設計
SPOON國外一本新銳時尚攝
首架北京奧運主題彩色飛
你見過這樣可愛的月餅禮
花樣手提袋圖片
中國「包裝之星2005」獲獎
Liora Saad 包裝設計圖片
優秀包裝設計作品
redocn優秀包裝作品(二)
redocn優秀包裝作品
05年精美中秋包裝作品
精美包裝作品圖片
Lina Seo 包裝設計
香港正形設計學校包裝作品
煙盒包裝設計
photoshop立體物件綜合實例相關設計:您現在欣賞的是由artbei.com設計欣賞站為您提供的《photoshop立體物件綜合實例》,設計師打造一個自我學習和提升的平台,認真閱讀藝術與設計雜誌,一切有關平面設計的技巧都囊括其中,而且毫不張揚,溫文而雅,為抄襲者提供了大量改頭換面的空間.圖片,視覺,平面,廣告,VI,畫冊,課程,技巧,PS學習設計最好的方法是多看,多做,多想,只有不斷學習借鑒優秀設計師的作品才能不斷的提高自我,才能不斷地邁向成功.我們為您提供豐富的平面設計,網站設計,廣告設計,畫冊設計,包裝設計,標誌設計,海報設計,封面設計vi設計,圖片,視覺,平面,廣告,VI,畫冊,課程,技巧,PS,設計,圖片,課程,下載,平面設計課程,CorelDraw,PS,文字,濾鏡等設計類欣賞,教程和學習文章.歡迎收藏本網站,並記住我們的域名:www.artbei.com,點擊此處返回設計網站首頁!
推 薦 新 聞-+平面設計課程,CorelDraw,PS,文字,濾鏡,設計欣賞,教程,技巧,ps+-
國際廣告創意圖片004 廣告版式設計 Kimberly Knig 包裝及廣告版式設計 ron gri Sony公司優秀廣告圖片
創意無限!優秀公益廣告作品 創意無限!優秀公益廣告作品 微軟經典平面廣告組圖圖片 一組喜力的平面廣告
平面廣告設計圖片 第十屆中國廣告節獲獎作品選 全國環境保護公益廣告大賽獲 韓國化妝品廣告圖片
|畫冊設計|樣本設計|廣告設計|DM設計|展示設計|專賣店設計|標誌設計|VI設計|海報設計|LOGO設計|信封設計|設計論壇|

2007 設計圖片與設計課程