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

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

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

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

最終效果

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張


感謝作者寫說說發佈教程。