平面設計:製作攝影圖標集

原文鏈接:https://www.jianshu.com/p/49c88a4c2adc

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

在處理所有項目時,首先要設置一個新文檔(文件>新建或Control + N),我們將對其進行如下調整:

寬度: 800像素

高度: 600像素

單位: 像素

在“高級”標籤中:

色彩模式: RGB

柵格效果: 屏幕(72 ppi)
在這裏插入圖片描述
設置圖層

對於每個新項目,我喜歡利用不同層來獨立設計,因爲這樣我可以通過一次專注於一個項目來簡化我的工作流程,這使我可以隨時跟蹤每個形狀

因此,打開“圖層”面板,讓我們創建四個圖層,我們將其命名如下:

第1層>參考網格

第2層>鏡頭

第3層>相機

第4層> Flash

在工作流中使用這些層的方式非常簡單,鎖定除將要處理的形狀以外的所有形狀,以免意外移動或放錯某些形狀。然後,完成當前圖標的設置後,可以鎖定其圖層並繼續前進到下一個圖標的設計
在這裏插入圖片描述
創建參考網格

對項目文件進行了分層後,開始創建參考網格,這將通過關注一致性和大小來幫助我們創建圖標

第1步

抓住矩形工具(M),創建一個128×128像素的正方形,使用#F15A24對其進行着色,然後使用“對齊”面板的“水平和垂直對齊中心”選項將其放置在畫板的中心
在這裏插入圖片描述
第2步

創建另一個較小的120×120像素正方形,它將用作活動繪圖區域,從而爲我們提供了一個4像素的全邊框。使用白色(#FFFFFF)爲形狀着色,然後將正方形分組(Control + G),再創建三個副本,使它們與原始像素相距40 px
在這裏插入圖片描述
創建鏡頭圖標

通過創建第一個圖標啓動項目,確保將自己放置在第二層上,並放大第一個參考網格

第1步

使用32×12 px矩形爲鏡頭連接器創建主形狀,使用#D3C7C2對其進行着色,然後將其與活動圖形區域的底部邊緣居中對齊,將其放置在距其4 px的距離處
在這裏插入圖片描述
第2步

通過使用描邊方法創建輪廓的輪廓,方法是創建該輪廓的副本(Control + C),然後將其粘貼到前面(Control + F),然後通過先將其顏色更改爲#3F3330進行調整,然後翻轉其Fill其筆觸(Shift + X)。將結果形狀的“權重”設置爲8 px,並確保在繼續下一步之前將兩者同時選中並分組(按Control + G)
在這裏插入圖片描述
第3步

通過創建一個12×6 px矩形(#3F3330),結束當前部分,我們將居中對齊較大的填充形狀的底部邊緣,完成後將所有三個形狀選擇並分組(按Control + G)
在這裏插入圖片描述
第4步

創建一個稍大的48×12像素矩形(#DB7252),通過使用“移動”工具(右鍵單擊>“變換”>“移動”>“水平”>“底部”錨點並向內推4 px的距離進行調整)。 + / – 4像素,具體取決於您從哪一側開始。完成後,將得到的形狀放在上一節的上方
在這裏插入圖片描述
第5步

給生成的形狀一個8像素厚的輪廓(#3F3330,然後是一個較小的24×6像素矩形(#3F3330)),將其底部邊緣居中對齊,確保選擇並分組(Control + G)所有的三個形狀
在這裏插入圖片描述
第6步

使用64×24 px矩形(#756F6D)和8 px粗輪廓(#3F3330)創建鏡頭的主體,將其分組(Control + G),然後將其居中對齊上一部分,將上面的兩個放置在它的上面
在這裏插入圖片描述
第7步

通過創建一個8×24 px矩形(#3F3330)開始向當前部分添加細節,將其放置在與較大的基礎形狀右側相距8 px的位置
在這裏插入圖片描述
第8步

使用兩個彼此間隔4 px寬的4 px高的矩形(#3F3330)添加小的虛擬文本行來結束當前部分,對它們進行分組(Control + G),然後將其定位在距像素4 px的位置較大輪廓的左邊緣。完成後,使用Control + G鍵盤快捷鍵選擇所有組成的形狀並將其組合在一起
在這裏插入圖片描述
第9步

使用具有8 px粗輪廓(#3F3330)的56×12 px矩形(#56504F)創建較小的連接器部分,對其進行分組(Control + G),然後將其放置在上一部分的上方
在這裏插入圖片描述
第10步

通過創建一個64×32 px矩形(#756F6D)和一個8 px粗輪廓(#3F3330)開始對縮放環進行操作,對它進行分組(Control + G),然後將其居中對齊上一部分,將其放在上方它
在這裏插入圖片描述
第11步

使用九個4×32 px矩形(#3F3330)添加垂直的細節線,這些矩形水平彼此堆疊2 px,我們將其分組(Control + G),然後居中對齊較大的基礎形狀
在這裏插入圖片描述
第12步

創建一個8×8像素的圓(#3F3330),並將其放置在第二條垂直詳圖線的中心,然後選擇並分組(Ctrl + G)所有當前截面的形狀
在這裏插入圖片描述
第13步

使用56×10 px矩形(#DB7252)和8 px粗輪廓(#3F3330)添加鏡頭主體的上部,將其分組(Control + G),然後將其居中對齊到先前創建的部分,定位他們之上
在這裏插入圖片描述
第14步

通過使用40×20 px橢圓(#7DB1D1)和8 px粗輪廓(#3F3330)創建玻璃,完成鏡頭的加工,我們將其分組(Control + G),然後將其居中對齊到活動繪圖區域的頂部邊緣,請確保將它們放置在所有其他部分的下面(右鍵單擊>排列>發送到背面)。完成後,選擇並組合(Control + G)圖標的所有組成部分,然後繼續進行下一個
在這裏插入圖片描述
創建相機圖標

假設您已成功完成第一個圖標的工作,請鎖定其圖層,然後繼續前進至下一個圖標(即第三個圖標),我們將在此開始設計小型相機

第1步

使用96×48 px矩形(#DB7252)和8 px粗輪廓(#3F3330)創建相機的主體,將其分組(Control + G),然後將其居中對齊到活動圖形區域的頂部邊緣,並將其定位相距18像素
在這裏插入圖片描述
第2步

創建一個較小的88×8像素矩形(#3F3330),然後將其居中對齊到剛剛分組的形狀的底部邊緣
在這裏插入圖片描述
第3步

使用一個6×6像素的圓圈(#3F3330)添加聚焦輔助傳感器,我們將其放置在主體的右上角,並確保在其周圍留有4像素的間隙
在這裏插入圖片描述
第4步

使用14×28 px矩形(#756F6D)添加夾點,我們將通過在“變形”面板的“矩形屬性”中將其右上角的半徑設置爲8 px來進行調整。給生成的形狀一個8像素粗的輪廓(#3F3330),在其頂部添加一個較小的8×12像素的圓角矩形(#3F3330),其圓角半徑爲4像素,選擇並分組(Control + G)所有當前部分的形狀在一起,然後對相機的身體進行相同的處理
在這裏插入圖片描述
第5步

使用96×12 px矩形(#D3C7C2)創建相機的上身,在其頂部將添加一個較小的32×6 px矩形(#D3C7C2),使用Pathfinder的統一形狀模式將其統一爲一個較大的形狀
在這裏插入圖片描述
第6步

使用“筆觸”方法爲生成的形狀提供8像素粗的輪廓(#3F3330),並確保隨後使用Control + G鍵盤快捷鍵將其選中並分組在一起
在這裏插入圖片描述
第7步

使用8×12 px矩形(#3F3330)添加垂直分隔線,將其放置在相機上部的左側
在這裏插入圖片描述
第8步

使用16×6 px矩形(#3F3330)創建閃光燈,將其放置在上身右側部分的中心。完成後,使用Control + G鍵盤快捷鍵選擇當前部分的所有形狀並將其分組在一起
在這裏插入圖片描述
第9步

使用16×10 px矩形(#3F3330)添加兩個按鈕,然後再將另一個8×8 px矩形(#3F3330)與其相距2 px,將它們分組(按Control + G),然後定位在距上身左邊緣16像素的距離
在這裏插入圖片描述
第10步

創建鏡頭,方法是創建一個48×48像素的圓圈(#AFA7A5),其輪廓爲8像素(#3F3330),然後將其分組(Ctrl + G),然後將其居中對齊相機的主體,移動它們稍微向上移動4像素(右鍵單擊>變換>移動>垂直> -4像素)
在這裏插入圖片描述
第11步

使用較小的24×24像素圓圈(#756F6D)和8像素厚的輪廓線(#3F3330)創建鏡頭的內部區域,將其分組(Control + G),然後將其居中對齊到先前創建的形狀
在這裏插入圖片描述
第12步

在鏡頭的中央添加另一個較小的12×12像素的圓圈(#3F3330),然後選擇所有組成形狀並將其組合在一起
在這裏插入圖片描述
第13步

使用12×12像素的圓圈(#3F3330)創建鏡頭釋放按鈕,將其放置在其右下側。完成後,使用Control + G鍵盤快捷鍵選擇當前部分的所有組成形狀並將其分組
在這裏插入圖片描述
第14步

使用兩個12×8 px矩形(#3F3330)添加皮帶環,將它們放置在相機主體的側面,並確保使用Control + G鍵盤選擇和分組到目前爲止的所有形狀捷徑
在這裏插入圖片描述
第15步

使用20×96 px矩形和4 px厚的筆觸(#3F3330)創建皮帶的左側部分,通過在“轉換”面板的“矩形屬性”中將其底角的半徑設置爲10 px進行調整。將生成的形狀放置在相機的左側,確保將其發送到所有其他形狀的背面(右鍵單擊>排列>發送到背面)
在這裏插入圖片描述
第16步

使用已經擁有的相機帶的副本(Control + C> Control + F)添加相機帶的右側部分,以完成相機及其圖標本身的製作,然後將其放置在較大相機帶的另一側身體。完成後,請使用Control + G鍵盤快捷鍵選擇圖標的所有組成部分並將其分組
在這裏插入圖片描述
創建Flash圖標

現在我們到了第三個也是最後一個圖標,因此假設您已經將自己放置在活動的參考網格上,請放大它,然後進行總結

第1步

使用24×12像素矩形(#D3C7C2)和8像素厚的輪廓線(#3F3330)創建閃光燈的連接器,底部將對齊一個較小的8×6像素矩形(#3F3330)。將所有三個形狀組合在一起(按Control + G),然後將它們居中對齊到基礎活動圖形區域的底部邊緣
在這裏插入圖片描述
第2步

使用40×16 px矩形(#56504F)和8 px粗輪廓(#3F3330)創建Flash的底部,將其分組(Control + G),然後定位在較小的連接器上方
在這裏插入圖片描述
第3步

在當前部分中添加一些詳細信息,方法是在其頂部邊緣的中心創建並放置一個24×6 px矩形(#3F3330),然後在其底部邊緣放置一個較小的16×8 px(#3F3330)。完成後,使用Control + G鍵盤快捷鍵選擇所有組成的形狀並將其組合在一起
在這裏插入圖片描述
第4步

使用64×44 px矩形(#756F6D)和8 px粗輪廓(#3F3330)創建閃光燈的主體,將其分組(Control + G),然後定位到上一節的上方,以便兩個輪廓結束向上重疊
在這裏插入圖片描述
第5步

通過創建32×44 px橢圓(#DB7252),輪廓爲8 px(#3F3330),開始進行紅外傳感器的工作,將其分組(Control + G),然後居中對齊較大矩形的頂部邊緣,因此只有身體的下半部分最終與身體重疊
在這裏插入圖片描述
第6步

通過從下方將矩形的副本(Control + C)作爲剪貼蒙版,將其粘貼在前面(Control + F),以遮罩我們剛創建的形狀。獲得副本後,同時選擇它和橢圓,然後右鍵單擊>“製作剪貼蒙版”
在這裏插入圖片描述
第7步

使用兩個4×4像素的圓圈(#3F3330)添加設備的小螺釘,將其放置在其底角上,並在它們的底部之間留出2像素的間隙
在這裏插入圖片描述
第8步

使用12×4 px矩形(#3F3330)創建一個小的虛擬文本行,然後使用另一個較小的8×4 px矩形(#3F3330),將彼此隔開4 px,進行分組(Control + G),然後居中對齊,使其與較大部分的輪廓相距4像素
在這裏插入圖片描述
第9步

使用8×12 px矩形(#3F3330)添加兩個側面按鈕,然後再添加另一個較小的8×8 px矩形(#3F3330),彼此垂直堆疊2 px。擁有兩個形狀後,將它們組合在一起(Control + G),然後將它們放置在較大主體的右側,然後對整個部分進行相同的操作
在這裏插入圖片描述
第10步

通過創建一個80×40像素的圓角矩形(#756F6D),一個8像素的轉角半徑和一個8像素的粗輪廓(#3F3330),開始在Flash的上部工作,將其分組(Control + G),然後然後放在上一節的頂部
在這裏插入圖片描述
第11步

使用一個56×16 px矩形(#D3C7C2)和一個8 px粗輪廓(#3F3330)創建覆蓋LED的前面板,將其分組(Control + G),然後將其居中對齊較大的基礎形狀
在這裏插入圖片描述
第12步

將28×4像素的矩形(#3F3330)添加到較小部分的中心,然後添加兩個6×4像素的矩形(#3F3330),將其放置在兩側,確保選擇並分組(Ctrl + G)他們
在這裏插入圖片描述
第13步

關閉閃光燈,並在其上部的每個側面上添加一個8×16 px的矩形,然後將其所有組成的形狀選擇並分組(Ctrl + G),以完成圖標本身的製作
在這裏插入圖片描述
完成啦!
在這裏插入圖片描述

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