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

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

效果圖:

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

操作步驟:

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

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

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

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

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

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

效果如下圖所示:

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

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

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

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

效果如下圖所示:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

效果如下圖所示:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

完成:

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

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

全教程完,學(xué)完記得交作業(yè)。教程對(duì)您有所幫助,請(qǐng)推薦給你的朋友。如果學(xué)會(huì)了,可以嘗試投稿給我們,跟大家分享你的學(xué)習(xí)經(jīng)驗(yàn):http://i.16xx8.com

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

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿教程:http://i.16xx8.com

    帥哥你不要裝 說: 這