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

AI與PS結合製作漂亮的金色霓虹字

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

本教程介紹稍微複雜一點的霓虹字製作方法。作者把文字和霓虹光分開來做。先用圖層樣式做出文字底色,並增加立體效果。然後再加入條紋狀的霓虹光即可。作者霓虹線是在AI完成的。同樣用PS也可以做出來。

最終效果

AI與PS結合製作漂亮的金色霓虹字

1、首先要做的事情是創建文本,這一部分我用Illustrator來做,因爲這樣會容易。我用的是ArialBlack字體,但是我改變了B、D和0字母,使他們不那麼圓潤。

AI與PS結合製作漂亮的金色霓虹字 第2張

2、使用圓角矩形工具製作霓虹燈,下圖供以參考。

AI與PS結合製作漂亮的金色霓虹字 第3張

3、然後像下圖一樣,讓條紋和字母融合一體。

AI與PS結合製作漂亮的金色霓虹字 第4張

4、打開photoshop,創建一個新文檔,2560x1440px,用黑色填充背景,然後把在illustrator中做的工作,拷貝到photoshop中來,我使用黃色(#f0af17的)。

AI與PS結合製作漂亮的金色霓虹字 第5張

5、打開圖層樣式,選擇內發光,混合模式爲顏色減淡,不透明度60%,20%阻塞,大小爲60px。

AI與PS結合製作漂亮的金色霓虹字 第6張

6、選擇內陰影,使用黑色,混合模式爲線性加深,不透明度40%,角度45,距離10px,阻塞5%,大小5px。

AI與PS結合製作漂亮的金色霓虹字 第7張

7、下面我們加入些紋理,讓效果更現實。

AI與PS結合製作漂亮的金色霓虹字 第8張

8、改變紋理的混合模式爲疊加,不透明度30%。

AI與PS結合製作漂亮的金色霓虹字 第9張

9、複製文本,並填充文字爲黑色,之後向上像左兩個像素,開始複製並移動文字,重複幾次,形成3維立體效果,之後選擇你實現此效果的所有圖層,將他們合併選擇合併後的該層,去圖層樣式,選擇描邊,大小14px,不透明度40%,顏色(#b47200)。

AI與PS結合製作漂亮的金色霓虹字 第10張

10、將illustrator中的霓虹燈對象複製粘貼到photoshop中來。

AI與PS結合製作漂亮的金色霓虹字 第11張

11、選擇陰影,顏色爲黑色,混合模式爲顏色加深,其他設置如下圖所。

AI與PS結合製作漂亮的金色霓虹字 第12張

12、選擇內陰影,混合模式爲正片疊底,顏色爲#865200,其他設置如下圖所示,注意等高線換爲我下面的圖。

AI與PS結合製作漂亮的金色霓虹字 第13張

13、選擇外發光,混合模式爲顏色簡單,不透明度50%,顏色爲白色,其他設置如下圖所示。

AI與PS結合製作漂亮的金色霓虹字 第14張

14、選擇內發光,混合模式爲顏色減淡,不透明度爲100%,源爲居中,其他設置如下圖所示。

AI與PS結合製作漂亮的金色霓虹字 第15張

15、霓虹燈很不錯,但現在還需要一些高光,做到這一點是非常簡單的。在圖層面板中創建一個文件夾,改變其混合模式爲顏色減淡,添加一個新層在文件夾內,然後使用一個白色柔軟的畫筆在一些你想添加高光的地方繪畫。下圖你可以看到這樣的效果。

AI與PS結合製作漂亮的金色霓虹字 第16張

16、現在,同樣的,給文字添加寫暗斑,因此,添加一個文件夾,改變混合模式爲線性加深,不透明度爲80%,在文件夾內添加一個圖層,用黑色柔軟畫筆,給一些區域圖黑,下圖以供參考。

AI與PS結合製作漂亮的金色霓虹字 第17張

17、蓋印可見圖層,將蓋印圖層高斯模糊,半徑爲6px。

AI與PS結合製作漂亮的金色霓虹字 第18張

18、改變混合模式爲濾色,然後用橡皮擦擦除大部分區域,只留下高光部分模糊效果,正如你所見到的,效果很簡單,主要是基於一些圖層樣式和混合模式,但這在未來的項目中很有用,尤其是圖標的製作。

AI與PS結合製作漂亮的金色霓虹字 第19張


感謝作者不詳創作投稿。