平面設計:創建自行車圖標

在這裏插入圖片描述
建立新文件

在處理所有項目時,設置一個 新文檔 (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)兩者,對自行車的所有組成部分和整個圖標進行相同的處理
在這裏插入圖片描述
大功告成啦
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章