當(dāng)前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI字體教程,用ps打造3D像素字(4)

來源:站酷 作者:不凡學(xué)院ui 學(xué)習(xí):10404人次

本篇教程通過大家熟知的工具AI,繪制出3D像素風(fēng)格字體,3D像素字體十分具有畫面感,很直觀的一種字體,整體做起來比較簡(jiǎn)單,效果卻很棒,感興趣的同學(xué)們一起來制作一下吧。

效果圖:

AI字體教程,用ps打造3D像素字_theoat.com.cn
theoat.com.cn

操作步驟:

(一)新建畫布 首先,“Ctrl+N”新建一個(gè)800*600px的畫布,顏色模式為RBG,分辨率為72ppi,如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

(二)選擇字體 選擇文字工具“T。”,將編輯好的文字BUFAN的“字符” 更改為下載好的字體|,字體大小設(shè)置為160pt(比例合適即可)

AI字體教程,用ps打造3D像素字_theoat.com.cn AI字體教程,用ps打造3D像素字_theoat.com.cn

雙擊填色命令,出現(xiàn)彈窗,將顏色RGB色值分別更改為圖片顯示的參數(shù),當(dāng)然你也可以根據(jù)你自己的喜好來更改顏色

AI字體教程,用ps打造3D像素字_theoat.com.cn

效果如下圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

(三)3D效果制作 (1)選中編輯好文字,選擇效果一3D凸出和斜角項(xiàng)命令,根據(jù)紅框里的參數(shù)來調(diào)整方向點(diǎn)擊確定,如下圖示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

AI字體教程,用ps打造3D像素字_theoat.com.cn

效果如下圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

(2)選中變形好的文字,在進(jìn)行「對(duì)象-擴(kuò)展外觀命令。 如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

“Shift+ctrl+G”快捷鍵取消編組三次(或者右鍵取消編組)直到右鍵沒有取消編組這個(gè)命令為止,然后打開“圖層”面板,剛打散的所有形狀都在里面,如下圖示:

AI字體教程,用ps打造3D像素字_theoat.com.cnAI字體教程,用ps打造3D像素字_theoat.com.cn

選擇工具(V)國(guó),將3D文本頂部的所有形狀全部選中選擇[路徑查找器一聯(lián)集,命令。如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

(2)打開現(xiàn)有圖層,把上一步中聯(lián)集的圖層命名為“頂部圖層”將其放置于頂部,并將其隱藏(點(diǎn)擊眼睛圖標(biāo)隱藏)。同時(shí)再將另一個(gè)復(fù)制的圖層命名為“暗色底部圖層”,顏色填充為改為黑色(RGB均為0),如圖所示:  

AI字體教程,用ps打造3D像素字_theoat.com.cn

把命名為“暗色底部”的圖層移動(dòng)到圖層最底層,快捷鍵“Shift-Control-[”,將其鎖定它并隱藏該圖層(點(diǎn)擊眼睛圖標(biāo)隱藏)。如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

以上步驟為最后做鋪墊的哦~可不是多余的步驟 

(四)上色并組織你的形狀將命名為“頂部圖層”的圖層放置為頂端“Shift-Control-]”。在面板上找到外觀命令,在彈出的窗口上進(jìn)行編輯更改,如圖所示

AI字體教程,用ps打造3D像素字_theoat.com.cn

將選中的頂部圖層顏色填充為(R=255G=200B=0) 如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

描邊選項(xiàng)粗細(xì)大小為4pt,顏色設(shè)置為RGB均為0,端點(diǎn)默認(rèn),邊角改為圓角鏈接,對(duì)齊描邊為居中對(duì)齊。如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

AI字體教程,用ps打造3D像素字_theoat.com.cn

效果如下圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

(2)選擇圖中框線內(nèi)容,以上述同樣的步驟方法來制作, 如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

將該圖層填充顏色(R=44G=196B=28),選擇描邊粗細(xì)大小為4pt,顏色設(shè)置為RGB均為0,斷點(diǎn)默認(rèn),邊角改為圓角鏈接,對(duì)齊描邊為居中對(duì)齊。如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

選中其余的相同方向的形狀,用吸管工具園吸取編輯好的綠色。如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

(3)將剩下的棕色形狀選中一個(gè),依照上述描述的步驟方法來制作,填充顏色(R=252G=130B=119),選擇描邊粗細(xì)大小4pt,顏色設(shè)置為RGB均為0,斷點(diǎn)默認(rèn),邊角改為圓角鏈接,對(duì)齊描邊為居中對(duì)齊。選中其余的具有相同填充顏色的形狀,用吸管工具吸取編輯好的粉色。如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

這一步基本上搞定了一大半,繼續(xù)前進(jìn)哈  (五)添加背景色和字體陰影 (1)使用矩形工具(M),創(chuàng)建一個(gè)800×600像素的形狀,填充顏色(R=44G=196B=28),對(duì)齊面板垂直居中對(duì)齊。

AI字體教程,用ps打造3D像素字_theoat.com.cn

(2)選中“圖層”面板中底部“暗色底部圖層”解鎖。將“暗色底部涂層”圖層的命令進(jìn)行編輯外觀面板-不透明度!命令進(jìn)行編輯:將混合模式更改為柔光。如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

選擇[效果一路徑一位移路徑」。注意輸入2px偏移量,并將連接設(shè)置為圓角,然后單擊確定按鈕。如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

再進(jìn)行「效果一扭曲和變換一變換!命令編輯。注意將“水平”滑塊拖動(dòng)到0.2像素,在“副本”框中輸入100,點(diǎn)擊“確定”按鈕。選中陰影和最底層的綠色方塊,底部對(duì)齊,如圖所示:

AI字體教程,用ps打造3D像素字_theoat.com.cn

完成:

AI字體教程,用ps打造3D像素字_theoat.com.cn

做完同學(xué)們是不是覺得確實(shí)很簡(jiǎn)單呢,快動(dòng)手來制作你喜歡的3D像素風(fēng)格字體吧。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
小蘭2018-10-09 08:06
非常好
帥哥你不要裝2018-06-21 10:37
這屌毛水平也出教程了
食精少年2018-06-21 06:22
別人介紹過來的
螗天2018-06-21 09:09
學(xué)習(xí)學(xué)習(xí)
halfbeer2018-06-21 02:18
轉(zhuǎn)了
路漫漫獨(dú)行天涯2018-06-21 02:15
簽到

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!