萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps文字教程 >> PS教你創建閃亮迷蒙的文字效果

PS教你創建閃亮迷蒙的文字效果

   今天的教程中,我們會用到此前教程使用的方法,還會介紹一些新技巧運用。還是那樣一句老話,最終效果不是目的,最重要是制作過程中,大家能樂在其中就好。

PS教你創建閃亮迷蒙的文字效果 三聯

  在此,我是用西文來作為案例使用的,中文也可以采用此種效果,只是由於中文的筆畫方向往四個方向散開,制作的時候需要頗費些心思才可以把握住文字的協調性。

  打開PS,新建一個1920px*1200px的文檔,新建一個圖層,填充圖層為黑色 #1f1e1e。為這個圖層增加漸變疊加的圖層樣式,在圖層樣式的面板中,設置漸變色從深灰色#707070到白色#ffffff的徑向漸變,漸變的混合模式為“正片疊底”,透明度降低為60%。在徑向漸變的中心為白色,這讓背景呈現中間亮四周暗的效果。

ifeiwu201501112

  漸變疊加後,大家可以仔細看到,徑向漸變會出現一圈圈的類似“年輪”的紋路。解決這個紋路的方法有很多,在此我用雜色濾鏡來處理。進入【濾鏡>雜色>添加雜色】,在濾鏡設置面板中,雜色數量為2%,高斯分布,並選中單色。很多剛開始學PS的同學總是對面板中一些奇怪的參數感到好奇,其實大家未必一定要一開始就掌握所有的參數的意義。經過多次對參數應用,就能慢慢理解它的意思。

ifeiwu201501113

  好了,讓我們開始寫字了。我選用了西文字體Kunstler Script Regular,字體選用上要注意,一定要體現“藝術感”,也就是說如果是普通的較正規的字體,效果運用可能就不會這麼理想。這也根據不同的字體,我們要選用不同的效果,甚至從文字表達的意思上也要統一風格。我在此先寫一個”Design”。

  再寫剩下的”by”和”Ray”,每個詞不必都一樣大小,根據字形的特點對詞進行簡單排版,字與字之間最好能連在一起。

ifeiwu201501115

  這時,我們還可以選擇一些矢量圖案來裝飾。我在這裡提供了矢量花紋的下載,大家也可以利用手邊的素材,根據字形特點裝飾。這裡我只簡單做了一點修飾,增加一些卷曲的線條。

ifeiwu201501116

  二、應用圖層樣式的效果

  文字的外形做好了,讓我們將文字和裝飾一起合並為一個圖層,取名為“text”,快捷鍵為選中文字和裝飾後點擊ctrl+alt+E。將原有的圖層關掉。把這個新的合並圖層變為智能對象。點擊圖層右鍵後,選中“轉為只能對象”的選項。

ifeiwu201501117

  轉為智能對象後,這個圖層就能在原有像素范圍內自由伸縮,而且在使用部分濾鏡時,還能將濾鏡作為智能濾鏡,方便對效果的控制和編輯。

  這時,我們要對“text”圖層應用漸變疊加的圖層樣式,漸變的色彩我選擇的是橙色-粉紅-藍綠色的線性漸變,角度為90度。在顏色的選擇上,你可以任意選擇,但要注意的是盡量使用亮度和純度都較高的色彩,這樣才能體現出這種“閃亮”的效果。面板樣式和漸變效果如下圖所示。

ifeiwu201501118

  應用漸變疊加後,讓我們為圖層增加一個投影。雖然,在暗色的背景上應用投影看起來不那麼明顯,但是我們要知道的就是,不管一個小小的效果是否能第一眼就引起注意,正是這些細節部分才能構成最終效果,所以不可輕視。這個投影的模式為正片疊底的黑色投影,透明度為100%,距離為5,大小為20,方向為120度。詳細的參數參考如下圖。

ifeiwu201501119

  然後,來到最重要的一個效果了,我認為這個效果的運用其實在所有同類效果中都是非常有效的。那就是為圖層添加“斜面和浮雕”。凡是所有要朝擬物方向設計的組件,你都可以先考慮是否可以用上這個效果。對於面板參數,大家並沒有必要第一次使用就完全記住,只要經過多次的不斷嘗試調試後,你自然會理解面板中每個參數的作用。大家可以先看看我的面板參數:

ifeiwu2015011110

  就像字面意思一樣,例如角度、高光、陰影、深度、大小這些就較好理解,對於參數數值也並不是恆定不變,它們會根據環境和你設計文件的大小而改變。因此,你可以試著將每個滑塊都左右滑動下,一邊滑動一邊查看效果,直到找到最合適的那一點。

ifeiwu2015011111

  這個效果完成後,我們還要再來做一次這樣的效果,這一次,讓我們將text圖層復制,快捷方式是選中該圖層然後點擊ctrl+J。接下來我們要做的第一件事就是將這個復制層的填充調整為0%。填充被降至0後,這個圖層的任何顏色都不會再顯示,而它的圖層樣式卻能繼續產生效果。

  我們把復制層的圖層樣式“漸變疊加”關掉,然後再調出斜面與浮雕的圖層樣式面板,在面板中對部分參數進行修改。這裡先要改的是方向,將方向改為下,深度增加到370,其他的參數大家可以參考如下圖。

ifeiwu2015011112

  大家如果覺得效果不夠強,可以把復制層再復制多一個。達到這樣類似的效果即可。

ifeiwu2015011113

  到此,我們再復制一個上一步的圖層,這一次再來對斜面和浮雕進行調整,關掉投影的圖層樣式。在參數面板中將軟化改為1,高光模式改為顏色減淡,並將透明度調為70%。

ifeiwu2015011114

  這時,我們的圖層樣式的應用就完成了。

ifeiwu2015011115

  三、應用圖案

  網絡的圖案可謂浩如煙海,但是我們能否運用到稱心如意的那個圖案,也許有時靠的是找圖案時的運氣。所以,自制圖案對有限的時間來說就顯得特別重要。這裡我想要為文字增加一種傾斜的百葉窗的圖案效果。

  新建一個文件,大小為40px*200px,背景為透明。圖案的創建一般是從基礎的單元圖形開始。新建文檔成功後,運用矩形工具拉出一個長為20px,高度為200的矩形選區。利用漸變工具,漸變色是從白色過渡到白色,都是白色,只是兩端白色從透明度為100到40的線性漸變。在矩形選區中應用漸變。取消選區,將整個文檔定義為圖案。

ifeiwu2015011116

  完成定義圖案後,我們轉到文字的文件裡,在文字上方新建一個圖層,將該圖層填充剛剛制作的圖案。

ifeiwu2015011117

  旋轉圖案圖層,將圖層混合模式改為“柔光”。

ifeiwu2015011118

  選中文字的圖層,按住ctrl鍵單擊圖層的縮略圖調出文字的選區。再保持選區的情況下,回到圖案圖層,點擊圖層面板下方的蒙版圖標。由於有選區在,因此添加蒙版的時候就會自動將沒有在選區內的部分遮擋。而我們對文字添加的百葉窗圖案效果也就完成了。

ifeiwu2015011119

  四、增強效果

  為了讓圖案變得更有魅力,適當增加一些光的效果是個不錯的選擇。這時,讓我

copyright © 萬盛學電腦網 all rights reserved