當前位置:米奇創意網>設計創意>設計教程>

Photoshop快速製作精美的數碼霓虹字

設計教程 閲讀(4.52K)

作者製作霓虹字的思路非常不錯。首先自制一個較暗的背景,然後輸入文字(圖形也可以),文字分為兩層,底部的文字模糊處理,頂部的文字用圖層樣式加上發光效果即可。

最終效果

Photoshop快速製作精美的數碼霓虹字

1、打開紋理質感的牆。

Photoshop快速製作精美的數碼霓虹字 第2張

2、複製一層。混合模式為正片疊底,不透明度為50%。

Photoshop快速製作精美的數碼霓虹字 第3張

3、在圖層調板底部的調整,選擇圖層>色相/飽和度,打開如上圖所示創建,調低亮度和飽和度。霓虹燈在夜間的氣氛,亮光是會影響周邊的。

Photoshop快速製作精美的數碼霓虹字 第4張

4、創建一個新層,黑色的前景/背景色設置為白色,然後濾鏡>渲染>分層雲彩。

Photoshop快速製作精美的數碼霓虹字 第5張

5、雲的圖層設置混合模式為顏色減淡,添加蒙版,設置前景色為黑色,用畫筆工具,設置軟刷子塗刷在中心之外的部分。如圖所示在上圖中,只有霓虹燈形成的位置是亮的。

Photoshop快速製作精美的數碼霓虹字 第6張

6、霓虹燈的字體或是差不多字體,在設計前先下載和安裝NeonFont字體,字體大小粗體前為130pt。

Photoshop快速製作精美的數碼霓虹字 第7張

7、輸入想要的名稱,放上標誌,選取兩個層在一起,按Ctrl+E合併。

Photoshop快速製作精美的數碼霓虹字 第8張

8、以上圖所示,點擊鎖定透明像素的情況下,將標誌和字體填充上顏色,色值#38c1f5。單擊填充顏色給鎖定圖層(Ctrl+Delete鍵或是Alt+Delete組合)除了不透明的部分其他將被填充上顏色。鬆開鎖定的圖層。

Photoshop快速製作精美的數碼霓虹字 第9張

9、在圖層上單擊右鍵,點擊轉換為智能對象。

Photoshop快速製作精美的數碼霓虹字 第10張

10、複製一層(按Ctrl+J),然後濾鏡>模糊>高斯模糊,10像素點擊確定。

Photoshop快速製作精美的數碼霓虹字 第11張

11、這一次,選擇圖層的副本,使填充值設置為0%。要通過雙擊應用,打開圖層樣式窗口,請按下面的圖層樣式來設置。

Photoshop快速製作精美的數碼霓虹字 第12張

投影:距離為15px,大小為17px,角度為90度按上面的數據輸入,字體和標誌的大小可根據大小而有所不同。

Photoshop快速製作精美的數碼霓虹字 第13張

內陰影:混合模式為“顏色加深”不透明度為100%角度為-90,距離為2px大小為12px。注意:不勾選“使用全局光”的選項。

Photoshop快速製作精美的數碼霓虹字 第14張

外發光:大小為215px。

Photoshop快速製作精美的數碼霓虹字 第15張

斜面和浮雕:

Photoshop快速製作精美的數碼霓虹字 第16張

顏色疊加:混合模式為“線性減淡(添加)”白色不透明度為47%。

Photoshop快速製作精美的數碼霓虹字 第17張

類似的效果在通過你的慢慢調整,想要的感覺一點點就呈現出來了。

Photoshop快速製作精美的數碼霓虹字 第18張

發上我做的,其實這個教程當中少了兩步,因為我根據原圖的效果,增加了兩步,步驟如下。

Photoshop快速製作精美的數碼霓虹字 第19張

在圖層面板上調整曲線,讓整體的亮度加強。

Photoshop快速製作精美的數碼霓虹字 第20張

添加雜點,增加些質感,這一步個可加可不加。

Photoshop快速製作精美的數碼霓虹字 第21張

最終效果:

Photoshop快速製作精美的數碼霓虹字 第22張


感謝作者690266製作及投稿。