# 8/31 Graphic design-Adobe Illustrator
###### tags: `Graphic design` `2021/08/31` `進度筆記` `前端心得`

---

## 今日講課-上午部分

## 輪廓的部分


把找來的圖片放到工作區域, 點選圖層一設成範本, 會自動幫你把圖層鎖住和設定透明度, 接著建立新圖層, 開始畫, 並考慮形狀和考慮圖案的點, 先畫直線描框, 之後再畫弧線, 因為弧線的可移動性比較大, 所以要慢慢調整


可以先從臉開始畫, 再來畫耳朵


接著用鋼筆工具(Pen Tool)開始描邊, 遇到可以描的地方用矩形工具去輔助, 像眼眼眶是橢圓, 眼睛是圓型


再來是鼻子, 嘴巴, 杯子和水瓶

畫圖形的目的是讓繪畫的點少一點~~

線稿畫完記得把步驟紀錄起來

- 可以先邊拉大邊, 盡量用鋼筆工具依照分色拉邊框, 之後比較好上色
- 搞不好可以用描邊工具, 不過這個只描大邊

### 操作尖角圓角

- 可以用直接選取工具和錨點工具

使用錨點工具直接點一下就會變尖角, 錨點工具只能用在轉換尖角和圓角, 無法移動


錨點工具用在頭髮, 弄出有弧度尖尖的角很好用


### 再用錨點工具拉大框


可以用錨點工具繼續拉, 上方工具列有可以自動調整圓弧的按紐


- 可以全部選取後, 直接選取工具左鍵點兩下線條上的方塊, 這樣一次全部用自動調整, 不過一定要在所有邊框都拉完後再用

### 轉換的時候把手中風了!?

操作直接選取工具時, 它只會選取該線條相關的位置, 不受控制的情況下可以切換工具試試看


這時候可以改成選擇點試試看


## 抓取色票

抓取各部位的色票


## 形狀建立工具

把所有想操作的圖形全部選取起來, 左鍵按住拖曳後拉到其他圖形就會變成網格圖案, 畫到覺得 OK 後左鍵放開就會合併形狀


建立好後可以移開圖形, 形狀是封閉的才可以用形狀建立工具


好了後記錄步驟

### 紀錄步驟

---

## 光影部分

一樣用圖形跟外框去拉, 把光影部分拉好

## 填色和上色部分

選取後快速用即時上色油漆桶

### 上色部分的問題

有些地方即時上色油漆桶會無法判斷補到線, 會發現上色的時候, 一開始就已經算是合併即時上色的範圍, 有些部分沒有補到, 所以要把沒點選到的區塊合併

## 調整圖案位置

調整圖案線條時記得把底圖範本鎖住, 不然可能會動到底圖


### 剪取線條

- 1. 邊邊直接按下刪除鈕
- 2. 增加錨點也可以剪下路徑
- 3. 剪刀工具
- 剪刀工具專門剪一條線的路徑, 不會動到圖案的形狀, 但會優先先裁掉順序最上的物件
- 剪刀工具也可以搭配直接選取工具
- 找到交集處再做裁減
- 4. 美工刀工具
- 需要按住左鍵拖曳, 剪刀工具是割除一大塊面積, 也會優先先裁掉順序最上的物件
- 
- 5. 橡皮擦工具
- 可以擦線和面
- 擦的時候沒有擦乾淨會留下小細節
- 

- Adobe 官方網站的剪刀系列工具[補充](https://helpx.adobe.com/tw/illustrator/using/cutting-dividing-objects.html)
- 不是[剪裁範圍](https://helpx.adobe.com/tw/illustrator/using/crop.html)

### 寬度描述檔-改變線條樣式


改變筆畫的樣式, 可以更改線條的樣式, 從簡單線條到複雜線條都有


- 寬度: 可更改線段寬度
- 端點: 可更改線段起始位置
- 尖角: 可更改線段轉折地方


- 虛線也可以改間隔寬度, 點點造型
- 

### 寬度工具

可以改變線條粗細程度



- 筆畫

### 上色後記得解除鎖定

選擇圖層一 → 範本 → 取消打勾, 解除範本狀態


- 才能把原始圖取下做 lay out grid 的對照

### Lay out grid

找出修改後貼近圖案的線條, 和做過轉換圓角的線框, 水瓶居中, 垂直居中, 做出 lay out grid 和原始圖檔(manuscript)排列, 把色票和做好的圖放上

## 成品輸出

存到專案檔內 → 01-工作區


# 課堂練習-Pen Tool

昨天網路上找的圖, 用以下工具去完成插畫

● 鋼筆工具
● 即時上色工具
● Layout Grid
● 剪刀工具
● 美工刀工具
● 橡皮擦工具
● 加寬工具
● 筆畫工具
● 繪圖筆刷工具
● 點滴筆刷工具
● 模糊特效
● 陰影特效


---

# 畫素描

## Mesh Tool

線跟線、點跟點牽引做漸層去畫圖, 做出插畫


用網格工具在畫布任何地方進行作畫, 會向上下左右延伸顏色, 畫一個點會向上下左右延伸五個點, 四邊會有四個控制桿, 每個邊都會有, 可以控制點的走向


### 點的數量會倍增

用網格工具操作時點的數量會倍增, 也可以在十字邊上點個點, 顏色會慢慢漸層, 但刪除時整個邊都會被刪除


- 刪除時整個十字的邊都會被刪除

# 課堂練習-圓柱體

## 觀察圖片
圓形矩形所構成


先從矩形開始畫, 先從長方形開始畫, 打開圓形從左邊對到後按住拖曳, 往上移動


水平垂直複製圓形往下移動, 製造底部


### 記得留步驟紀錄

## 觀察光影行進方向

- 燈光: 方向從左下到右上

- 陰影: 往右後方照射

- 影子: 光照射物體後的長度


- 燈光高度: 最右邊的線

- 燈光行進方向: 下面的線


把蓋子放到高度和方向行進的交會點上, 想辦法做出陰(比較黑)影(比較模糊), 陰做出來後可以呈現物體的立體感


把長方形放下來後, 讓物體跟陰影有做連接, 可以把物體用聯集看順不順


### 記得留步驟紀錄

## 建立色票

中間調, 亮面, 暗面, 陰和影的顏色


如果暗面和陰的顏色接近, 可以手動調整一下影的顏色


記得把圓柱體身體跟陰影連在一起, 然後把物體的顏色上上去

## 補上網格

使用亮面顏色用網格工具(U), 在身體左半邊 1/2 進行上色, 再用 I 進行吸色


暗面的顏色也用 I 吸色一下


## 補強陰影

蓋子的部分, 看一下參考的顏色, 選擇亮面顏色點一下 U


影的部分面積比較大, 如果先從陰的顏色開始補就要進行大範圍補色, 所以先從影開始, 面積大的先補



最後把影子往下移, 移到最後

## 新增工作區

可以從上方開稿, 也可以從右方開稿, 或是用工作區域工具開稿



左鍵拖曳工作區域, 有物件沾到工作區域也會一起被拖曳, 如果有兩個工作區域, 先沾到先帶走, 但 重複在透視中變形物件 Ctr+D 沒有反應

### 判斷球體的燈光位置

檔案 → 文件設定 → 編輯工作區域 → 複製

在新工作區域開稿後, 判斷燈光打球體的位置


線條顏色會影響立體感, 如何不移動點來改變功能, 可以按下 shift, 會讓點點吸附到最外邊, 比較不會破壞邊邊



燈光高度在左前方左右~

# 回家作業

試著將圓球體和圓錐體畫完, 畫不完明天上課也有教學~




---