Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Global Influences
Design

如何在Adobe Illustrator中創建一套帶面紗和頭巾的頭像

by
Difficulty:BeginnerLength:LongLanguages:

Chinese (Traditional) (中文(繁體)) translation by Shu Wu (you can also view the original English article)

Final product image
What You'll Be Creating

什麼是"頭蓋",它如何穿戴?

Hijab在阿拉伯語言裡寓“遮蓋”,或面紗/頭巾,但是更常用於提及戴著頭巾的​​伊斯蘭婦女,作為她們信仰的見證,謙虛的標誌,或表達其文化認同度。 也提及到"hijab"一詞是服裝的穿寬鬆、 非暴露的,伴著頭巾的頭蓋。

這個教程用Adobe Illustrator,教你如何應用應用簡單的工具和快捷鍵設計不同風格的“頭蓋”。在這個教程的結尾,你將能夠區分頭巾的風格並將其與佩戴的區域相關聯,創建自己的頭像。

GraphicRiver上探索更多極具啟發的Hijab頭蓋設計。

讓我們開始這個教程吧!

1.如何設置頭像項目

第 1 步

首先尋找一些 hijabs 頭巾的照片參考,以區分和了解他們的穿戴風格和方式。

“hijab” 有很多種風格,亦有不同的名字。我們將闡述前八個最常見的:

  1. 最受歡迎的頭巾 hijabShayla:它是一個寬鬆,長方形圍巾,需要輕輕包裹在頭上,捲起或夾在肩上,使頸部和臉部露出。它有時會用夾子夾住創建時尚的風格,它在阿拉伯海灣地區,科威特,巴林,阿曼,伊拉克,卡塔爾和沙特阿拉伯的國家受歡迎。
  2. 第二個在海灣的最常見的,被簡稱為Hijab。它與Shayla相似,但形式相似。 為了區分它,它們垂在臉的一側,而不是像Shayla一樣分層的垂到到肩膀上。
  3. Niqāb是一個面罩的面紗,露出了眼睛,但是覆蓋了嘴和鼻子,這個頭巾被稱為Khimar
  4. Khimar是一條長長的斗篷圍巾,圍繞著臉,掛在背部的中間。它覆蓋頭,頸和肩膀。大部分出現在伊朗。
  5. Chador是一個非常長的斗篷,沒有開口位,覆蓋整個身體到腳下。由手握在頭上,有時覆蓋著嘴巴。常常在伊朗或朝聖期間穿戴。
  6. 海灣布爾卡Gulf Burqa或巴圖拉Batula 是由阿拉伯聯合酋長國,巴林阿曼,卡塔爾和南伊朗地區婦女穿戴的金色或金屬裝飾頭飾。 它是一個水平的“H”形,部分覆蓋在前額和上唇。這是穿在沙伊拉或是Hijab上,通常穿戴在年老婦女而不是年輕女性身上。
  7. 伊朗布爾卡Iranian Burqa與Gulf Burqa海灣布爾卡完全不同。大部分是伊朗和中亞地區的穿戴,它覆蓋了整個臉部和身體,留下了一個小小眼睛的位置。
  8. Al-Amira的頭巾是一件兩件式的面紗,在亞洲和海灣的部分地區穿戴。首先,將一個舒適的,一件式的管狀頭帶放置在面部輪廓。然後將另一個頭巾固定在它上面。

在今天的世界,頭巾hijab的時尚已經採取了不同的時尚趨勢,五顏六色的裝飾性印花,圖案和刺繡風格的現代化轉變,但其謙遜的個性是被保留的。

用Adobe Photoshop來起草一張臉和上身,然後將其全部疊加,以使我們在所有頭像中具有相同的功能。然後在每個頭像上畫出不同的面紗類型。

注意︰ 數碼/繪圖板有助於加快工作。

存儲你的草圖為JPG文檔。

hijab avatar sketches

第 2 步

啟動Adobe Illustrator.

文件>新建Control+N)打開新文檔,並設置尺寸:

命名:"Hijab_Avatars"。

  • 畫板數︰ 1
  • 寬度︰ 680 px
  • 高度︰ 680 px
  • 單位︰ 像素
  • 顏色模式︰ RGB

使用Place( “置入”)的快捷方式(Command+Shift+P),放置並展開草圖,使一個頭像草圖在畫板中居中。

Place sketch onto artboard hijab adobe illustrator

然後將圖層變暗,讓我們可以在草圖上繪製。

打開圖層面板,視窗 > 圖層

雙擊圖層或是使用圖層面板的下拉菜單:

  • 命名︰ 草圖
  • 檢查︰ 為圖層上鎖
  • 將圖像變暗到︰ 20%
  • 點擊確認
layer dim sketch lock Illustration adobe Illustrator

在“草圖”圖層上方,創建一個新圖層,並將其命名為“身體”。

選擇文檔 > 保存 (Command+S) 保存為 Illustrator文檔。

2.如何創建我們的頭像的基本特徵

第 1 步

首先繪製圓形背景以適應頭像的尺寸。將“填充”設置為“無”,並在“工具”面板中選擇“黑色描邊”顏色。

從“工具”面板中選擇橢圓工具(L)。在畫板上點擊一次,打開橢圓對話框。輸入圓的寬度高度均為680像素,以適應我們的畫板大小。

create a circular background

將這個圓圈放到畫板的中心位置。

然後選擇鋼筆工具(P)填充,設置為黑色描邊,根據草圖對臉部,頸部和身體左側的部分描邊。稍後我們會更改一些面部特徵。

使用橢圓工具 (L) 繪製。

選擇橢圓工具 (L),按住Option和 Shift 鍵,然後拖動以約束所選內容。

你的插圖看起來應該和這個差不多:

trace with the pen tool

第 2 步

接下來是顏色。給每個特徵填充你選擇的顏色。

你可能需要將一些元素與正面背面對齊

要將選擇區域移動到頂部或底部位置,選擇對象>排列>放置到前面(Shift+Command+])對象>排列>放置到到後面(Shift+Command+[)

要到後面或前面的只是一步移動物件,請選擇該物件並選擇物件 > 排列 > 下移一層 (Command+[) 或轉發 (Command‑])。物件 > 安排 > 帶來

所以將適合的特徵移到對應的層。完成後,如下圖所示:

fill the half side of the face

若要添加到面頰的腮紅,請使用代碼Hex #F9CDD9 的粉紅色。

打開透明度面板視窗 > 透明度。從透明度面板中,設置混合模式正片疊底。

從主功能表中,選擇效果 > 風格化 > 羽化,並且設置為 8 px。

add blush to the cheeks

第 3 步

之後,我們將頭像鏡像,讓臉看起來是對稱的。

使用選擇工具 (V),選擇需要鏡像的部分。

選擇映像工具 (O) 並設置畫布中間的藍色中心參考點,按住 Option+Shift並拖動選擇的物體鏡像到的正確位置。

mirror the avatar features

你可能需要使用直接選擇工具(A)來調整一些元素。

第 4 步

選擇鋼筆工具 (P)。將填充設置為,黑色描邊,並添加一些視覺效果,讓你的作品看起來更有生氣。。 現在看起來太為對稱,沒有生氣。例如,我們可以添加簡單的頸部陰影或漂亮的唇彩使圖像更加生動。

add shadows and shine

給新的特徵填充顏色並將它們對齊在其各自的順序中。

一旦當你完成,選擇所有的特徵元素(除了背景裡面的橢圓頭像)
Command+G將這些元素成組

選擇文檔> 保存 (Command+S).

group the elements together

3.如何創建多個頭像

第 1 步

現在我們已經創建了基本頭像特徵,我們應該複製該頭像畫板來創建8個Hijab的副本頭像。

在主功能表中,選擇視窗 > 畫板複製畫板與控制板中的內容,按一下下拉式功能表並選擇複製畫板

注︰ 確保所有你希望複製的內容是沒有上鎖,以便它可以被覆制。

創建七個額外的畫板。

create multiple avatars

要從Artboard畫板的控制面板自定義排列畫板的順序,請單擊下拉菜單以選擇“重新排列畫板”,然後將其設置如下:

  • 佈局︰ 網格的行
  • 列數︰ 4
  • 間距︰ 25 px
  • 按一下確定
arrange the order of the artboards

第 2 步

現在你需要將草圖移動到所有頭像的上面,以根據草圖繪製頭像。

圖層面板中,解鎖 '草圖' 圖層,選擇草圖,並將它移動到“身體”圖層。

將草圖到混合模式設置為色彩增值,所以我們可以透過它看到,如何正確的繪製我們的頭像。

trace the sketches for the hijabs

圖層面板,鎖定“身體”圖層,。

我們需要使用選擇工具(V)來移動我們的草圖,使其於畫板對齊。

重新將草圖拖拽倒排列在“身體”圖層之上,並重命名為頭巾'Hijabs'

align the sketch to the artwork

第 3 步

接下來,用鋼筆工具 (P)開始描繪頭像。將填充設置為,黑色描邊

  1. 描繪輪廓。
  2. 繪製需要被填充的區域。
trace the hijab linework

一旦你把線描搞定,然後︰

  1. 給hijab頭紗填充為黑色。
  2. 給"填空區域"填充淺灰色。使用不同灰度的色調,所以畫稿看起來不那麼生硬。
  3. 排列物體,必要時,將物體放置在後面或者前面。選擇物件 > 排列 > 下移一層 (Command+[) 物件 > 排列 > 提出 (Command+])
fill in the hijabs

選擇鋼筆工具 (P),添加一些灰色的高光,讓圖像更加完善。

add grey highlights
  1. 從“圖層”面板中,選擇解鎖“身體”圖層。使用選擇工具(V)將草圖移動到下一個畫板,並將相應的頭巾放在頭像的頂部。
  2. 鎖定身體”圖層,然後選擇“Hijab”圖層再次開始開始描繪。

第 4 步

重複上述步驟直到所有的頭像都被填充和描邊。

一旦你繪製完,將草圖扔到垃圾桶。

現在解鎖"身體"圖層,選擇草圖,並將其刪除

create all the hijab avatars

第 5 步

接下來,讓我們向我們的頭像添加蓋頭的陰影。

從圖層面板 (在身體層和蓋頭Hijab之前) 創建一個新圖層並命名為“陰影”

接下來,選擇鋼筆工具 (P) 並將填充設置為描邊黑色。添加在的地方,可能會對身體上陰影。

add a cast shadow

將陰影添加到所有的頭像。

add cast shadows to all avatars

第 6 步

選擇所有插圖的陰影。給他們淺米色的填充,十六進位代碼為#DFB07C

透明度面板中,設置混合模式顏色增值。這種效果在所有的臉蛋上留下漂亮的陰影。

Add shadows to their faces

第 7 步

你會注意到留在頭像臉上或脖子上的空白位置。我們需要填充這些位置。

請確保你正在圖層面板中使用的“身體”圖層。

  1. 工具面板中,選擇橢圓工具 (L) ,繪製那些空白區域。
  2. 選擇 物件 > 排列 > 放置到後面 (Shift+Command+[),將它們放置在後面。
fill in the empty spaces

第 8 步

現在讓我們來上色。

第六幅畫板有海灣布爾卡,需要金屬或金色。

使用選擇工具 (V) 選擇兩個不同的黃色色調。使用這些顏色,這將有助於創建 2D 效果︰

  • 深黃色︰ 十六進位代碼為 #FFCE02
  • 淺黃色:十六進位代碼為#FFDE52
add color to the burqa

第 9 步

接下來,讓我們給頭像的背景一些女性的顏色,像粉紅色、 紫色、 珊瑚色或粉彩。

使用選擇工具(V),選擇我們為頭像的背景創建橢圓,並給填充你選擇的女性色彩。

選擇物件 > 排列 > 置後 (Shift+Command+[)

add background colors

4.如何最後完成和導出

第 1 步

圖層面板中,(再加上'Hijab' '蓋頭' 圖層) 創建一個新圖層並命名為'頭像'

  1. 使用選擇工具 (V),選擇粉紅色背景。
  2. 然後複製 (Command+C)
  3. 並將其粘貼在前面 (Command+F)。
  4. 圖層面板中,將所選內容拖到 '頭像' 圖層。
Create the final avatars
  1. 鎖定“頭像”圖層。
  2. 打開關閉切換可見度 (眼睛圖示) 在圖層面板中,所以我們可以看到下面的圖層。

第 2 步

接下來我們需要將每個頭像內容進行分組。

  1. 使用選擇工具 (V),選擇粉紅色背景。
  2. 選擇 物件 > 上鎖 > 選區 (Command+2)
  3. 選擇一個頭像,以成組 (Command+G) 將所有元素都在一起。
group each avatars components

我們需要放大圖稿稍圓的尺寸進行調整以適應。

選擇新的組別,選擇物件 > 變換 > 縮放。縮放對話方塊將打開,請設置如下︰

  • 均一︰ 110%
  • 選擇預覽,看看它是否進行適當的縮放。
  • 按一下確定
scale up the artwork

重複這些步驟,直到所有頭像被分組和縮放。

第 3 步

通過按一下在圖層面板中的眼睛圖示,可以切換'頭像' 的可見度並解鎖圖層。

我們需要應用剪切蒙版給頭像,以適合圓形尺寸。

從第一個畫板開始,然後依次完成。

  1. 選擇頭像。
  2. 選擇上面的橢圓。
  3. 選擇物件 > 剪切蒙版 > 製作 (Command+7)
clip the avatars to the circles

以相同的步驟設置其它七個畫板。

clip all the avatars

第 4 步

最後,在畫板面板中,根據不同的頭巾頭像命名。請看下面︰

name each artboard

第 5 步

選擇文檔 > 導出為

對於格式,要么使用具有透明背景的PNG或白色背景的JPG,格式的設置具體取決於使用它的方式或地方。確保選擇Use Artboards使用畫板,然後導出

接下來,PNG設置的對話框將出現。設置解析度屏幕(72 ppi) 並按一下確定

export the avatars

太好啦!我們的 Hijab 頭像完成啦!

祝賀你 !我們已經使用基本的快捷方式和鋼筆,橢圓工具創建了精采的hijab頭像。 我們可以使用這些簡單的技巧來擴展設置和創建更令人驚訝的頭像,這些可以設置為我們的社交網絡的頭像或是聯絡者頭像。

hijab avatars on instagram and social media

希望你能開心的製作,並將它們上傳到你的社交網絡平台上。

Hijab Avatars Adobe Illustrator Tutorial by Miss Chatz
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.