當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

制作2.5D字體設(shè)計教程

2018-09-30 5757 9

大家好, 今天發(fā)布的教程主題是:制作2.5D插畫立體字的設(shè)計,先來看一下最終的效果圖:

 

2.5D插畫設(shè)計之立體字體設(shè)計效果圖


 

1、 操作步驟


第1步:打開illustrator,新建一個:1200x900px 的畫板

 

然后打開圖層面板,新建圖層,并命名為做圖層(用來做物體造型圖層)、參考線圖層(用來做2.5D插畫參考線圖層);在做圖層里畫一個和畫板一樣大的矩形,按ctrl+2 將矩形鎖定,如動圖:

 

 

第2步:新建參考線,選中參考線圖層,用直線段工具,畫一條直線,點(diǎn)擊選擇工具,按住alt鍵,向下拖拽復(fù)制出另一條線,然后按Ctrl+D(多次復(fù)制),多復(fù)制一些,然后全選中直線,鼠標(biāo)右鍵:變換-旋轉(zhuǎn)(角度:30度)-確定

 

 

 

然后,再次選中這些線,鼠標(biāo)右鍵:變換-對稱(垂直,角度:90)-復(fù)制;全選所有線段進(jìn)行編組(ctrl+G),編組后,按ctrl+5,把所有線段轉(zhuǎn)換為參考線,如動圖:

 

 

 

第3步:做文字3D造型,選擇文字工具,輸入“UIMEIR”,并設(shè)置文字屬性,動圖:(此處文字,你可以用你的名字或者品牌名稱都可以)

 

 

 

在菜單欄選擇:效果-3D-凸出和斜角,數(shù)值分別為:-45、-35、30,其他默認(rèn),后期都是可以調(diào)節(jié)的,如動圖:

 

 

接下來,在菜單欄選擇:對象-擴(kuò)展外觀,效果如圖:

 

 

第4步:搭建正方體造型,用矩形工具畫一個正方形,在菜單欄選擇:效果-3D-凸出和斜角,數(shù)值分別為:45、35、-30,其他默認(rèn),后期都是可以調(diào)節(jié)的,確定后在菜單欄選擇:對象-擴(kuò)展外觀,如動圖:

 

 

第5步:對正方體造型進(jìn)行調(diào)節(jié),如動圖:
 

 

 


 

第6步:做2個長方體造型,調(diào)整期間一定要打開參考線,實(shí)時觀察參照,以防調(diào)整期間出現(xiàn)錯位,便以及時調(diào)整回來,如動圖:

 


小技巧:以上的調(diào)整方法是通過選擇工具和直接選擇工具進(jìn)行錨點(diǎn)調(diào)整的,就是我們常說的黑白箭頭,多選錨點(diǎn):需要按住shift鍵+直接選擇工具框選錨點(diǎn)即可。


 

第7步:調(diào)整文字造型和長方體造型,已擺放至我們視覺和比例夠舒服和協(xié)調(diào)的大小和位置,如動圖:

 

 

第8步:上色前的準(zhǔn)備,將字母文字造型中的曲面位置的面選中,然后點(diǎn)擊:窗口—路徑查找器—聯(lián)集,目的是為了我們方便上色,如動圖:

 

 


 

其他面,大家也按此方法進(jìn)行操作即可,如圖:

 

 

第9步:添加文字投影,將長方體復(fù)制出一個(ctrl+C,ctrl+F:貼在前面),刪除左側(cè)面和右側(cè)面,只保留上面,用這個面來做投影,如動圖:


 

 

其他字母投影也是如此做法,投影效果如下圖:

第10步:上色,用直接選擇工具(白箭頭)選取對應(yīng)的面,我們可以先給長方體造型上色,左側(cè)面色值:# ffa75c,右側(cè)面色值:# fe574c,上面色值:# ffdc89,字母顏色,各面用吸管工具吸取長方體對應(yīng)面顏色即可,目的是為了快速上色,如動圖:

 

 

 

 

 

暗面上色,字母U、M、R暗面色值:#ffaa57,字母E、R暗面色值:#ffb77a,如動圖:

 

 

第11步:添加背景色、投影;點(diǎn)擊矩形背景層,按ctrl+alt+2解鎖圖層,雙擊設(shè)色器,設(shè)置顏色為:# 8693f2;選中所有投影層,雙擊設(shè)色器,設(shè)置顏色為:#0b0b54,透明度:14%;然后將我提前畫好的插畫人物復(fù)制進(jìn)來,擺放到長方體上,調(diào)整大小至合適大小,如動圖:

 

 


 

最后:大家可以寫上作品的名字、時間、打卡、天數(shù)、作者等信息,進(jìn)行一個排版和對界面進(jìn)行簡單的修飾,然后就大功告成,2.5D插畫多彩魔方效果圖,如下:

 


 


46
評論區(qū)(0)
正在加載評論...