建立新文件
在處理所有項目時,設置一個 新文檔 (File> New 或 Control + N)開始,使用以下設置進行調整:
畫板數量: 1
寬度: 800像素
高度: 600像素
單位: 像素
在“ 高級” 標籤中:
色彩模式: RGB
柵格效果: 屏幕(72 ppi)
設置圖層
設置好新文檔後,使用幾個不同的層來分隔圖標,可以通過一次專注於一個項目來簡化工作流程,從而使我們能夠跟蹤隨時隨地使用每種形狀
因此,打開“ 圖層” 面板,創建五個圖層,將其命名如下:
第1層> 參考網格
第2層> 音樂製作人
第3層> 照片編輯器
第4層> 編碼器
第5層> 插畫家
創建參考網格
分層項目文件後,就可以開始創建 參考網格,有助於通過關注一致性和大小來創建圖標
第1步
抓住 矩形工具(M) ,創建一個 128×128像素的 正方形,使用 #F15A24對其進行着色,然後使用“ 對齊” 面板的“ 水平 和 垂直對齊中心” 選項將其放置在 畫板的 中心
第2步
創建另一個較小的 120×120像素 正方形,它將用作 活動繪圖區域,從而提供了一個 4像素的全 邊框。使用白色(#FFFFFF)爲形狀着色,然後將正方形分組(Control + G),再創建三個側面副本(Control + C> Control + F 三次),使它們與原始像素相距 40 px
創建重複頭像
創建重複的頭像來開始工作,稍後將在其中添加定義符號以將它們分開,因此請確保已將自己定位在正確的層上(這將是第二層) )
第1步
使用120×120 px的 圓創建背景 ,使用 #9364D8對其進行着色,然後將其居中對齊至第一個 活動的繪圖區域
第2步
通過使用28×12 px 橢圓創建其下部圓形截面,開始加工頭部, 使用#FFFFFF對其進行着色,該橢圓將 與 活動繪圖區域的左邊緣相距 36 px,而 18 從底部的px開始
第3步
在我們剛創建的圓的頂部添加一個 28×54 px的 矩形(#FFFFFF),對其進行定位,使其與上半部分重疊,如參考圖像所示
第4步
向右移動幾個像素,並創建一個較小的 12×40 px 矩形,使用白色(#FFFFFF)進行着色,然後將其放置在先前創建的形狀的右側
第5步
通過添加一個甚至更小的8×24 px 矩形(#FFFFFF),結束頭部的當前部分 ,在參考圖像中看到該矩形的位置
第6步
選擇所有四個形狀,然後使用探路者的“統一形狀模式”將它們組合成一個較大的形狀
第7步
花一些時間 ,通過選擇在刪除過程中創建的多餘錨點(在參考圖像中突出顯示),選擇“ 刪除錨點工具”(-),然後單擊它們,以清理生成的形狀
第8步
使用Stroke 方法爲生成的頭部繪製輪廓, 方法是創建它的副本(Control + C),然後將其粘貼到前面(Control + F),並將其顏色更改爲 #3F3330 然後翻轉其 Fill進行調整 其 筆觸 (Shift + X)。將結果形狀的“權 重”設置 爲 4 px ,將其“ 角”設置 爲“ 圓角連接”,然後確保使用Control + G 鍵盤快捷鍵將兩者選中並分組在一起
第9步
使用具有4 px 粗輪廓(#3F3330)的48×12 px 橢圓(#B5ACA9) 創建頭部的頂部 ,將其分組(Control + G),然後將其放置在頭像頂部,如參考圖片
第10步
使用4×4像素的圓圈添加右眼,使用 #3F3330對其進行着色,然後將其放置在頭部上,與頂部輪廓的距離爲6像素,與較大區域的右邊緣的距離爲10像素。完成後,使用Control + G 鍵盤快捷鍵選擇所有化身的合成形狀並將其分組
第11步
使用我創建的自定義點畫畫筆添加一些紋理,從而獲得一些藝術效果 ,您可以從教程的附件中下載該畫筆。要使用它,只需打開“ 畫筆” 面板,然後轉到“ 畫筆庫”菜單>“其他庫”> ,然後找到並選擇下載的資產
加載畫筆後,選擇一個名爲 freepik的點畫畫筆, 並使用 0.1 px 厚的 描邊在圖形頭像的左側繪製兩條垂直線,如參考圖像所示
第12步
使用具有相同“ 筆觸” 厚度的相同畫筆 ,按照頭部上部的曲率繪製另一個圓形路徑
第13步
使用較大的基礎形狀的副本(Control + C)開始遮罩左側的紋理線,將其粘貼在前面(Control + F),然後選擇兩個選項並 單擊鼠標右鍵>“製作剪貼蒙版”
第14步
向上移動幾個像素,然後重複相同的過程,只是這次從頭部的上部遮住紋理
第15步
遮蓋紋理後,必須單獨剪切(Control + X),然後通過雙擊它們進入每個基礎組,以進入“ 隔離模式”,在其中我們將(Control + F)粘貼回去確保輪廓如參考圖像所示位於其上方
第16步
由於我們現在擁有所有化身的主要構建塊,因此我們可以創建三個其他副本(Control + C)並將其粘貼到其餘層(Control + F),確保隨後將其鎖定
創建音樂製作人頭像
一旦完成所有頭像的創建和定位,回到第二層,開始向第一層添加細節
第1步
通過創建10×8 px 橢圓(#D3C5EF)和 4 px 粗輪廓(#3F3330)開始對音符進行處理, 將其分組(Control + G),然後將其放在頭部的上部,位置爲距 其左邊緣6像素, 距其底部僅 2像素
第2步
創建我們剛剛分組的形狀的副本(Control + C> Control + F),然後將它們放置在頭部的右側,如參考圖像所示
第3步
花一些時間,使用帶有圓形連接的4 px 厚的筆畫(#3F3330) 繪製莖和束
第4步
給符頭使用一些紋理點畫刷子與行程設定爲0.1像素。完成後,選擇並組合(Control + G)所有音符的合成形狀,然後對整個頭像進行相同的處理
第5步
選擇 畫筆工具(B) 以及使用該點畫BG刷 與所述 筆畫 顏色爲白色(#FFFFFF),通過繪製一個簡單的曲線作爲基準圖像中所看到的添加前紋理覆蓋大部分的圖標的構成部分
第6步
通過遮蓋我們剛剛使用底層背景的副本(Control + C)創建的紋理線來結束圖標,我們將其粘貼到前面(Control + F),然後選擇兩個 鼠標右鍵單擊>製作剪貼蒙版。完成後,選擇並組合(Control + G)所有組成的形狀,然後繼續進行下一個
創建照片編輯器頭像
一旦完成對第一個頭像的處理,請鎖定其圖層,然後向上移動至下一個(即第三個),我們將在此處開始處理照片編輯器
第1步
通過選擇紫色背景,然後使用“ 顏色” 面板將其“ 填充” 顏色更改爲淺藍色(#63C7EA)
第2步
通過創建一個具有4 px 粗輪廓(#3F3330)的24×24 px 圓(#A0E1F2), 開始處理小圖層調整符號 ,如參考圖片所示,將其放置在頭部的上部
第3步
使用填充形狀的副本(Control + C> Control + F)添加右側較暗的部分,使用 直接選擇工具(A)選擇其左側錨點,將其切成兩半 ,然後通過簡單地將其刪除按 Delete鍵。完成後,將結果形狀的顏色設置爲 #3F3330,然後繼續下一步
第4步
花一些時間,然後使用點畫筆刷在符號上添加一些紋理 ,確保隨後將其遮罩。完成後,使用Control + G 鍵盤快捷鍵選擇當前部分的所有組成形狀並將其組合在一起 ,然後對整個頭像進行相同的操作
第5步
通過添加背景紋理(我們將從上一個頭像複製(Control + C),然後將(Control + F)粘貼回當前圖層)完成圖標的關閉 ,確保選擇並分組(Control + G)將所有形狀融合在一起,然後再進行下一個
創建編碼器頭像
我們的下一個創意頭像是編碼器,因此假設您已經將自己放置在下一層(即第四層)上,請放大 活動繪圖區域 ,然後開始吧
第1步
正如我們對上一個圖標所做的那樣,首先將其背景顏色從紫色更改爲淺紅色(#F7794D)
第2步
開始加工紅寶石寶石,方法是創建一個 24×24像素的 正方形,使用 #FF9E88對其進行着色,然後將其與頭部的上部居中對齊,並確保將 其與底部的距離保持 4 px的距離
第3步
打開“ 像素預覽” 模式(Alt + Control + Y),然後使用 添加錨點工具(+)通過添加幾個錨點開始調整形狀,參考如下
第4步
通過使用“ 刪除錨點工具”(-)小心刪除其所有角錨點,將正方形變成菱形,完成後切換回默認預覽 模式(Alt + Control + Y)
第5步
使用“ 筆觸” 方法使用“圓角連接” 爲得到的形狀提供 4 px厚的 輪廓(#3F3330)
第6步
使用24像素 寬, 4像素厚的 筆觸 (#3F3330)添加水平詳圖線 ,將在參考圖像中看到該筆觸的位置
第7步
在點畫筆刷的幫助下爲寶石提供漂亮的小紋理 ,然後使用Control + G 鍵盤快捷鍵選擇所有組成的形狀並將其組合在一起 ,然後對整個頭像進行相同的處理
第8步
通過使用前一個副本的副本(Control + C)添加前部紋理來結束圖標 ,將其粘貼(Control + F)到當前圖層上,然後居中對齊,確保選擇並分組(Control + G)所有組成的圖形,然後再繼續下一個
創建Illustrator頭像
現在我們到了第四和最後一個圖標,因此假設您已經將自己放置在下一層(即第五層)
第1步
與我們處理所有其他頭像一樣,從“ 顏色” 面板中將背景的顏色從紫色更改爲淺黃色(#F9BC50)
第2步
通過創建20×24 px 矩形開始在筆尖的主體上工作 ,使用 #FFD694對其進行着色,然後通過切換到“ 像素預覽” 模式(Alt + Control + Y)並添加幾個新的 錨點進行調整 藉助 添加錨點工具(+)
第3步
通過使用“ 刪除錨點工具”(-)刪除其所有角錨點,繼續調整形狀
第4步
得到生成形狀的 4 PX厚的 輪廓(#3F3330),並確保其設置角到圓形加入
第5步
添加使用垂直細節線 12像素 高 4 PX 厚 中風 線(#3F3330用) 圓帽,其作爲參考圖像中看到的,我們將定位
第6步
使用點畫刷爲筆尖提供一些紋理 ,選擇並分組(按Control + G組合)所有其組成的形狀,並對所有化身的所有組成部分進行相同的處理
第7步
通過使用與其他所有對象完全相同的過程添加前部紋理,完成圖標及其項目本身。完成後,在點擊該保存按鈕之前,將其所有組成的形狀選擇並分組(Control + G)
我們可以應用相同的技術來創建新的個性化頭像,甚至可以通過使用它們的顏色來快速調整已有的頭像