【PS+AI教程】超簡單的霓虹燈字體~

【PS+AI教程】超簡單的霓虹燈字體~


【PS+AI教程】超簡單的霓虹燈字體~


先使用AI繪製基礎的形狀組件,然後使用PS的圖層樣式來打造光的效果。是一個非常簡單易上手的教程!


AI部分

▶ 輸入文字“2019”,字體:FFF Reaction,這一個字體比較方方正正!

創建輪廓。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 將填充修改為描邊,描邊像素自己設置。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 對文字部分進行拆分開口的處理。

使用鋼筆工具,在需要開口的路徑上添加錨點,選中剛剛添加的錨點,按住Delete刪除就可以了,此時該錨點兩端的路徑就會被刪除。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 注意文字路徑兩頭的端點,因為是霓虹燈管所以要使用圓頭的效果。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 輸入文字“新”,字體:漢儀細中圓簡。

創建輪廓。

【PS+AI教程】超簡單的霓虹燈字體~


雲與太陽的效果。

▶ 組件部分:圓+矩形(作為下方空隙的填充)

路徑查找器-聯集。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 太陽部分多出來的,使用Shift+M路徑查找器,直接拉到雲裡面就可以了。

【PS+AI教程】超簡單的霓虹燈字體~


祥雲部分

▶ 圓角矩形+矩形+圓。

其中圓的直徑與矩形的高是等長的。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 框選下方的圓和矩形,路徑查找器-減去頂層。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 路徑查找器-聯集,將多餘的部分合並掉。

【PS+AI教程】超簡單的霓虹燈字體~


燈籠部分

▶ 燈籠結構拆分。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 其中圓的部分,先繪製一個正圓,Ctrl+C,Ctrl+F貼在前面,往裡面進行收縮就可以了;

再重複的操作兩遍;

然後一起打組,壓扁。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 將組件進行組合,多餘的部分使用Shift+M形狀生成器工具進行合併。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 將所有的組件進行排列一下就可以了。

外圍的大邊框,使用圓角矩形工具,鋼筆工具去掉部分的邊就可以了(和數字去邊是一樣的)。

【PS+AI教程】超簡單的霓虹燈字體~


如何將AI導出為PSD格式

▶ 先重新創建一個文檔(因為我之前導出過,有的時候無法再進行操作)。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 將需要導出的內容粘貼進新文檔裡面。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 將所有的組件取消編組到最後一層,一定要取消完全。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 全選所有內容,圖層面板-菜單-釋放到圖層順序。

【PS+AI教程】超簡單的霓虹燈字體~


▶文件菜單-導出-導出為

勾選上“使用畫板”,這樣處於畫板外部區域的組件就不會一同被導出。

出來的對話框點擊確定就可以了。

【PS+AI教程】超簡單的霓虹燈字體~


PS部分。

▶ 打開PS,導入我們剛剛導出的文件,就可以發現,每一個組件形成單獨的圖層。

這樣就不用我們一一的再從AI裡面粘貼進PS裡面了。

【PS+AI教程】超簡單的霓虹燈字體~


背景部分。

▶ 填充一個比較暗的藍色。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 轉為智能對象之後,給背景添加一個雜色,增加質感!

【PS+AI教程】超簡單的霓虹燈字體~


▶ 對主體文字部分的處理,先將文字由之前的黑色變成白色。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 圖層樣式-描邊。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 圖層樣式-外發光。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 圖層樣式-投影

【PS+AI教程】超簡單的霓虹燈字體~


▶ 因為是主體部分所以添加的效果是最多的,數值也是偏大一些的,要將主次分清楚一些。

【PS+AI教程】超簡單的霓虹燈字體~


▶ “新”的部分,同樣屬於主體,但是數值要偏小一些,顏色也有一定的變化。


描邊:

【PS+AI教程】超簡單的霓虹燈字體~


外發光:

【PS+AI教程】超簡單的霓虹燈字體~


投影:

【PS+AI教程】超簡單的霓虹燈字體~


“新”的最終效果。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 燈籠部分,只有描邊和外發光。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 祥雲的部分只有外發光。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 太陽與雲的地方,只有描邊和外發光。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 大邊框的地方,因為屬於框住主體的地方,效果是和主體文字一樣,都有描邊,外發光,投影。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 最終效果的文字顏色飽和度有些低,所以色相飽和度調整圖層,增加了一些飽和度。

【PS+AI教程】超簡單的霓虹燈字體~


▶ 文字排版移動進來。

【PS+AI教程】超簡單的霓虹燈字體~


這期的內容你學會了嗎?有任何問題歡迎留言。

看完別忘收藏轉發哦~


分享到:


相關文章: