PS與Ai結(jié)合打造超酷的灰色金屬質(zhì)感立體字
活力盒 發(fā)布時間:2010-11-23 16:23:38 作者:佚名
我要評論

本教程的立體字部分是在AI里面完成的。制作原理跟用PS基本類似,也是需要多復制幾個圖層,錯開位置后做出立體感,然后渲染簡單的高光和暗調(diào)做出表面制作。大致立體效果出來后再用PS來渲染質(zhì)感即可。
最終效果

1、使用illustrator打開下載好的"LOGO.fh11",可以直接用自己做好的圖形或文字。導入頁碼:1/1、顏色模式:RGB。



2、你已經(jīng)看到logo已經(jīng)被導入,logo本身已經(jīng)應用了漸變疊加效果。你可以使用如下所示設置重新調(diào)整漸變色。

3、一定不要忘記使用圖層面板,這一點至關(guān)重要。在圖層面板中能看到"LOGO FRONT A" 和"SLOGAN FRONT A"這2個圖層。

4、復制剛才提到的2個圖層,重命名為"LOGO FRONT B"和 "SLOGAN FRONT B"。

5、新得到的圖層放到原圖層底部,具體請參考圖片。

6、打開變換面板,選中全部的4個圖層元素,應用17度的扭曲變形。

7、繼續(xù)應用17度的旋轉(zhuǎn)變形。

8、在圖層面板中隱藏“FRONT A”圖層。

9、選中“LOGO FRONT B”圖層,更改漸變填充為實色填充。

10、通過點擊描邊圖標刪除描邊。

11、對“SLOGAN FRONT B”圖層應用實色填充。

12、選中“LOGO FRONT B”和“SLOGAN FRONT B”,著色rgb(77,77,77),ctrl+c復制圖層,ctrl+b復制到底層并使用變換面板移動位置(x-50,y+29),然后著色rgb(139,142,141)。

13、下面我們將使用混合工具。設置混合選項:對象-混合-混合選項,指定步數(shù)值:50,我們選中2logo層,通過點擊”對象-混合-制作”來應用混合效果,對“slogan”也應用相同的混合效果。



14、混合創(chuàng)建之后,刪除復制圖層。


15、重新激活圖層“"LOGO FRONT A ”和“SLOGAN FRONT A”,現(xiàn)在萬事俱備了。


16、選中所有元素,ctrl+c 復制,打開ps創(chuàng)建文件1200px-1200px,粘貼內(nèi)容。整個過程很簡單,但有些耗時間。


17、把illustrator中制作的所有元素粘貼進ps。在illustrator中全選所有元素,ctrl+c復制,ctrl+v粘貼進ps中,把圖層重命名為“RIF”,至于最底層。這么做是便于在ps中重組元素時有個參照,避免重組后的元素跟原LOGO效果不符的情況產(chǎn)生。

18、視圖-對齊和位置,激活對齊功能,參照“RIF”圖層,對齊logo。



19、完成后,刪掉“R過會對LOGO的倒影部分要做相同的處理。

20、創(chuàng)建LOGO的反光部分,方法同上。把原始文字旋轉(zhuǎn)180°,重命名圖層(LOGO FRONT A_R 、SLOGAN FRONT A_R)和(LOGO FRONT B_R、 – SLOGAN FRONT B_R),然后重復第1-19步。


21、一旦你完成了如上部分,到目前的效果應該如下圖所示,如有不同,請檢查修正。

22、復制logo的反光部分到ps中,調(diào)整其方位,初步形成倒影效果。


23、將所有元素置于畫布中央。


24、新建圖層,重命名為“GRADIENT BASE”,填充白色,應用一個徑向漸變圖層樣式,參數(shù)設置如下:

25、給logo front a圖層(根據(jù)下圖所示,找到你本地多對應的圖層)應用內(nèi)發(fā)光+斜面浮雕圖層樣式,參數(shù)如下:



26、復制圖層樣式,并且分別粘貼到圖層SLOGAN FRONT A、LOGO FRONT A_R、SLOGAN FRONT A_R。

27、對圖層LOGO FRONT B應用如下圖層樣式:




28、復制圖層樣式至LOGO FRONT B_R。


29、復制剛才制作的圖層樣式到LOGO FRONT B_R圖層和SLOGAN FRONT B_R圖層,唯一不同的是level SLOGAN FRONT B要稍作調(diào)整。在光澤面板中,距離由原來的127px降低到30px,并且去掉漸變疊加圖層樣式,只在圖層SLOGAN FRONT B_R 和圖層 LOGO FRONT B_R上保留。


30、對圖層LOGO FRONT A_R 和圖層 LOGO FRONT B_R,應用圖層蒙版。

31、漸變色設置為有黑到白,角度15度。

32、圖層LOGO FRONT B_R上的蒙版效果較圖層LOGO FRONT A_R一定要更強一些。因為這樣做能更好地遮住深色部分。分別降低兩圖層的不透明度為55%和70%。


33、把圖層SLOGAN FRONT B_R的不透明度設為40%,圖層SLOGAN FRONT A_R,75%。為了解決透明部分的重疊問題,在圖層SLOGAN B_R FRONT和圖層LOGO FRONT B_R中間,選中圖層“SLOGAN FRONT B_R”,通過選擇-載入選區(qū)激活選區(qū)。


34、選中圖層LOGO FRONT B_R的圖層蒙版,應用黑色填充。


35、創(chuàng)建投影,通過選擇-選區(qū)載入選區(qū),新建圖層,重命名為“SHADOWS”,用黑色填充選區(qū),置于圖層LOGO FRONT A_R和圖層SLOGAN FRONT A_R之間,使用方向鍵,向下移動一點位置,露出投影部分。


36、通過索討工具取得選區(qū),沿著logo的傾斜方向。取得選區(qū)的目的是去除多余的投影部分。

37、應用4px的高斯模糊。

38、改變圖層不透明度為75%,新建圖層重命名為“LIGHT”,把它置于每個圖層的上方。使用1px大小的筆刷,按住Shift鍵繪制,產(chǎn)生強烈的對比,形成真實的玻璃質(zhì)感。


最終效果:

1、使用illustrator打開下載好的"LOGO.fh11",可以直接用自己做好的圖形或文字。導入頁碼:1/1、顏色模式:RGB。



2、你已經(jīng)看到logo已經(jīng)被導入,logo本身已經(jīng)應用了漸變疊加效果。你可以使用如下所示設置重新調(diào)整漸變色。

3、一定不要忘記使用圖層面板,這一點至關(guān)重要。在圖層面板中能看到"LOGO FRONT A" 和"SLOGAN FRONT A"這2個圖層。

4、復制剛才提到的2個圖層,重命名為"LOGO FRONT B"和 "SLOGAN FRONT B"。

5、新得到的圖層放到原圖層底部,具體請參考圖片。

6、打開變換面板,選中全部的4個圖層元素,應用17度的扭曲變形。

7、繼續(xù)應用17度的旋轉(zhuǎn)變形。

8、在圖層面板中隱藏“FRONT A”圖層。

9、選中“LOGO FRONT B”圖層,更改漸變填充為實色填充。

10、通過點擊描邊圖標刪除描邊。

11、對“SLOGAN FRONT B”圖層應用實色填充。

12、選中“LOGO FRONT B”和“SLOGAN FRONT B”,著色rgb(77,77,77),ctrl+c復制圖層,ctrl+b復制到底層并使用變換面板移動位置(x-50,y+29),然后著色rgb(139,142,141)。

13、下面我們將使用混合工具。設置混合選項:對象-混合-混合選項,指定步數(shù)值:50,我們選中2logo層,通過點擊”對象-混合-制作”來應用混合效果,對“slogan”也應用相同的混合效果。



14、混合創(chuàng)建之后,刪除復制圖層。


15、重新激活圖層“"LOGO FRONT A ”和“SLOGAN FRONT A”,現(xiàn)在萬事俱備了。


16、選中所有元素,ctrl+c 復制,打開ps創(chuàng)建文件1200px-1200px,粘貼內(nèi)容。整個過程很簡單,但有些耗時間。


17、把illustrator中制作的所有元素粘貼進ps。在illustrator中全選所有元素,ctrl+c復制,ctrl+v粘貼進ps中,把圖層重命名為“RIF”,至于最底層。這么做是便于在ps中重組元素時有個參照,避免重組后的元素跟原LOGO效果不符的情況產(chǎn)生。

18、視圖-對齊和位置,激活對齊功能,參照“RIF”圖層,對齊logo。



19、完成后,刪掉“R過會對LOGO的倒影部分要做相同的處理。

20、創(chuàng)建LOGO的反光部分,方法同上。把原始文字旋轉(zhuǎn)180°,重命名圖層(LOGO FRONT A_R 、SLOGAN FRONT A_R)和(LOGO FRONT B_R、 – SLOGAN FRONT B_R),然后重復第1-19步。


21、一旦你完成了如上部分,到目前的效果應該如下圖所示,如有不同,請檢查修正。

22、復制logo的反光部分到ps中,調(diào)整其方位,初步形成倒影效果。


23、將所有元素置于畫布中央。


24、新建圖層,重命名為“GRADIENT BASE”,填充白色,應用一個徑向漸變圖層樣式,參數(shù)設置如下:

25、給logo front a圖層(根據(jù)下圖所示,找到你本地多對應的圖層)應用內(nèi)發(fā)光+斜面浮雕圖層樣式,參數(shù)如下:



26、復制圖層樣式,并且分別粘貼到圖層SLOGAN FRONT A、LOGO FRONT A_R、SLOGAN FRONT A_R。

27、對圖層LOGO FRONT B應用如下圖層樣式:




28、復制圖層樣式至LOGO FRONT B_R。


29、復制剛才制作的圖層樣式到LOGO FRONT B_R圖層和SLOGAN FRONT B_R圖層,唯一不同的是level SLOGAN FRONT B要稍作調(diào)整。在光澤面板中,距離由原來的127px降低到30px,并且去掉漸變疊加圖層樣式,只在圖層SLOGAN FRONT B_R 和圖層 LOGO FRONT B_R上保留。


30、對圖層LOGO FRONT A_R 和圖層 LOGO FRONT B_R,應用圖層蒙版。

31、漸變色設置為有黑到白,角度15度。

32、圖層LOGO FRONT B_R上的蒙版效果較圖層LOGO FRONT A_R一定要更強一些。因為這樣做能更好地遮住深色部分。分別降低兩圖層的不透明度為55%和70%。


33、把圖層SLOGAN FRONT B_R的不透明度設為40%,圖層SLOGAN FRONT A_R,75%。為了解決透明部分的重疊問題,在圖層SLOGAN B_R FRONT和圖層LOGO FRONT B_R中間,選中圖層“SLOGAN FRONT B_R”,通過選擇-載入選區(qū)激活選區(qū)。


34、選中圖層LOGO FRONT B_R的圖層蒙版,應用黑色填充。


35、創(chuàng)建投影,通過選擇-選區(qū)載入選區(qū),新建圖層,重命名為“SHADOWS”,用黑色填充選區(qū),置于圖層LOGO FRONT A_R和圖層SLOGAN FRONT A_R之間,使用方向鍵,向下移動一點位置,露出投影部分。


36、通過索討工具取得選區(qū),沿著logo的傾斜方向。取得選區(qū)的目的是去除多余的投影部分。

37、應用4px的高斯模糊。

38、改變圖層不透明度為75%,新建圖層重命名為“LIGHT”,把它置于每個圖層的上方。使用1px大小的筆刷,按住Shift鍵繪制,產(chǎn)生強烈的對比,形成真實的玻璃質(zhì)感。


最終效果:

相關(guān)文章
- 本教程介紹人物圖片的綜合美化方法。重點在人物的磨皮及調(diào)色,需要把畫面上一些雜亂的東西都處理順暢。然后再把色彩調(diào)淡雅一點。這樣畫面就感覺非常清爽! 原圖2008-10-08
- 人物和風景照片的簡單的合成,Photoshop教程,簡單但是效果是不錯的! 打開兩幅圖片。 利用移動工具把人物照片放到風景圖里面。 副2008-10-05
- 本例教朋友們用PS玩?zhèn)€魔術(shù),從無到有制作超能力電光能量球的效果,全部在PS中完成哦,快來看看是怎么制作的吧。 由于本人E文水平不行,再加上原教程步驟不全2008-11-09
- 相關(guān)教程:Photoshop輕松制作男生個性非主流照 作者一直是位非常努力好學的女孩子,她的的作品色彩及細節(jié)方面都非常講究2008-10-06
- 本教程主要講述了使用Painter結(jié)合PS繪制漫畫《林中少年》的全過程,包括線條的繪制、顏色填充,作者主要分享一種創(chuàng)作思路,教程適合有一定繪畫基礎的網(wǎng)友參考學習,對2008-10-06
- 本教程學習如何利用photoshop的濾鏡 圖層 通道和蒙版聯(lián)手打造太陽光線照射效果。2011-05-19
- 本教程利用一些素材圖片,巧妙的制作出創(chuàng)意的畢業(yè)照片,作者的創(chuàng)意不錯,素材也安排的非常合適,非常值得學習2008-10-05
- PS照片:超越自我,騰飛夢想奧運海報2008-10-05
- 最近看到有人提問,如何表現(xiàn)質(zhì)感、光線,這是一個好問題,說明大家開始關(guān)注一些真正原理上的技巧,而不是單純?yōu)榱思记啥记闪?這對PS的真正提升,是有很大好處的,菜單、2008-10-06
- 本教程將指導你使用Photoshop進行摳圖練習,詳細講解如何精細選取并分離透明玻璃杯,保留其真實質(zhì)感和透明效果2008-09-23