:2.5D插畫設計教程——2.5D字體設計-字體教程免费ppt模版下载-道格办公

2.5D插畫設計教程——2.5D字體設計

抱歉,我無法打開illustrator軟件或者提供具體的圖形設計教程。作為一個語言模型,我可以為您提供一些一般性的信息和指導,但無法提供具體的軟件演示或圖形設計教程。是否有其他問題需要我幫忙解答呢?

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

2.5D插画设计教程——2.5D字体设计2.5D插畫設計之立體字體設計效果圖

1、操作步驟

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

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

然後,再次選中這些線,鼠標右鍵:變換-對稱(垂直,角度:90)-複製;全選所有線段進行編組(ctrl+G),編組後,按ctrl+5,把所有線段轉換為參考線,如動圖:

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

2.5D插画设计教程——2.5D字体设计

在菜單欄選擇:效果-3D-凸出和斜角,數值分別為:-45、-35、30,其他默認,後期都是可以調節的,如動圖:

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

第5步:對正方體造型進行調節,如動圖:

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

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

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

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

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

2.5D插画设计教程——2.5D字体设计

文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/25D%20illustration%20design%20tutorial%20%2025D%20font%20design.html

(810)
打賞 支付宝扫一扫 支付宝扫一扫
single-end

相關推薦