莫b

本文主要講解了如何利用ps快速創建一個2.5D文本。先教大家如何創建燈距網格,確保所建2.5D文本圖形大小,角度一致。之后正式創建文本內容。接下來作者會詳細為大家介紹如何創建一個2.5D文本。

序言

如何在不到2分鐘的時間內創建一個等矩網格!

此快速提示將向您展示只需幾個簡單的步驟就能制作出一個有用的等距網格。

 

步驟1

創建一個新文檔。文檔的尺寸大小設置將取決于您將在我們剛創建的網格上創建的內以及顏色模式來確定。我們現在將從選擇矩形網格工具開始。

 

步驟2

設置矩形網格工具的參數。在選中當前工具時候按 Enter 并將垂直分隔符和水平分隔符下的 “數字” 值設置為30左右。此值取決于項目的比例, 因此請選擇一個適合您需要的數字。

 

步驟3

現在你有兩個選擇。您可以在上一步中指定寬度和高度的精確值(我不建議這樣做)。在這種情況下,必須為寬度和高度設置相同的值才能獲得方形網格?;蛘?,您可以忽略這些值,只需用鼠標拖動,按住Shift,以使一個大正方形,比您的文檔稍大一點(稍后您將看到為什么)。

 

步驟4

選擇網格并轉到對象> 變換>比例縮放, 然后 “不等比”, 并將 “垂直” 設置為 86.602%。(這個文字數值是正確的,圖片顯示是作者輸入錯了?。㊣mage title

 

步驟5

從現在開始保持網格的選中狀態。轉到對象 > 變換 > 斜切,并將角度設置為30度。

Image title

 

步驟6

最后, 我們必須旋轉網格。對象 > 變換 > 旋轉,并設置-30度的角度。

 

步驟7

現在網格已經設置好了, 你需要做的就是用它們來制作你需要的東西?,F在確保您選擇了網格, 然后轉到 “視圖” 參考線 > “創建參考線 (ctrl+ 5)。

但你有了一個想法的時候, 你可以抽出兩三分鐘來制作這個規范,這樣你可以做一些好看的等距插圖, 并且你使用的是正確的視角。

好了,我們開始今天的正式教程吧!

如何在Adobe Illustrator中創建一個2.5D的文本?教程需要的字體文件在附件里面!

在今天的教程中不會用到前言里面的網格來制作2.5D的文字效果,我將會帶大家了解用AI中的3D功能來制作這個文字效果!

 

1.創建文本文檔

步驟1

點擊新建創建一個新文檔。創建一個850x600PX的畫板,然后分辨率設置為72!

 

步驟2

選擇文字工具(T)然后輸入你的內容。然后選擇Silkscreen Expanded Font,并將字體大小設置為200像素。添加您的文本并將其顏色設置為R=251 G=137 B=100

 

2.添加3D效果

步驟1

確保您的文字仍然被選中,并轉到效果> 3D>凸出和斜角。單擊更多選項按鈕,輸入下面顯示的所有屬性,然后單擊確定按鈕。最后,事情應該看起來如下圖所示。

 

步驟2

隨著文本仍然被選中,請轉到對象>擴展外觀。確保生成的形狀組保持選中狀態,并按住Shift-ctrl-G鍵盤快捷鍵三次,以取消所有的編組。

移動到圖層面板(窗口>圖層),展開現有圖層,您應該看見一系列的形狀,如下圖所示。

 

3.著色和整理您的文本

步驟1

選擇選擇工具(V)并選擇組成3D文本頂部的所有形狀。只需轉到對象>復合路徑>建立或使用ctrl-8鍵盤快捷方式把你選定的形狀轉換為復合路徑。(右擊更快哦)

確保復合路徑保持選中狀態,使用Shift-ctrl-]鍵盤快捷方式將其移動到前面,然后在外觀面板( 窗口>外觀)上進行更改。

首先,用R=255 G=200 B=0替換現有的填充顏色,然后選擇描邊。 將其顏色設置為R=46 G=58 B=58,然后單擊描邊文本以打開描邊設置面板。將粗細增加到4像素,不要忘記檢查是否是圓頭連接。

 

步驟2

視線移到圖層面板,打開現有圖層,上一步中制作的復合路徑應位于頂部。只需將其重命名為“頂” ,然后取消選中該眼睛圖標即可使其不可見。

現在,您需要選擇構成3D文本基礎的所有形狀。使用選擇工具(V),只選擇其中一個形狀,然后轉到?選擇>相同>外觀。 這將基本上從文檔中選擇所有具有相同外觀屬性的形狀? 。

選擇所有這些形狀后,將它們變成新的復合路徑(Ctrl-8)。確保這個新的復合路徑保持選中狀態,將現有的填充顏色替換為黑色(R=0 G=0 B=0),并使用Shift-Ctrl-[?鍵盤快捷鍵將其放置到后面。

返回到圖層面板,滾動到面板的底部以進入本步驟中制作的復合路徑。將其重新命名為“ Base ”,然后將其鎖定,以確保不會意外地選擇或移動它

 

步驟3

這里你需要吧所有的零件都顯示,然后刪除一些不需要的面,然后你應該得到一個和圖五基本上一樣的圖形!

 

?4.給你的文本上色

步驟1

選擇其中一種淺棕色形狀,然后轉到?選擇>相同>填充顏色,選擇其余的具有相同填充顏色的形狀? 。確保所有這些形狀都保持選中狀態,并將其視線放在外觀面板上。

用R=0 G=173 B=236替換現有的填充顏色,然后選擇描邊。將其顏色設置為R=46 G=58 B=58,然后打開該描邊的描邊設置面板。將粗細增加到4像素,不要忘記檢查是否是圓角連接。

 

步驟2

選擇其中一個剩余的棕色形狀,然后再次選擇>相同>填充顏色。確保所有這些形狀保持選中狀態并返回到外觀面板。

用R=252 G=130 B=119替換現有填充顏色,然后選擇描邊。將其顏色設置為R=46 G=58 B=58,然后打開描邊設置面板。將粗細增加到4像素,不要忘記檢查是否是圓角連接。

 

5.添加背景和簡單的陰影

步驟1

使用矩形工具(M),創建一個850×600像素的形狀。確保它覆蓋整個畫板,并將填充顏色設置為R=0 G=173 B=236。

 

步驟2

去圖層面板并解鎖“base”復合路徑。選擇它,并再外觀面中將混合模式更改為柔光,然后轉到效果>路徑>偏移路徑。輸入2像素偏移值并將圓形連接設置為圓形。 單擊確定按鈕,然后轉到效果>扭曲和變換>變換。將水平移動滑塊拖動到0.2像素,在副本框中輸入100,單擊確定按鈕,完成。

 

恭喜你!你已經完成了!

我希望您喜歡本教程,并可以在以后的的工作中應用這些技術。

 

原文地址:UI中國

作者:米夏小雨

轉載請注明:學UI網 » 如何在AI中創建一個2.5D文本

登錄收藏
 
你可能喜歡的:
價值1,000和100,000的LOGO差在哪?價值1,000和100,000的LOGO差在哪?
突然有像素畫需求怎么辦???別慌,這里有辦法突然有像素畫需求怎么辦???別慌,這里有辦法
絕對干貨!!肯定有一種你不知道的加投影方式絕對干貨!!肯定有一種你不知道的加投影方式
如何幫助公司設計一個優秀的品牌標志?這五大要素告訴你!如何幫助公司設計一個優秀的品牌標志?這五大要素告訴你!
漸變LOGO的9大技巧!漸變LOGO的9大技巧!
快速掌握字體搭配思路快速掌握字體搭配思路
設計萬花筒丨Font-family網頁字體屬性大揭秘設計萬花筒丨Font-family網頁字體屬性大揭秘
20個黃色創意標志,讓你一天充滿陽光20個黃色創意標志,讓你一天充滿陽光
LOGO設計:誰不是一邊在努力,一邊想放棄?LOGO設計:誰不是一邊在努力,一邊想放棄?
改善標識的11種技巧改善標識的11種技巧
?
泰凌微电子上市的最新消息