前言:
自己動手操作過類似霓虹效果廣告圖制作和打造冷酷的金屬質感符號這類教程的同學也許會深深明白,如果用暗夜星空氛圍打造光感效果的確是非常炫目的。特別是在制作海報或廣告時,氛圍的營造有時就得靠這種暗夜裡光感來震撼到觀眾。
今天我會教大家一個教程,可以說是這個教程是前面我提到的兩個教程的融合。另外,在此教程中,我們會用到此前教程使用的方法,還會介紹一些新技巧運用。還是那樣一句老話,最終效果不是目的,最重要是制作過程中,大家能樂在其中就好。
一、准備
1、矢量花紋
2、grunge紋理圖片
二、制作文字
在此,我是用西文來作為案例使用的,中文也可以采用此種效果,只是由於中文的筆畫方向往四個方向散開,制作的時候需要頗費些心思才可以把握住文字的協調性。
打開PS,新建一個1920px*1200px的文檔,新建一個圖層,填充圖層為黑色 #1f1e1e。為這個圖層增加漸變疊加的圖層樣式,在圖層樣式的面板中,設置漸變色從深灰色#707070到白色#ffffff的徑向漸變,漸變的混合模式為“正片疊底”,透明度降低為60%。在徑向漸變的中心為白色,這讓背景呈現中間亮四周暗的效果。
漸變疊加後,大家可以仔細看到,徑向漸變會出現一圈圈的類似“年輪”的紋路。解決這個紋路的方法有很多,在此我用雜色濾鏡來處理。進入【濾鏡>雜色>添加雜色】,在濾鏡設置面板中,雜色數量為2%,高斯分布,並選中單色。很多剛開始學PS的同學總是對面板中一些奇怪的參數感到好奇,其實大家未必一定要一開始就掌握所有的參數的意義。經過多次對參數應用,就能慢慢理解它的意思。
好了,讓我們開始寫字了。我選用了西文字體Kunstler Script Regular,字體選用上要注意,一定要體現“藝術感”,也就是說如果是普通的教正規的字體,效果運用可能就不會這麼理想。這也根據不同的字體,我們要選用不同的效果,甚至從文字表達的意思上也要統一風格。我在此先寫一個"Design"。
再寫剩下的"by"和"Ray",每個詞不必都一樣大小,根據字形的特點對詞進行簡單排版,字與字之間最好能連在一起。
這時,我們還可以選擇一些矢量圖案來裝飾。我在這裡提供了矢量花紋的下載,大家也可以利用手邊的素材,根據字形特點裝飾。這裡我只簡單做了一點修飾,增加一些卷曲的線條。
二、應用圖層樣式的效果
文字的外形做好了,讓我們將文字和裝飾一起合並為一個圖層,取名為“text”,快捷鍵為選中文字和裝飾後點擊ctrl+alt+E。將原有的圖層關掉。把這個新的合並圖層變為智能對象。點擊圖層右鍵後,選中“轉為只能對象”的選項。
轉為智能對象後,這個圖層就能在原有像素范圍內自由伸縮,而且在使用部分濾鏡時,還能將濾鏡作為智能濾鏡,方便對效果的控制和編輯。
這時,我們要對“text”圖層應用漸變疊加的圖層樣式,漸變的色彩我選擇的是橙色-粉紅-藍綠色的線性漸變,角度為90度。在顏色的選擇上,你可以任意選擇,但要注意的是盡量使用亮度和純度都較高的色彩,這樣才能體現出這種“閃亮”的效果。面板樣式和漸變效果如下圖所示。
應用漸變疊加後,讓我們為圖層增加一個投影。雖然,在暗色的背景上應用投影看起來不那麼明顯,但是我們要知道的就是,不管一個小小的效果是否能第一眼就引起注意,正是這些細節部分才能構成最終效果,所以不可輕視。這個投影的模式為正片疊底的黑色投影,透明度為100%,距離為5,大小為20,方向為120度。詳細的參數參考如下圖。
然後,來到最重要的一個效果了,我認為這個效果的運用其實在所有同類效果中都是非常有效的。那就是為圖層添加“斜面和浮雕”。凡是所有要朝擬物方向設計的組件,你都可以先考慮是否可以用上這個效果。對於面板參數,大家並沒有必要第一次使用就完全記住,只要經過多次的不斷嘗試調試後,你自然會理解面板中每個參數的作用。大家可以先看看我的面板參數:
就像字面意思一樣,例如角度、高光、陰影、深度、大小這些就較好理解,對於參數數值也並不是恆定不變,它們會根據環境和你設計文件的大小而改變。因此,你可以試著將每個滑塊都左右滑動下,一邊滑動一邊查看效果,直到找到最合適的那一點。
這個效果完成後,我們還要再來做一次這樣的效果,這一次,讓我們將text圖層復制,快捷方式是選中該圖層然後點擊ctrl+J。接下來我們要做的第一件事就是將這個復制層的填充調整為0%,在我的教程水晶紐扣的制作裡也談到過這種方法。填充被降至0後,這個圖層的任何顏色都不會再顯示,而它的圖層樣式卻能繼續產生效果。
我們把復制層的圖層樣式“漸變疊加”關掉,然後再調出斜面與浮雕的圖層樣式面板,在面板中對部分參數進行修改。這裡先要改的是方向,將方向改為下,深度增加到370,其他的參數大家可以參考如下圖。
大家如果覺得效果不夠強,可以把復制層再復制多一個。達到這樣類似的效果即可。
到此,我們再復制一個上一步的圖層,這一次再來對斜面和浮雕進行調整,關掉投影的圖層樣式。在參數面板中將軟化改為1,高光模式改為顏色減淡,並將透明度調為70%。
這時,我們的圖層樣式的應用就完成了。
三、應用圖案
網絡的圖案可謂浩如煙海,但是我們能否運用到稱心如意的那個圖案,也許有時靠的是找圖案時的運氣。所以,自制圖案對有限的時間來說就顯得特別重要。這裡我想要為文字增加一種傾斜的百葉窗的圖案效果。
新建一個文件,大小為40px*200px,背景為透明。圖案的創建一般是從基礎的單元圖形開始。新建文檔成功後,運用矩形工具拉出一個長為20px,高度為200的矩形選區。利用漸變工具,漸變色是從白色過渡到白色,都是白色,只是兩端白色從透明度為100到40的線性漸變。在矩形選區中應用漸變。取消選區,將整個文檔定義為圖案。
完成定義圖案後,我們轉到文字的文件裡,在文字上方新建一個圖層,將該圖層填充剛剛制作的圖案。
旋轉圖案圖層,將圖層混合模式改為“柔光”。
選中文字的圖層,按住ctrl鍵單擊圖層的縮略圖調出文字的選區。再保持選區的情況下,回到圖案圖層,點擊圖層面板下方的蒙版圖