網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

利用濾鏡及圖層樣式製作絢麗的波紋字

欄目: 設計教程 / 發佈於: / 人氣:1.92W

效果圖有點複雜,其實思路非常簡單:文字部分實際只有兩層,第一層用樣式設置好漸變色及簡單的發光效果;第二層把填充改爲零,應用簡單的內發光後用濾鏡做出波紋效果。其它裝飾光束也是用同樣的方法制作,後期再用素材疊加增加夢幻效果即可。

最終效果

利用濾鏡及圖層樣式製作絢麗的波紋字

1、新建一個1600px×1200px的文檔,背景色設置爲黑色。

利用濾鏡及圖層樣式製作絢麗的波紋字 第2張

2、添加Prisma字體,可以從DaFont下載,設置字體大小爲500pt(小編備註:分辨率72的情況下450pt差不多),白色。因爲我們下面要給文字圖層應用一些圖層樣式,所以文字顏色在這一步沒什麼影響。

在應用圖層樣式前我們需要把文字圖層的填充設置爲0%。由於我們接下來要應用兩種不同的圖層樣式,所以把文字圖層先複製一份。

注意:文字圖層是我們這個設計的基礎,所以給它命名base_text,接下來在教程中都以此代替。把文字置於文檔的中心處,跟背景圖層水平,垂直居中對齊。

利用濾鏡及圖層樣式製作絢麗的波紋字 第3張

3、先給第一個文字圖層(下面的這個)添加以下的圖層樣式。

首先應用漸變疊加,顏色從深藍到黃色,中間用紅色過渡,可參考下圖。

利用濾鏡及圖層樣式製作絢麗的波紋字 第4張

漸變顏色從左到右依次是藍色(#0A00B2),紅色(#FF0000)和黃色(#FFFC00)。

利用濾鏡及圖層樣式製作絢麗的波紋字 第5張

現在應用白色的內發光。

利用濾鏡及圖層樣式製作絢麗的波紋字 第6張

上面的兩個圖層樣式應用完之後,文字看起來應該是這樣的。

利用濾鏡及圖層樣式製作絢麗的波紋字 第7張

4、現在輪到第二個文字圖層(上方這個),將圖層填充改爲0%,應用內發光,設置跟剛纔的一樣。

5、我們的基本的文字已經準備好了,接下來將要添加一些波動效果。爲此我們給複製後的圖層應用波浪濾鏡,選擇濾鏡→扭曲→波紋,數量=100%,大小=大,點擊ok應用。

利用濾鏡及圖層樣式製作絢麗的波紋字 第8張

利用濾鏡及圖層樣式製作絢麗的波紋字 第9張

利用濾鏡及圖層樣式製作絢麗的波紋字 第10張

6、下一步,我們來製作光電波效果。使用矩形工具(U)在文字下方繪製一個細長的矩形,寬度跟文字上單獨一根線條的寬差不多,長度比文字長些,這是要讓波浪看起來有種環繞着文字穿梭的感覺。

利用濾鏡及圖層樣式製作絢麗的波紋字 第11張

7、給矩形應用內發光((小編備註:先將填充改爲0%),設置還是跟之前一樣,但爲矩形的寬調整下發光大小,我們使用大小=8,你也可以按自己偏好設置。

利用濾鏡及圖層樣式製作絢麗的波紋字 第12張

利用濾鏡及圖層樣式製作絢麗的波紋字 第13張

8、現在我們的矩形已經準備好變身波浪了,我們將使用波浪濾鏡,選擇濾鏡→扭曲→波浪,設置如下。

利用濾鏡及圖層樣式製作絢麗的波紋字 第14張

利用濾鏡及圖層樣式製作絢麗的波紋字 第15張

9、接着依樣畫葫蘆製作4-5條波浪,來些明亮或柔和的顏色,讓霓虹看起來像彩色的波浪一樣。

利用濾鏡及圖層樣式製作絢麗的波紋字 第16張

10、我們用RGB顏色:青,品紅,綠,和黃色又製作了不同顏色的波浪。顏色信息你可以參考下圖,你也可以按照自己喜好來選色。

利用濾鏡及圖層樣式製作絢麗的波紋字 第17張

11、波浪完成後,將它們所在圖層進行編組,全選波浪圖層,選擇圖層→圖層編組(Ctrl+G)。組合後的圖層重命名下,方便識別。

現在我們也要對波浪應用下波紋效果。右鍵單擊選擇複製組,對波浪組進行復制,然後選擇圖層→合併組(Ctrl+E)。

對這個新的圖層應用波紋效果,選擇濾鏡→扭曲→波紋,設置跟之前一樣,數量=100%,大小=大,點擊ok應用。

利用濾鏡及圖層樣式製作絢麗的波紋字 第18張

利用濾鏡及圖層樣式製作絢麗的波紋字 第19張

12、接下來複制波紋化後的圖層,應用一些模糊來給波浪營造發光效果,選擇濾鏡→模糊→高斯模糊,半徑設置爲10px,然後點擊ok應用。

利用濾鏡及圖層樣式製作絢麗的波紋字 第20張

利用濾鏡及圖層樣式製作絢麗的波紋字 第21張

13、現在是時候給文字也來點發光效果了。複製波紋化後的文字圖層,就是那個應用了波紋扭曲濾鏡的,將它移動到頂部然後應用高斯模糊,半徑設置爲10px。我們需要降低基礎文字的亮度,因此再給圖層添加一些藍色或青色的光。選擇圖像→調整→色相/飽和度,勾選右下角着色選框,移動滑塊選擇柔和點的青色,點擊ok應用。

利用濾鏡及圖層樣式製作絢麗的波紋字 第22張

14、然後我們的文字會看起來像這樣(小編備註:此時將該圖層填充改爲100%,不然看不到效果)。你可以看到漸變色的亮度已經被最小化了。

利用濾鏡及圖層樣式製作絢麗的波紋字 第23張

15、下一步,我們將通過增加一個透視的網格給整個作品營造出復古的效果。去網上下載並載入網格筆刷。創建一個新的圖層,沿着圖像的底部繪製一張網格,如下圖所示。

利用濾鏡及圖層樣式製作絢麗的波紋字 第24張

16、接下來我們需要重新設置網格的大小,讓它和文字的寬度相匹配,選擇編輯→變形→縮放(Ctrl+T)進行調整,大小如下圖所示。

利用濾鏡及圖層樣式製作絢麗的波紋字 第25張

17、然後添加蒙版,用柔軟的圓形筆刷,200px,硬度0%,文字後面的網格擦除(小編備註:可結合矩形選框工具來遮)。

利用濾鏡及圖層樣式製作絢麗的波紋字 第26張

18、複製網格圖層,然後應用模糊濾鏡,用高斯模糊給網格增加發光的效果。

利用濾鏡及圖層樣式製作絢麗的波紋字 第27張

19、下一步我們將在透視網格上給文字做一層漂亮微妙的倒影。複製base_text圖層,將複製後的圖層移動至圖層頂部,選擇編輯→變形→垂直翻轉對圖層進行翻轉,然後往下拖拽直到頂部跟原來文字的底部接合。

利用濾鏡及圖層樣式製作絢麗的波紋字 第28張

20、接着我們要來調整倒影的透視來匹配網格。爲此我們需要對倒影文字做變形,選擇編輯→變形→伸縮(Ctrl+T),如下圖所示。

提示:通過變形制作/改變透視,按了Ctrl+T後,不用右鍵選擇透視,可直接按住ctrl鍵不放拖拽圖層的四個角來調整透視。

利用濾鏡及圖層樣式製作絢麗的波紋字 第29張

利用濾鏡及圖層樣式製作絢麗的波紋字 第30張

21、現在我們的倒影雖然是扁平的,但還不夠好,因此我們需要微調下。給這個圖層添加一個蒙版,右鍵選擇添加圖層蒙版。選中蒙版後,選擇漸變工具,用默認的黑白漸變,如果默認不是這個,就按D改爲默認。

在蒙版中繪製一個從底部到頂部的線性漸變,如圖所示。

利用濾鏡及圖層樣式製作絢麗的波紋字 第31張

22、改變倒影圖層的混合模式爲顏色減淡,效果如下圖所示。

利用濾鏡及圖層樣式製作絢麗的波紋字 第32張

23、新建一個圖層,選擇柔軟的圓形筆刷,白色,直徑50px,硬度0%,在文字上隨機繪製一些波點。

利用濾鏡及圖層樣式製作絢麗的波紋字 第33張

24、將圖層混合模式改爲疊加。

利用濾鏡及圖層樣式製作絢麗的波紋字 第34張

25、再新建一個圖層,改變筆刷直徑爲100-150px,然後在文字跟網格相交處繪製一條柔白的區域。

利用濾鏡及圖層樣式製作絢麗的波紋字 第35張

26、將圖層混合模式改爲疊加,圖層透明度設置爲50%。

利用濾鏡及圖層樣式製作絢麗的波紋字 第36張

27、打開星雲圖片,複製粘貼到當前的文檔中,爲圖片新建一個圖層,調整圖片的大小。由於我們希望顏色能夠統一,因此要對圖片去色,再重新着上柔和柔和的青色。選擇圖像→調整→去色(Ctrl+shift+U)然後選擇圖像→調整→色相/飽和度,勾選右下角的着色選框,選擇柔和的青色,點擊ok。可參考下圖的設置。

利用濾鏡及圖層樣式製作絢麗的波紋字 第37張

利用濾鏡及圖層樣式製作絢麗的波紋字 第38張

28、同樣的,我們需要擦除文字和網格下方的星雲。所以給圖層新建一個蒙版,使用柔軟的筆刷直徑200px,硬度0%,將雲圖底部的區域遮蓋住。

利用濾鏡及圖層樣式製作絢麗的波紋字 第39張

現在圖層挪到底部,僅次於背景圖層,改變圖層混合模式爲屏幕模式,透明度設置爲50%。大功告成!這就是最終的效果,請順便檢查下圖層是否整齊有序堆放。

終於我們有了最終的作品——五彩繽紛的電波文字。我有必要提一下,爲了得到最終完美精準的效果,請自由地使用濾鏡,選擇文字,應用圖層樣式,以及在使用濾鏡的時候嘗試不同的設置。

利用濾鏡及圖層樣式製作絢麗的波紋字 第40張


感謝作者Iamkikidong製作並授權本站發佈教程。