AI字體教程,用ps打造3D像素字(4)
來(lái)源:站酷
作者:不凡學(xué)院ui
學(xué)習(xí):10404人次
本篇教程通過(guò)大家熟知的工具AI,繪制出3D像素風(fēng)格字體,3D像素字體十分具有畫(huà)面感,很直觀的一種字體,整體做起來(lái)比較簡(jiǎn)單,效果卻很棒,感興趣的同學(xué)們一起來(lái)制作一下吧。
效果圖:
操作步驟:
(一)新建畫(huà)布 首先,“Ctrl+N”新建一個(gè)800*600px的畫(huà)布,顏色模式為RBG,分辨率為72ppi,如圖所示: (二)選擇字體 選擇文字工具“T。”,將編輯好的文字BUFAN的“字符” 更改為下載好的字體|,字體大小設(shè)置為160pt(比例合適即可)雙擊填色命令,出現(xiàn)彈窗,將顏色RGB色值分別更改為圖片顯示的參數(shù),當(dāng)然你也可以根據(jù)你自己的喜好來(lái)更改顏色
效果如下圖所示:
(三)3D效果制作 (1)選中編輯好文字,選擇效果一3D凸出和斜角項(xiàng)命令,根據(jù)紅框里的參數(shù)來(lái)調(diào)整方向點(diǎn)擊確定,如下圖示:效果如下圖所示:
(2)選中變形好的文字,在進(jìn)行「對(duì)象-擴(kuò)展外觀命令。 如圖所示:“Shift+ctrl+G”快捷鍵取消編組三次(或者右鍵取消編組)直到右鍵沒(méi)有取消編組這個(gè)命令為止,然后打開(kāi)“圖層”面板,剛打散的所有形狀都在里面,如下圖示:
選擇工具(V)國(guó),將3D文本頂部的所有形狀全部選中選擇[路徑查找器一聯(lián)集,命令。如圖所示: (2)打開(kāi)現(xiàn)有圖層,把上一步中聯(lián)集的圖層命名為“頂部圖層”將其放置于頂部,并將其隱藏(點(diǎn)擊眼睛圖標(biāo)隱藏)。同時(shí)再將另一個(gè)復(fù)制的圖層命名為“暗色底部圖層”,顏色填充為改為黑色(RGB均為0),如圖所示: 把命名為“暗色底部”的圖層移動(dòng)到圖層最底層,快捷鍵“Shift-Control-[”,將其鎖定它并隱藏該圖層(點(diǎn)擊眼睛圖標(biāo)隱藏)。如圖所示:以上步驟為最后做鋪墊的哦~可不是多余的步驟
(四)上色并組織你的形狀將命名為“頂部圖層”的圖層放置為頂端“Shift-Control-]”。在面板上找到外觀命令,在彈出的窗口上進(jìn)行編輯更改,如圖所示 將選中的頂部圖層顏色填充為(R=255G=200B=0) 如圖所示: 描邊選項(xiàng)粗細(xì)大小為4pt,顏色設(shè)置為RGB均為0,端點(diǎn)默認(rèn),邊角改為圓角鏈接,對(duì)齊描邊為居中對(duì)齊。如圖所示:效果如下圖所示:
(2)選擇圖中框線(xiàn)內(nèi)容,以上述同樣的步驟方法來(lái)制作, 如圖所示: 將該圖層填充顏色(R=44G=196B=28),選擇描邊粗細(xì)大小為4pt,顏色設(shè)置為RGB均為0,斷點(diǎn)默認(rèn),邊角改為圓角鏈接,對(duì)齊描邊為居中對(duì)齊。如圖所示: 選中其余的相同方向的形狀,用吸管工具園吸取編輯好的綠色。如圖所示: (3)將剩下的棕色形狀選中一個(gè),依照上述描述的步驟方法來(lái)制作,填充顏色(R=252G=130B=119),選擇描邊粗細(xì)大小4pt,顏色設(shè)置為RGB均為0,斷點(diǎn)默認(rèn),邊角改為圓角鏈接,對(duì)齊描邊為居中對(duì)齊。選中其余的具有相同填充顏色的形狀,用吸管工具吸取編輯好的粉色。如圖所示: 這一步基本上搞定了一大半,繼續(xù)前進(jìn)哈 (五)添加背景色和字體陰影 (1)使用矩形工具(M),創(chuàng)建一個(gè)800×600像素的形狀,填充顏色(R=44G=196B=28),對(duì)齊面板垂直居中對(duì)齊。 (2)選中“圖層”面板中底部“暗色底部圖層”解鎖。將“暗色底部涂層”圖層的命令進(jìn)行編輯外觀面板-不透明度!命令進(jìn)行編輯:將混合模式更改為柔光。如圖所示: 選擇[效果一路徑一位移路徑」。注意輸入2px偏移量,并將連接設(shè)置為圓角,然后單擊確定按鈕。如圖所示: 再進(jìn)行「效果一扭曲和變換一變換!命令編輯。注意將“水平”滑塊拖動(dòng)到0.2像素,在“副本”框中輸入100,點(diǎn)擊“確定”按鈕。選中陰影和最底層的綠色方塊,底部對(duì)齊,如圖所示:完成:
做完同學(xué)們是不是覺(jué)得確實(shí)很簡(jiǎn)單呢,快動(dòng)手來(lái)制作你喜歡的3D像素風(fēng)格字體吧。
學(xué)習(xí) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!