當前位置:製作窩 >

創意設計 >設計教程 >

Photoshop製作富有科技感的藍色發光字

Photoshop製作富有科技感的藍色發光字

發光字製作之前需要找一些較暗的背景素材。字型部分製作也不難,先輸入想要的文字,加上發光圖層樣式,然後增加一點立體效果,再增強高光,後期用煙霧及高光素材裝飾一下即可。

最終效果

Photoshop製作富有科技感的藍色發光字

1、新建畫布1400px*782px,填充黑色,開啟紋理素材,用矩形選框工具選出一部分紋理放到原始的文件中來,調整大小作為背景,高斯模糊之。

Photoshop製作富有科技感的藍色發光字 第2張

Photoshop製作富有科技感的藍色發光字 第3張

Photoshop製作富有科技感的藍色發光字 第4張

2、設定圖層的不透明度為60%。

Photoshop製作富有科技感的藍色發光字 第5張

3、使用如下圖所示的蒙版圖層來遮掉部分內容。

Photoshop製作富有科技感的藍色發光字 第6張

4、使用如下的色彩平衡調整圖層來為紋理圖層新增一些色彩。

Photoshop製作富有科技感的藍色發光字 第7張

Photoshop製作富有科技感的藍色發光字 第8張

Photoshop製作富有科技感的藍色發光字 第9張

Photoshop製作富有科技感的藍色發光字 第10張

5、現在使用本文開頭下載過來的字型寫入一串文字,顏色如下圖黃色便籤裡面所示。

Photoshop製作富有科技感的藍色發光字 第11張

6、給文字新增如下混合樣式。

斜面和浮雕:

Photoshop製作富有科技感的藍色發光字 第12張

描邊:

Photoshop製作富有科技感的藍色發光字 第13張

內陰影:

Photoshop製作富有科技感的藍色發光字 第14張

光澤:

Photoshop製作富有科技感的藍色發光字 第15張

顏色疊加

Photoshop製作富有科技感的藍色發光字 第16張

漸變疊加:

Photoshop製作富有科技感的藍色發光字 第17張

外發光:

Photoshop製作富有科技感的藍色發光字 第18張

投影:

Photoshop製作富有科技感的藍色發光字 第19張

效果如下:

Photoshop製作富有科技感的藍色發光字 第20張

7、複製一層該文字,按照圖示將複製層輕微移動到邊角處。

Photoshop製作富有科技感的藍色發光字 第21張

8、重複以上覆制移動的步驟,多複製幾層,直到效果如下。

Photoshop製作富有科技感的藍色發光字 第22張

9、在複製的最後一個圖層上應用如下色相/飽和度調整選項同時把文字變暗。

Photoshop製作富有科技感的藍色發光字 第23張

Photoshop製作富有科技感的藍色發光字 第24張

10、現在需要給文字新增一定的高光。選擇畫筆工具,設定如下。

大小和硬度:

畫筆的顏色:

Photoshop製作富有科技感的藍色發光字 第25張

11、在所有圖層的上方新建圖層,疊加模式設定為“疊加(overlay)”,使用設定好的畫筆按照下圖新增高光部分。

Photoshop製作富有科技感的藍色發光字 第26張

12、我們還可以使用煙霧筆刷為文字新增一點菸霧效果。

Photoshop製作富有科技感的藍色發光字 第27張

Photoshop製作富有科技感的藍色發光字 第28張

13、現在要新增一些電線。使用鋼筆工具勾勒如下路徑。

Photoshop製作富有科技感的藍色發光字 第29張

14、使用5px硬邊的畫筆為路徑做描邊處理。

Photoshop製作富有科技感的藍色發光字 第30張

15、做如下斜面和浮雕混合樣式的調整。

Photoshop製作富有科技感的藍色發光字 第31張

Photoshop製作富有科技感的藍色發光字 第32張

16、為了實現電線纏繞著文字的狀態,需要複製該電線多次,然後按照下圖做一個位置和大小的調整。

Photoshop製作富有科技感的藍色發光字 第33張

17、就快完成了!現在需要做點使文字更優雅的小調整。新增如下調整圖層:

可選顏色:

Photoshop製作富有科技感的藍色發光字 第34張

Photoshop製作富有科技感的藍色發光字 第35張

曲線:

Photoshop製作富有科技感的藍色發光字 第36張

最終效果:

Photoshop製作富有科技感的藍色發光字 第37張


感謝作者寫說說釋出教程。
  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/gzrr7.html