建立新文件
在處理所有項目時,設置一個 新文檔 (File> New或Control + N)開始,使用以下設置進行調整:
寬度: 800像素
高度: 600像素
單位: 像素
在“ 高級” 標籤中:
色彩模式: RGB
柵格效果: 屏幕(72 ppi)
我們使用Pixel Perfect Workflow創建圖標 ,因此,建議您提前花一點時間去了解 ,以使您快速上手
設置圖層
建立新文檔後,使用幾個不同的層來分離圖層,因爲這樣可以一次專注於一個項目來簡化工作流程,從而使我能夠完全跟蹤每個形狀時間
因此,打開“ 圖層” 面板,讓我們創建總共四個圖層,並將其命名如下:
第1層>參考網格
第2層>公路自行車
第3層> bmx自行車
第4層>城市自行車
創建參考網格
對項目文件進行了分層後,就可以開始創建參考網格,這將有助於我們通過關注大小和一致性來創建圖標
第1步
抓住 矩形工具(M) ,創建一個 128×128像素的 正方形,使用 #F15A24對其進行着色,然後使用“ 對齊”面板的“水平 和 垂直對齊中心” 選項將其放置在 畫板的中心
第2步
創建另一個較小的 120×120像素 正方形,它將用作活動繪圖區域,爲我們提供了一個 4像素的全 邊框。使用白色(#FFFFFF)爲形狀着色,然後將正方形分組(Control + G),然後通過製作兩個側面副本(Control + C > Control + F 兩次)來使用它們來創建剩餘的網格,以距原始像素40像素
創建公路自行車圖標
放置在下一層(即第二層)後,通過創建第一個圖標開始該項目
第1步
通過使用20 px 寬 4 px 厚的 筆觸(#3F3330)和 Round Cap來創建左段,開始在前景線上的工作 ,將其與活動繪圖區域的 左邊緣相距2 px的距離,從其底部的26像素
第2步
使用4 px 寬 4 px 粗的 描邊 線(#3F3330)添加較小的線段 ,將其定位爲與先前創建的路徑相距 36 px
第3步
創建40 px 寬 4 px 粗的 筆觸 (#3F3330)第三條線段結束前景,將其放置在活動繪圖區域的右側,相距僅 4 px 從外緣。完成後,使用Control + G鍵盤快捷鍵選擇所有三個段並將其分組
第4步
創建其輪胎截面 44×44像素 的圓與 4 PX 厚 中風(#3F3330),在頂部位置時,對準至有源繪圖區域的 左邊緣
第5步
使用較小的34×34 px 圓和 2 px 厚的 筆觸 (#3F3330)添加邊緣部分 ,將其居中對齊到先前創建的形狀
第6步
使用12×12 px的 圓創建中心部分 ,使用 #F9BB5A對其進行着色,然後將其居中對齊到先前創建的形狀。完成後,在繼續下一步之前,將所有三個組成的形狀選擇並分組(Control + G)
第7步
完成後,(Control + C> Control + F)創建前輪,將其放置在活動繪圖區域的另一側 ,確保將其與外部對齊如參考圖片所示
第8步
通過創建36×32 px 矩形 (厚 4 px的筆觸(#3F3330)和Round Join) 開始研究自行車的車架, 將其左下錨點對準後輪轂的中心
第9步
調整我們剛剛創建的形狀,方法是使用直接選擇工具(A)選擇其頂部錨點,然後 使用“移動”工具將其頂 到右側 20 px(右鍵單擊>“變換”>“移動”>“水平> 20像素)
第10步
使用36×40 px 矩形和 4 px 厚的 筆觸 (#3F3330)創建座管和頭管 ,通過選擇其底部錨點並將其 向右推 20 px的距離來進行調整 (右鍵單擊>變換>移動>水平> 20像素)。完成後,通過將結果形狀的右下角錨點 對準前輪的輪轂來定位結果形狀 ,以使它們與框架重疊,如參考圖像所示
第11步
通過使用添加錨點工具(+)在其頂部和底部邊緣的中心 添加新的錨點 ,然後按Delete來立即選擇並刪除它們,從而打開我們剛剛創建的形狀的路徑
第12步
花一些時間,通過延長頭管的路徑(如參考圖所示),繪製杆和車把節,並確保將 Stroke’s Cap and Join設置爲Round
第13步
通過使用“ 直接選擇工具”(A)選擇其右錨點來 對車把進行修整 ,然後從“ 實時角” 輸入框中將其半徑設置 爲 4 px
第14步
選擇座管的路徑,然後通過設置其調整其形狀 帽 到 輪 從withing描邊面板
第15步
通過創建一個8×8像素的 圓圈開始在座椅上工作 ,使用 #F9BB5A對其進行着色,然後將其與 活動繪圖區域的 左邊緣相距32像素,與頂部區域相距26像素
第16步
通過使用 直接選擇工具(A)選擇其右錨點,然後使用“移動”工具將其向右推12 px的距離,來開始調整剛創建的形狀 (右鍵單擊>“變換”>“移動” >水平> 12像素)
第17步
通過選擇並重新定位其錨點的 控點來繼續調整結果形狀, 直到獲得與參考圖像相似的形狀
第18步
通過使用12×12 px的 圓創建主體,開始使用踏板齒輪, 使用 #F9BB5A對其進行着色,然後將其定位在框架的下部,如參考圖像所示
第19步
通過創建描邊的形狀來創建輪廓形狀 (Control + C),將其粘貼到前面(Control + F),然後通過首先將其顏色更改爲 #3F3330進行調整 然後翻轉其 填充 其 行程 (Shift + X)。將結果形狀的“權重”設置 爲 4 px,然後確保使用Control + G 鍵盤快捷鍵將兩者選中並分組在一起
第20步
通過使用13 釐米高, 2像素 厚的 帶圓帽的行程 (#3F3330) 來創建其曲柄臂,開始右踏板的工作 ,我們將其定位 爲使其頂部 錨點與齒輪填充中心對齊形狀
第21步
使用具有1 px 角半徑的6×2 px 圓角矩形(#3F3330) 添加踏板 ,定位到曲柄底部 錨點的中心。完成後,在進行下一步之前,將兩者選擇並分組(Control + G)
第22步
通過使用我們剛剛完成的副本(Control + C> Control + F)添加左踏板組件,從而完成自行車及其圖標本身的製作,將其水平反映(右鍵單擊>變換>反射>水平),然後定位到齒輪的上側。將副本放置在齒輪下方(右鍵單擊>排列>發送到背面),選擇並將所有組成形狀組合在一起(按Control + G組合),然後對自行車和整個圖標進行相同操作
創建BMX自行車圖標
完成了第一個圖標的工作後,鎖定其圖層,然後移至下一個圖標(即第三個圖標),將集中精力創建第二個自行車
第1步
首先使用前一個圖標的副本(Control + C> Control + F)創建前景,然後將其粘貼到當前圖層上,將其與空白的活動繪圖區域對齊
第2步
使用較小的40×40 px 圓創建後輪,輪胎的衝程爲 4 px厚(#3F3330),輪輞使用 30×30 px,2 px 厚的圓圈(#3F3330)和 12×12 px的 圓(#F9BB5A)用於集線器。擁有所有三個形狀後,將(Control + G)分組,然後將它們放置在前景上,使其與活動圖形區域的左邊緣對齊, 如參考圖像所示
第3步
使用剛剛完成的副本的副本(Control + C> Control + F)添加自行車的前輪,將其放置在活動繪圖區域的另一側
第4步
通過創建一個32×20 px 矩形 (厚 4 px的筆畫(#3F3330))開始在框架上工作 ,我們將其左下錨點對準後輪輪轂的中心,以對其進行 定位
第5步
通過使用直接選擇工具(A)選擇右上角的錨點,開始調整剛創建的框架的幾何形狀, 然後將其向右推34 px ,向頂部推 較小的 8 px (右鍵單擊>變換>移動>水平> 34 px>垂直> -8 px)
第6步
通過選擇並將其左上角的錨點 t並向右推24 px距離,繼續調整形狀(右鍵單擊>變換>移動>水平> 24 px)
第7步
使用繪製座管 30像素 高對角線 筆畫線 (#3F3330用) 圓帽,確保該幀的右下部分連接到所看到的參考圖像中的左上之一
第8步
花一些時間,使用前輪轂的中心從前輪轂的中心開始,使用帶有圓帽的4 px 厚的 衝程線(#3F3330) 繪製自行車的前叉和車把組件 ,如參考圖像所示。慢慢來,一旦完成,請繼續下一步
第9步
使用前一輛自行車的副本(Control + C)創建座椅,將其粘貼到當前圖層(Control + F),然後將其放置在與活動圖形區域 左邊緣34 px的距離處,和距其頂部40像素的位置
第10步
調整座椅的形狀,方法是選擇並向右推 固定錨點 至頂部4 px(右鍵單擊>變換>移動>垂直> -4 px),重新放置其手柄,直到獲得與參考圖片
第11步
通過使用上一個圖標的副本(Control + C)添加踏板組件,並完成自行車及其圖標本身,將其粘貼(Control + F)到當前圖層上,並將其定位到框架右下錨點的中心。完成後,選擇並組合(Control + G)自行車的所有組成部分,然後對整個圖標進行相同的操作
創建城市自行車圖標
完成了第二個圖標後,繼續進行到下一層(即第四層),在此我們將開始處理第三層和最後一層
第1步
由於城市自行車與公路自行車非常相似,複製後者(Control + C),然後將其粘貼(Control + F)到當前圖層上,並將其放置在第三個活動圖形上區域
第2步
取消組合(右鍵單擊>取消組合 兩次)剛剛創建的副本,然後通過選擇和刪除其框架的右上錨點開始調整自行車的幾何形狀, 如參考圖像所示
第3步
抓住 鋼筆工具(P), 並按照車輪輪胎的形狀繪製彎曲路徑,將車架連接到頭管。慢慢來,一旦完成,請繼續下一步
第4步
通過選擇並移除當前朝向右的錨點開始對車把進行操作, 然後繪製一個面向自行車車架內部的新車,使用9 釐米高的 2像素 粗的 帶圓帽的描邊線 (#F9BB5A) 添加小裝飾弦段 ,將其放置在車把的下方(右鍵單擊>排列>發送到返回),距離僅 2像素 從它的左邊緣開始。慢慢來,一旦完成,請選擇並組合(Control + G),然後再繼續下一步
第5步
通過使用 2 px 厚的帶圓帽 和 Join的 Stroke(#3F3330) 繪製自行車的主要形狀,開始在自行車的行李架上工作。使用參考圖像作爲主要參考,確保繪製與座管平行的對角線
第6步
通過使用 20×3 px 矩形(帶有 2 px粗 筆畫 (#3F3330)和Round Join) 添加其上部,完成機架及其圖標本身,將其放置在我們已經擁有的形狀的頂部剛剛畫。放置好形狀後,選擇並組合(Control + G)兩者,對自行車的所有組成部分和整個圖標進行相同的處理
大功告成啦