對於初學者,你將學習如何設置一個簡單的網格以及如何保存一組符號,使用3D Extrude&Bevel效果創建多維數據集形狀。將學習如何添加微妙的陰影和簡單的背景。本教程與原教程稍有不同,但不影響最終效果。本次教程偏長,有些地方需要耐心理解,相信自己,動起來吧!
最終效果:
嗯,老規矩,先分析一下子:
1.整體色彩比較明亮,五彩斑斕
2.很寫實的風格
3.很直觀的3D效果
OK,接下來我們開始動手製作:
首先,新建一個圖層。850*620px,顏色模式為RGB,分辨率為72ppi。啟用網格(視圖>顯示網格)和對齊網格(視圖>對齊網格)。編輯>首選項>參考線和網格,並在“網格線間隔”框中輸入5px,在“次分隔線”框中輸入1px。
Step1:創建並保存一組符號
(1)選擇矩形工具(M),創建一個50*50px的矩形,顏色設置為R=63,G=169,B=245,垂直水平居中對齊畫板。
(2)使用相同的工具,創建一個40*40px的矩形,填充一個較深的藍色,圓角5px(效果>樣式化>圓角),然後轉到對象>展開外觀。
(3)選中兩個形狀,打開路徑查找器麵板(窗口> 路徑查找器麵板),然後點擊“減去頂層”,填充顏色改為(R=0,G=0,B=0)。
(4)選擇類型工具(T),添加大寫“A”,選擇Consolas字體,粗體,40px,顏色設置為黑色(R=0 G=0 B=0)。確保你的文字仍然被選中,複製副本再右鍵創建輪廓(Shift-Control-O),水平垂直居中對齊畫板,將文本和邊框轉換為複合路徑(對象>複合路徑>建立/Control-8)。
(5)複製黑色形狀(Control-C> Control-F),選擇副本,向右移動與A並排。複製字母A副本,將“A”換成“B”,再創建輪廓,和黑色形狀框對齊建立一個新的複合路徑。重複上麵步驟,做出剩下的字母。
(6)選擇您的“ A ”複合路徑,打開“ 符號”麵板(窗口>符號),然後單擊“ 新建符號”按鈕將所選形狀轉換為符號。命名此新符號“ A ”,然後單擊 確定。移動到其餘的形狀,並使用相同的技術將其保存為符號。在“ 符號”麵板中的所有符號後,請隨意將其從您的畫板中刪除。
Step2:創建3D塊
(1)禁用網格(Control-“)和對齊到網格(Shift-Control-”)。
選擇矩形工具(M),創建50*50px的矩形,填充顏色設置為R=179,G=179,B=179。
(2)選中灰色方塊,並進入效果>3D>拉伸和斜麵。單擊更多選項按鈕並輸入下麵顯示的所有屬性。不要忘記檢查“ 繪製隱藏麵”框,然後單擊“ 貼圖”按鈕。打開符號下拉菜單並添加“W”符號,使用這些箭頭按鈕從表麵1切換到表麵5,並添加相同的符號,旋轉90度。移動到Surface 6,添加相同的符號,然後單擊OK按鈕。具體操作如下圖所示。
(3)把3D形狀,大致分散副本,如以下圖像所示,並將現有符號替換為所需的符號。您可以從“ 外觀”麵板(“ 窗口”>“外觀”)輕鬆調整應用的3D拉伸和斜麵效果的屬性。
(4)添加另外四個立方體如下所示,替換符號,並調整角度屬性,如下圖所示。
Step3:調整色塊
(1)選擇其中一個立方體,然後轉到對象>展開外觀。確保形狀組合被選中,並按Shift-Control-G鍵盤快捷鍵兩次以快速取消分組。到“ 圖層”麵板,刪除構成立方體後壁的兩個形狀(可以不刪除,視個人情況而定,逼死強迫症,偷笑)。
(2)選擇您的三個複合路徑,在“外觀”麵板裏確認顏色為黑色,然後單擊“不透明度”文本以打開透明膠片彈出麵板。將混合模式更改為“疊加”,並將不透明度降低到50%。
(3)選擇構成立方體左牆右牆和頂壁的形狀,並使用下麵顯示的線性漸變參數來替換現有填充顏色。
(4)選擇線段工具(\),在立方體的三個菱角上畫三條直線(這裏為了更精準的對齊錨點,請關閉視圖中的對齊網格和對齊像素),為此路徑添加1px的白色描邊。
(5)選擇三條白色路徑,在“ 外觀”麵板上將不透明度降低到70%,將混合模式更改為柔光。在“描邊”中找到“配置文件”下拉菜單中選擇“寬度配置文件4”,並對三條高光進行縱向翻轉調整。
(6)選擇構成立方體牆壁的三個形狀,並在前麵添加副本(Control-C> Control-F),在路徑查找器>聯集。並放在三個複合路徑下方,然後在“ 外觀”麵板上將顏色改為(R=147,G=39,B=143),混合模式改為“混色”。
(7)選中紫色形狀,繼續在“ 外觀”麵板中使用“ 添加新填充”按鈕添加第二個填充(目的是讓字母塊更真實),不透明度降低到20%,混合模式更改為疊加。
Step4:添加一個簡單的陰影
(1)在“ 圖層”麵板,選擇構成多維數據集基礎的底部形狀,並在後麵創建一個副本(Control-C> Control-F)。選擇直接選擇工具(A),選擇頂部的錨點(在第一個圖像中突出顯示),然後將其左側拖動約20px,如第二個圖像所示。在“外觀”麵板上將顏色更改為線性漸變,不透明度降低到20%,然後轉到效果>模糊>高斯模糊。輸入3像素半徑。
(2)確保在上一步中添加的形狀仍然被選中,並繼續關注“ 外觀”麵板。選擇現有填充並使用“複製選定項”按鈕將其複製。選擇新添加的填充,將其不透明度降低到15%,並擺脫高斯模糊效應。
(3)在“ 圖層”麵板,選擇構成多維數據集基礎的底部形狀,並在後麵創建一個副本(Control-C> Control-F)。選擇直接選擇工具(A),再次選擇頂部的錨點,這時候將它們向左拖動約10像素。選中新添加的形狀,在“ 外觀”麵板上將顏色更改為線性漸變,不透明度降低到30%。
(4)在“ 圖層”麵板,選擇構成多維數據集基礎的底部形狀,在“ 外觀”麵板上,關閉填充色,將描邊色設置為黑色,不透明度降低到5%,檢查圓形加入和對齊行程到外部按鈕。
(5)選擇構成紫色立方體的所有形狀,並對其進行編組(Control-G)。
Step5:完善其他字母塊顏色
(1)選擇一個立方體,對象>展開外觀,取消編組(Shift-Control-G)。保留這三個黑色複合路徑並編組(Control-G),刪除構成立方體的其餘形狀。
(2)選擇紫色立方體並在前麵複製(Control-C> Control-F),選擇此副本到上一步中製作的黑色字母後麵,確保對齊。刪掉表麵的字母J。
(3)選擇字母G的立方體,到“ 圖層”麵板,將黑色G的組不透明度降低到50%,將混合模式更改為疊加,改組一定要在其他形狀之上。 選擇帶有紫色填充的形狀,在“ 外觀”麵板上將顏色設置為(R=176,G=49,B=1),選中字母G所有形狀,編組。
(4)專注於具有相似旋轉角度的其餘立方體,並使用與前三個步驟中提到的相同技術進行擴展和著色。對於具有不同旋轉角度的立方體,你將不得不重複使用第一個立方體(紫色)的技術。
Step6:添加微妙的陰影和背景
(1)選擇鋼筆工具(P)。大致繪製一束黑色的形狀,如下圖所示,將這些新形狀的不透明度降低到75%,並將混合模式更改為柔光。
(2)使用矩形工具(M),創建一個870x640像素的形狀,並使用Shift-Control-[鍵盤快捷鍵放到最底層,顏色為R=210,G=220,B=240。
(3)選中背景矩形,在“外觀”麵板上使用相同的“添加新填充”按鈕添加第二個填充。選擇這個新的填充並添加如下所示的徑向漸變,使用漸變工具(G)拉伸漸變。
恭喜!你完成了!
(本文轉載於Zcool,原作者:Andrei Marius,譯者:4FIRE,原文:How to Create an Alphabet Blocks Text Effect in Adobe Illustrator )