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

Photoshop製作漂亮的藍色熒光標題字

設計教程 閲讀(1.69W)

效果圖基本用圖層樣式來完成,製作的時候需要在細節及顏色上下功夫,可以多嘗試一些圖層樣式的參數設置,把文字的發光、立體,紋理等完美表現出來。

最終效果

Photoshop製作漂亮的藍色熒光標題字

1、打開Photoshop,Ctrl+N新建畫布。選擇你需要的大小和分辨率。尺寸不要太小,這樣我們會看清細節。

Photoshop製作漂亮的藍色熒光標題字 第2張

2、在這次設計中,我們想要創建一種星際爭霸文字的效果。首先下載並安裝StarCraft字體。我們將背景色填充為淺灰色來代替默認的白色,這樣不至於白色背景與文字對比過於強烈。

Photoshop製作漂亮的藍色熒光標題字 第3張

3、為文字添加斜面和浮雕效果。默認的數值效果肯定不是我們想要的,我們需要更加強烈的效果,那樣會更有衝擊力。增大“大小”的數值,注意觀察字體的稜角是怎麼變得清晰起來的。

大小選擇20px左右比較合適。(字體大小不同,需要設置的數字也會不同,具體情況自己掌握。)我們需要鋭利的邊緣和稜角,將“方法”設置為雕刻清晰即可。繼續調整陰影的角度和高度,這項數值會決定稜角邊緣的對比度。

Photoshop製作漂亮的藍色熒光標題字 第4張

Photoshop製作漂亮的藍色熒光標題字 第5張

4、接下來我們會用到一種生鏽的紋理。下載紋理素材,將其在Photoshop中打開,我們只需要鐵鏽斑駁的紋理,而用不到顏色,因此執行菜單圖像>調整>去色。我們繼續調整素材圖像的對比度。Ctrl+L打開色階命令,調整亮部與暗部以增強對比。

Photoshop製作漂亮的藍色熒光標題字 第6張

Photoshop製作漂亮的藍色熒光標題字 第7張

5、我們需要將紋理保存起來用在文字效果上。Ctrl+A全選,執行菜單編輯>定義圖案,重命名圖案。

Photoshop製作漂亮的藍色熒光標題字 第8張

6、是時候將紋理應用到我們的文字效果上了。雙擊圖層樣式,打開紋理疊加選項,選擇我們上一步定義好的鐵鏽紋理。效果看上去過於強烈,將混合模式設置為“點光”,不透明度設置為20%。

Photoshop製作漂亮的藍色熒光標題字 第9張

7、現在顏色只有黑色和白色,這一步我們來添加一些顏色。打開圖層樣式面板,進行顏色疊加。這裏我們選擇的顏色為#5288a4,將不透明度設置為70%。

Photoshop製作漂亮的藍色熒光標題字 第10張

Photoshop製作漂亮的藍色熒光標題字 第11張

8、這樣我們有了一個基本的色調。默認的斜面和浮雕中的陰影和高光仍然達不到我們想要的效果,我們來調整一下高光和陰影的顏色。將色值分別設置為#13fffc和#005780。

Photoshop製作漂亮的藍色熒光標題字 第12張

9、現在整體看起來還是比較扁平,沒有非常強烈的立體感。我們需要再創建一層斜面和浮雕效果來增強這種感覺。選中文字層,Ctrl+J複製一層,刪掉複製層的圖層樣式效果。並將其填充度設置為0。

Photoshop製作漂亮的藍色熒光標題字 第13張

10、由於我們下一步要將顏色疊加的不透明度修改為100%,因此要將下面一層的圖案疊加效果拖動到複製的層上,不然顏色會遮蓋圖案的效果。

Photoshop製作漂亮的藍色熒光標題字 第14張

Photoshop製作漂亮的藍色熒光標題字 第15張

11、將下面圖層的顏色疊加不透明度修改為100%。

Photoshop製作漂亮的藍色熒光標題字 第16張

12、為上面的文字圖層添加斜面和浮雕的紋理。這樣會使紋理有略微凸起的效果。

Photoshop製作漂亮的藍色熒光標題字 第17張

13、然後調整斜面和浮雕。這樣使得文字的立體感更加突出。

Photoshop製作漂亮的藍色熒光標題字 第18張

14、為了增加文字上下部分的明暗對比,我們為其添加漸變疊加,將混合模式設置為正片疊底。

Photoshop製作漂亮的藍色熒光標題字 第19張

Photoshop製作漂亮的藍色熒光標題字 第20張

15、選中最下面的文字圖層,為其添加投影效果。

Photoshop製作漂亮的藍色熒光標題字 第21張

這裏我們使用等高線,使投影內部暗一些,外部更加虛化,符合真實投影的樣式。

Photoshop製作漂亮的藍色熒光標題字 第22張

Photoshop製作漂亮的藍色熒光標題字 第23張

16、到目前為止,我們只為文字添加了暗部,這一步來添加高光部分。Ctrl+J將文字複製一層,去掉圖層樣式,並將填充度設置為0。

Photoshop製作漂亮的藍色熒光標題字 第24張

17、為文字添加漸變樣式。其中白色部分就是我們需要調亮的區域,注意此時的混合模式為顏色減淡。

Photoshop製作漂亮的藍色熒光標題字 第25張

Photoshop製作漂亮的藍色熒光標題字 第26張

18、下面我們創建描邊,是文字的輪廓更加清晰。比較亮的輪廓可以區分文字與陰影,從而更加凸顯文字。我們選擇的顏色為#32c3ff。

Photoshop製作漂亮的藍色熒光標題字 第27張

19、不要滿足與上一步的樣式,我們的文字還可以繼續優化。來為文字添加一些內部的發光效果試試,此處我們使用內陰影來實現這種效果。記住,內陰影並不是只能做陰影效果,我們還可以使用這個功能來模擬發光的效果。看看下圖是不是漂亮了很多。

Photoshop製作漂亮的藍色熒光標題字 第28張

再稍微調整一下背景,我們的效果就做好了。

Photoshop製作漂亮的藍色熒光標題字 第29張


感謝作者南辰分享原創教程。