平面設計:創建綠色能源包

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

正如我們對每個新項目所做的那樣,首先要設置一個新文檔(文件>新建或Ctrl + N),我們將使用以下設置進行調整:

畫板數量: 1

寬度: 800像素

高度: 600像素

單位: 像素

在“高級”標籤中:

色彩模式: RGB

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

對於每個新項目,將元素分成幾個不同的層

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

第1層>參考網格

第2層>燈泡

第3層>植物

第4層>插頭
在這裏插入圖片描述
創建參考網格

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

第1步

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

創建另一個較小的120×120像素正方形,用作活動繪圖區域,從而爲我們提供了4 px的圓形填充。使用白色(#FFFFFF)爲形狀上色,將正方形分組(Ctrl + G),然後再創建兩個副本,一個在左邊,另一個在右邊,使它們與原始像素相距40 px
在這裏插入圖片描述
製作燈泡

向上移動到第二層,通過創建第一個圖標開始項目,放大到其參考網格

第1步

使用88×88 px的圓圈創建圖標的背景,使用#d9f4e5對其進行着色,然後將其居中對齊到基礎活動繪圖區域
在這裏插入圖片描述
第2步

通過創建68×68 px的圓圈開始在實際的燈泡上,使用白色(#FFFFFF)對其進行着色,然後將其與繪圖區域的頂部邊緣居中對齊(相距4 px)
在這裏插入圖片描述
第3步

使用矩形工具(M)創建一個28×8像素的形狀,使用白色(#FFFFFF)對其進行着色,然後將其居中對齊到剛創建的圓,將其放置在2像素的距離下方
在這裏插入圖片描述
第4步

調整圓,方法是使用直接選擇工具(A)選擇圓弧的底部錨點,然後按Delete刪除圓弧的下半部分
在這裏插入圖片描述
第5步

打開矩形的路徑,使用“添加錨點工具”(+)左鍵單擊以在其頂部邊緣的中心添加新的錨點,然後使用“直接選擇工具”(A)將其選中,然後將其刪除(Delete鍵)
在這裏插入圖片描述
第6步

通過選擇兩個形狀,然後按兩次Ctrl + J,將剛剛打開的兩個路徑合併爲一個較大的封閉路徑
在這裏插入圖片描述
第7步

通過首先打開“像素預覽”模式(Alt + Ctrl + Y),分別選擇並將選定的錨點轉換爲平滑來調整結果形狀,然後分別選擇中心錨點的手柄並重新定位其端點,如參考圖像所示
在這裏插入圖片描述
第8步

使用Stroke方法,通過創建形狀的副本(Ctrl + C> Ctrl + F),將其顏色更改爲#45c980並對其進行描邊(Shift + X)翻轉其Fill,來給生成的形狀一個輪廓,請確保從“描邊”面板中將其權重設置爲8像素。完成後,選擇填充形狀(白色形狀)及其輪廓,然後使用Ctrl + G鍵盤快捷鍵將它們分組在一起
在這裏插入圖片描述
第9步

通過使用36 px高8 px粗的描邊線(#45c980)創建葉柄,將其居中對齊到燈泡的底部
在這裏插入圖片描述
第10步

使用16×16 px矩形(#FFFFFF)創建左葉子,將通過在“轉換”面板的“矩形屬性”中將其右上角和左下角的半徑設置爲8 px進行調整。給所得的形狀一個8像素厚的輪廓(#45c980),將“角”設置爲“圓角連接”,使其感覺更加有機,然後將兩個組合在一起(Ctrl + G),將其置於葉柄頂部
在這裏插入圖片描述
第11步

使用剛製作的副本(Ctrl + C> Ctrl + F)創建第二張葉子,將其放置在莖或葉柄的右側,並確保此後垂直反射(右鍵單擊>變換>反射>垂直)

完成後,使用Control-G鍵盤快捷鍵選擇葉子和葉柄並將它們分組在一起
在這裏插入圖片描述
第12步

通過使用36×20 px矩形創建燈泡的上部,開始在燈泡的基座上工作,使用白色(#FFFFFF)進行着色,然後將其居中對齊到燈泡的底部
在這裏插入圖片描述
第13步

使用Stroke方法,給出我們剛剛創建的8 px粗輪廓線(#45c980)的形狀,然後加上36 px寬8 px粗線(#45c980)的水平細節線,將其與基礎的中心對齊形狀(白色)
在這裏插入圖片描述
第14步

再添加一個垂直高度爲20像素,高度爲4像素(#45c980)的垂直像素,將其放置在筆帽的右側,與較粗的輪廓相距4像素

完成後,使用Ctrl + G鍵盤快捷鍵選擇和組合該部分的所有組成形狀
在這裏插入圖片描述
第15步

使用20×14 px矩形創建蓋帽的底部,將使用白色(#FFFFFF)中心對其進行着色,將其與先前創建的區段對齊
在這裏插入圖片描述
第16步

通過提供剛剛創建的8 px粗輪廓(#45c980)的形狀和使用20×8 px矩形(#45c980)的陰影來結束圖標,將其居中對齊到白色的頂部邊緣形狀

完成操作後,請不要忘記使用Ctrl + G鍵盤快捷鍵將所有當前部分的形狀選擇和分組在一起,然後對整個圖標進行相同的操作

在這裏插入圖片描述
創建植物

對上一層進行鎖定後繼續前進到下一層(即第三層)並放大第二個參考網格,以便我們可以開始處理第二個圖標

第1步

首先使用88×88 px的圓圈創建圓形背景,使用#d9f4e5對其進行着色,然後將其居中對齊到基礎活動繪圖區域
在這裏插入圖片描述
第2步

使用28×28 px的圓圈創建植物的“頭部”,將使用白色(#FFFFFF)對其進行着色,然後將其與下層活動圖形區域居中對齊,並與其頂部邊緣相距4 px
在這裏插入圖片描述
第3步

在處理所有形狀時,使用Stroke方法爲剛創建的輪廓創建一個8 px的輪廓線(#45c980)
在這裏插入圖片描述
第4步

通過創建5×10 px矩形(#45c980)(1),開始對小小的電氣符號進行操作,使用直接選擇工具(A)選擇左上角的錨點,然後通過以下方法將其刪除來進行調整按Delete鍵,使用Ctrl + J鍵盤快捷鍵(2)關閉路徑

創建結果形狀的副本(Ctrl + C> Ctrl + F),然後水平和垂直反射它(右鍵單擊>變換>反射>水平然後垂直),將其放置在原始形狀的右下角,這樣他們的交集會創建一個2像素寬4像素高的矩形(3)

完成後,只需將兩個形狀組合在一起(Ctrl + G),然後將它們與白色圓圈(4)居中對齊,對其所有形狀執行相同的操作
在這裏插入圖片描述
第5步

使用高88像素,高8像素的垂直描邊線(#45c980)創建植物的莖,將其居中對齊到剛剛分組的形狀
在這裏插入圖片描述
第6步

通過創建一個34×34像素的正方形(#FFFFFF)開始在左葉子上工作,將通過在“變形”面板的“矩形屬性”中將其右上角和左下角的半徑設置爲16 px進行調整

完成後,將生成的形狀放置在莖的寬度的左半部分,距頂圓8像素
在這裏插入圖片描述
第7步

使用Stroke方法將葉子的輪廓畫成8像素厚(#45c980),然後從莖的中心開始畫一個8像素厚的對角細節線(#45c980),並用圓帽蓋住,並從中心開始一點的葉子

完成後,選擇所有三個形狀並使用Ctrl + G鍵盤快捷鍵將它們分組在一起
在這裏插入圖片描述
第8步

通過使用剛剛完成的工作的副本(Ctrl + C> Ctrl + F)創建第二個葉子,將圖標結束,將其放置在莖的右半邊一定距離處距頂部圓圈24像素,請確保將其垂直反射(右鍵單擊>變換>反射>垂直)

完成後,可以使用Ctrl + G鍵盤快捷鍵來選擇圖標的所有組成部分並將其組合在一起
在這裏插入圖片描述
創建插頭

進入第三個圖標和最後一個圖標,因此,鎖定上一層並向上移動到最後一層後,放大參考網格並進行總結

第1步

首先使用88×88 px的圓圈創建圓形背景,使用#d9f4e5對其進行着色,然後將其居中對齊到基礎活動繪圖區域
在這裏插入圖片描述
第2步

通過創建一個10×26 px的矩形開始在左圖釘上工作,使用白色(#FFFFFF)進行着色,然後將其與活動圖形區域的頂部邊緣相距4 px,與左側圖形相距44 px
在這裏插入圖片描述
第3步

給出我們剛剛創建的8像素粗輪廓(#45c980)的形狀,然後使用鋼筆工具(P)將其以4的距離定位,繪製10像素寬4像素粗的水平細節線(#45c980)較大輪廓的頂部邊緣的px

與往常一樣,完成操作後,請使用Ctrl + G鍵盤快捷鍵將所有三個形狀組合在一起
在這裏插入圖片描述
第4步

使用剛剛完成的副本的副本(Ctrl + C> Ctrl + F)創建插頭的第二個引腳,將其放置在活動繪圖區域的右側,相距12像素然後從原件中選擇並分組(Ctrl + G)兩個銷釘
在這裏插入圖片描述
第5步

通過創建一個帶有8 px粗輪廓(#45c980)和56×12 px矩形(#FFFFFF)開始對插頭的上部進行操作,對其進行分組(Ctrl + G),然後將其放置在我們剛剛使用的兩個引腳的下面完成工作
在這裏插入圖片描述
第6步

使用40×32 px矩形創建插頭的中心部分,使用白色(#FFFFFF)進行着色,然後將其中心對齊到先前創建的形狀的底部邊緣
在這裏插入圖片描述
第7步

我們剛剛使用Stroke方法創建了8像素粗的輪廓(#45c980)的形狀,然後加上40像素寬4像素粗的水平細節線(#45c980),將其中心對齊到基礎白色形狀,將其放置在距其底邊緣4像素的距離處
在這裏插入圖片描述
第8步

通過創建40×8 px矩形來添加微妙的陰影,使用#45c980對其進行着色,將其居中對齊至基礎白色矩形的頂部邊緣
在這裏插入圖片描述
第9步

通過從第二圖標抓住電動符號的副本(CTRL + C),並將其粘貼返回到當前的圖層(Ctrl + F)玩完此部分

獲得副本後,首先將其旋轉90°角(右鍵單擊>“變換”>“旋轉”>“ 90”),然後垂直翻轉(右鍵單擊>“變換”>“反射”>“垂直”)將其調整到中心,以對其進行調整當前部分的空白區域

然後,簡單地選擇所有的構成的形狀和它們組合在一起使用Ctrl + G鍵盤快捷鍵
在這裏插入圖片描述
第10步

創建使用20×14像素的矩形,顏色使用白色(#FFFFFF),然後位置之前的形狀下方插頭的底部部分
在這裏插入圖片描述
第11步

給出我們剛剛創建的8像素粗輪廓(#45c980)的形狀,然後創建20×8像素陰影(#45c980)的形狀,然後使用Ctrl + G鍵盤快捷鍵將所有三個形狀選擇並分組在一起
在這裏插入圖片描述
第12步

完成圖標後,添加一條小繩子,該繩子將使用32像素高,8像素粗的描邊線(#45c980)創建,並將其居中對齊到先前創建的輪廓的底部邊緣

一旦完成,別忘了選擇圖標的所有組成部分並將它們分組(Ctrl + G),這樣,如果移動它,最終就不會留下形狀
在這裏插入圖片描述
大功告成啦!
在這裏插入圖片描述

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