Chinese (Traditional) (中文(繁體)) translation by Shu Wu (you can also view the original English article)

在本教程中,我們要用一個字母P的形狀學習創建一個簡單的標誌,使其可以用於商業、 產品、 商店、 交通,或任何地方。 在 Adobe Illustrator中,我們會使用基本的幾何形狀,創建我們的標誌,使繪圖的過程更為容易和有趣。 我們開始吧!
如果你想要購買一個標誌,你可以從GraphicRiver選擇。
1.如何創建一個新的文檔和設置網格
按Control+N 創建一個新的文檔。 設置單位為像素,然後為文檔分別輸入 800 x 600 的寬度和高度。 然後在高級選項中,選擇 RGB、 解像度 (72 ppi),請確保在按一下確定之前激活到對齊的新物件到網格。
啟動網格 (視圖 > 顯示網格) 和貼齊網格 (視圖 > 貼齊網格)。 你需要一個每個為50 px的網格,那麼簡單地按Control+K去參數選擇,並在輔助線與網格設置網格線50 和細分到 4。別擔心,這些網格會讓你的工作更加容易,妳也可以通過按鍵盤快捷鍵Control—啟用或禁用。
妳可以啟動資訊面板 (視窗 > 資訊) 預覽的文檔的大小和形狀的位置。 別忘了設置的計量單位為像素,選擇編輯 > 偏好 > 單位 > 一般。 這將大大增加你的工作速度。
2.如何創建基本形狀
步驟 1
在工具列中選擇橢圓工具 (L)。 刪除填充顏色然後選擇描邊,並在色板面板中設置顏色為黑色。
在畫布的中心,用橢圓工具 (L)創建一個200 x 200像素的橢圓 — 網格和對齊網格功能將使這變得更容易。 現在,從之前的橢圓的中心,繪製一個新的25 × 25像素的橢圓。
選擇兩個橢圓並複製它們 (選擇編輯 > 複製,然後選擇編輯 > 粘貼在前面) 並選擇選擇工具 (V) 並拖動兩個橢圓,直到他們形成一個八字形。

步驟 2
創建兩個50 x 50 像素的橢圓並且將他們水平對齊每個橢圓,正如左側的第一個圖像所示。 帶直線段工具 (\) 和繪製橢圓之間的垂直線條。 最後,向下100像素繪製兩條直線的 ,開始從邊緣的橢圓,並關閉另一個中風與兩條平行線之間的空間。

步驟 3
用選擇工具 (V)選擇所有形狀,選擇形狀生成工具 (Shift+M),然後任意選擇在色板面板中的顏色,填充為不帶描邊的顏色(因為最後會應用漸變填充,所以是什麼開始填充色沒關係了)。
拖動它,直到周圍的形狀形成環,然後添加內圈和字母"P"的最投影效果。

步驟 4
选择直接选取工具 (A) 中,選擇"P"的低左的節點和創建圆弧,直到它觸及另一個節點。 選擇底部的兩個節點 (按住 shift 鍵,選擇多個節點)用鍵盘向上键將它們向上移動一次。 刪除合併的形狀的輪廓,只留下了應用填充。
刪除所有其他的形狀。 我建议第一次你剪切的形狀 (Control+X),刪除剩下的形状,然后原位粘贴 (Control+F),以便不會再刪去其他不必要的部分。

3.如何填充漸變和創建直角的边缘
步骤 1
使用漸變工具 (G)在標誌的各個區域水平繪製漸變顏色,使用填充顏色A(R: 246, G: 237,B:69)和颜色B(R:163、 G: 189、 B: 49)。

步驟 2
關閉網格 (Control+—) 並且禁用對齊網格 (視圖 > 貼齊網格線)。 這將允許你自由移動形狀。
在鍵盤增量框中設置数值為0.5 px (編輯 > 偏好 > 一般)。
步骤 3
選擇字母"P"的內部形狀的並且複製它 (按Control+C,再按Control+F) 並在色板面板中設置填充顏色的紅色。 再次複製 (Control+F) 在色板面板中選擇顏色為藍色,使用鍵盤上的方向鍵,將其向右移動兩次。
選擇兩個形狀(紅色和藍色),在路徑查找器面板中選擇減去前部。 如果你找不到面板,選擇視窗 > 路徑查找。

步驟 4
取消將形狀成組 (Shift+Control-G) 並在外觀面板中設置填充顏色為 #ffffff
,混合模式為疊加。 這將使我们的标志有更加明亮的边缘线。

步骤 5
選擇"P"的外圈並複製它 (按Control+C,再按Control+F) ,用紅色填充。 再次複製,並且填充為藍色。 將其向上移動兩次。
選擇兩個形狀並在路徑查找器面板中應用減去前部分。 取消成組(Shift+Control+G) 刪除上面的形狀,只留下我們感興趣的拱形切角。

步驟 6
將填充設置為 #ffffff
,在外觀面板中選擇疊加混合模式。

4.如何創建高光和陰影
在本節中,我們將在字母 P的底部上,利用球面形狀的優勢,為標誌創造一點高光。
步驟 1
啟動對齊網格 (視圖 > 對齊網格) 並且在畫布上點擊橢圓工具 (L) 。 在彈出的視窗中,將設置的寬度和高度分別為50px。 將橢圓放置在“P”字母的內框。 從色板面板中設置紅色為填充色。
再次禁用對齊網格 (Shift+Control+")。 複製橢圓 (在色板面板中選擇填充色為藍色) 並在彈出視窗中將其垂直向下移動10px (物件 > 變換 > 移動...)。

步驟 2
選擇兩個橢圓,並且在路徑查找器面板中選擇減去後部分。 在漸變面板中應用顏色 #ffffff
,創建一個線性漸變,一個位置為0%和不透明度為 50%,另一個位置為100%和 0%的不透明度。
按住Shift,應用漸變工具 (G) 由低而高畫出一條漸變線。

步驟3
重複此形狀 (按Control+C,再按Control+F) 從色板面板填充紅色。 再次複製 (Control+F) ,用鍵盤上的方向鍵將它向上移動一次。
選擇兩個形狀,並在路徑查找器面板中應用減去前部。

步驟 4
在漸變面板中選擇顏色為 #ffffff
創建一個線性漸變,一個位置為0%和不透明度為 50%,另一個位置為100%和 0%的不透明度。
使用漸變工具 (G) 在此形狀上繪製一條水平的漸變線。

步驟 5
現在選擇"P"的外輪廓,並且複製 (Control+C),然後粘貼在前面 (Control+F) 。 用紅色填充它。 複製 (Control+F),並用藍色填充。
雙擊選擇工具 (V),在彈出的對話框中設置水平位置至-15 px,並點擊確定。
選擇兩個形狀,並在路徑查找器面板中應用減去前部分。

步驟 6
取消形狀成組 (Shift+Control+G) 並刪除左邊的形狀。 現在我們只會剩下僅自己感興趣的部分,並在"P"的右側添加映射。
用吸管工具 (I),將形狀應用上述透明漸變填充。 從頂部到底部,用漸變工具 (G)畫一條直線,保持透明度。

步驟 7
複製這個形狀 (Control+C)並粘貼在前面 (Control+F),在色板面板中將其填充為紅色。 複製 (Control+F) 從色板面板中選擇藍色將其填充。
選擇直接選擇工具 (A),並用鍵盤上的方向鍵將節點右移一次。 選擇兩個形狀,並路徑查找器面板中應用減去前面。

步驟 8
使用吸管工具 (I)應用漸變填充。 使用漸變工具 (G)繪製一條垂直線條。

5.如何創建陰影效果
要創造這個效果,我們要在"P"字母的投影"創建陰影並添加背景。
步驟 1
選擇"P"的最低點和外環。 複製(Control+C) 和粘貼在前面 (Control+F)。
現在只是選擇外圈,(Control+C) 複製並粘貼在前面 (Control+F),並雙擊選擇工具 (V)。 在彈出框中,移動15 px的垂直位置。

步驟 2
使用形狀產生器工具 (Shift+M) 選擇所有的複製圖層,添加相交的形狀。 刪除所有其他形狀。

步驟 3
在漸變面板創建一個線性漸變,顏色分別為 A(R: 101, G: 117 B: 30)和 B (R: 163, G:189, B: 49)並將它們的顏色節點的位置分別放置在 0%和100%。
使用漸變工具(G)從頂部到底部繪一個斜度為-57º的漸變線。

步驟 4
在畫布上按一下矩形工具 (M),並在彈出框中設置寬為800像素 和高度為600像素。 填充顏色為 #2b300d
。 放置在後面 (物件 > 排列 > 放置在後面)。
使用對齊面板在畫布上將矩形居中。 如果妳找不到對齊面板,選擇視窗 > 對齊。

步驟 5
選擇整個標誌和將他們成組 (Control+G)。 將它對齊在畫布上的位置。

恭喜! 你完成啦!
這個標誌好了 ! 看看我們取得的成果 — 一個不錯的結果。 在本教程中我也獲得很多樂趣,我希望你也喜歡它。
我希望你學會了新的技術,並且這些對你的未來也很有用,其它就靠源源不斷的練習了。 記住,熟能生巧。


Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post