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

---

## 今日講課-上午作業檢討的部分

大作業 matt painting-多嘗試看看~

---

- 複製框架
如果之後不會動到小部分, 但圖層排列怪怪der, 可以複製大框架, 拉一個小部分

- 用步驟記錄去修復
用單獨部份另外補圓, 拉參考線慢慢修, 和 Ctr+Y 輪廓視圖下去看點的連接點有沒有對到

---

## AI 額外操作方式

把傘面打亮, 看亮光打光的部分


### 改色方式一

亮面跟暗面有直線性

亮面 → 中間調 → 暗面


記得存檔

---

## 作業檢討-1

### 漸層功能使用方式

使用之前先叫出來~


左上打開色票或是用漸層工具直接開~

填色跟筆畫的切換會直接影響到圖案~

- 填色在前景色的情況且在漸層工具的情況下:

- 使用漸層工具通常會搭配右方的漸層功能面板


- 反轉漸層
改變漸層深淺方向

漸層預設是線性漸層, CC 後才新增的任意漸層, 筆畫也可以改漸層

如果改變漸層深淺, 也可以用位置去調整,

漸層滑槓, 可新增很多個顏色層次, 如果要新增更深的顏色, 可以把點點往左拉, 在右邊點一下就會新增一個更深的顏色, 刪除可以押著點點直接往下拉

### 遮色片

如果想把黑色放在最上面, 可以製作剪裁遮色片, 快速鍵 Ctr+7, 會讓你的物件被其他顏色遮住



左鍵再點兩下(或對某個物件多點了很多下)就會出現分離模式, 只能編輯選取的物件, 其他物件選不到

釋放剪裁遮色片後會讓原本的物件顏色消失, 只剩外框

也可以用矩形工具直接拉你要的圖片~
選取兩個以上的物件
Ctr+7


結束分離模式, 空白處或左鍵點兩下出來

### 製作圖案


找最接近的圓型先做, 從左到右到最大顆der, 再用線段工具, 可以直接分割, 再用矩形工具補漏掉的地方後, 再按下聯集

第二種用減去上層後再用矩形工具稍微補一下, 再按下聯集

第二個雲朵, 做好圓後, 選取圓用矩形減去上層, 稍微矩形補一下再聯集

### 漸層製作

雲朵陰影的使用, 拉出矩形工具, 用直接選取工具小白點左下的點直接拉




吸取最深和最淡的顏色來做漸層上色


可以用右邊內容面板的滴管直接吸(比較快), 或是去左上色票新增(比較慢)


調整圖案順序後


交點處可能會比較亮, 然後稍微調整陰影(點各個方塊的拉槓), 接著製作剪裁遮色片(記得最上面的物件會被當作剪裁遮色片)

第二種, 複製大框和大圓, 對做好的圖片進行剪裁遮片(進行遮蓋)

第三種把交集剪裁

## 火箭的支架


支架圖案由圓形跟三角形(多邊形工具三邊)成, 剪裁遮色片不一定要填色, 筆畫也可以


最後用小白修鈍邊, 然後聯集就完成了


## 土星的製作方式

第一種是一個一個的圖案擷取出來, 先把主體做出來

複製主體的外框, 往左上拉分割, 群組取消選取後可以做出主體的陰影

用線段分割工具, 拉出其他的線跟大圓做分割和群組取消選取, 做出土星的漸層

調整主體的陰影

### 外環

複製一個圓後, 把他壓扁, 也可以轉參考圖


第二個圓, 可以將第一個圓複製後壓扁, 連同第一個圓和主體做分割後群組取消選取


## 作業檢討-2

記得線稿對齊後, 水平垂直置中後再記得手動拉, 漸層範圍拉廣後再做調整

Layout grid 的另外一種呈現方式, 成品用紅色(有顏色)框, 其他線稿用黑色

---

# 新單元-Low poly

- Low poly 風格圖
3D MAX, Maya 等常用到 3D 模型低要素, 將顏色分成區塊, 減少曲線變化變得不太立體

## 鋼筆工具-介紹

點跟點會形成一個線, 如果有填色 AI 就會幫你填色或是削掉, 也可以做出貝斯曲線


開新稿 → 在四個角點一下 → 點下去後點到原點會發現圖形封閉, 記得要把圖案封閉, 填色的時候才不會漏色


### 在範圍內到處畫!?
用力畫, 會發現三角形無法連接, 鋼筆工具右下角會有 +/- 增加/減少點, 按住 shift 點一下後放開, 可以讓鋼筆工具知道你要畫線, 而不是 +/- 點

斷點可以用 ESC, 按住 Ctrl 會快速切換到另外一個常使用功能工具(例如直接選取工具)


如果出現顏色或是線條斷掉, 可能是 AI 抓到填色功能, 可以選取所有線條後取消填色

### 不要被外型迷惑


可以從點和線來判斷邊數, 右邊的是四邊形

如果點太難對齊, 可以將鄰近的區域選取後, 用直接選取工具拉一下, 然後用對齊工具水平垂直居中,

### 即時上色油漆桶

快速鍵盤, K, 作五到六個色票, 接著用滴管工具, 然後點色票, 再用即時上色油漆桶點物件


(有用到即時上色油漆桶的話, 選取的物件上會出現太陽)


上色的時候不要讓所有三角形的邊接在一起, 不然把框拿下來的時候會把一樣顏色的三角形拿下

### 記得畫好後複製一份出來

## 重新上色

選取有顏色物件後 → 編輯 → 編輯色彩 → 重新上色圖稿(裡面有檢色器, 一個圓畫盤)

選取有顏色物件 → 右方內容重新上色(裡面有檢色器, 一個圓畫盤)

選取有顏色物件後 → 上方工具列 → 重新上色(裡面有檢色器, 一個圓畫盤)



- 目前顏色、HSB 都能手動指定顏色

- 編輯可以選擇和調整整體物件顏色, 也可以指定

- 調整明暗亮度


## 製作彩色文字

打一段文字, 放在做好的圖案上面, 選取後使用剪裁遮色片

## 上網搜尋 DUOTONE

找到一張參考圖放到參考資料夾, 取出後建立色票. 可以用外框套上漸層


將外框拉好後 → 打開漸層工具 → 調整顏色


調整你想要的燈光位置


選擇你想要的合成效果



## 製作陰影

如果影像看起來有點平面化, 可以對文字製作陰影效果, 也可以製作模糊效果

[建立陰影](https://helpx.adobe.com/tw/illustrator/using/create-drop-shadow.html)

1. 選取物件或群組(可在 圖層 中指定圖層為目標)。
2. 選擇效果 → 風格化 → 製作陰影
3. 設定陰影選項, 按確定(模式指定陰影漸變), 不透明度 輸入您所需之陰影的不透明度數值。
4. X 位移和Y 位移 指定您希望陰影從原始物件開始位移的距離。 模糊 指定從陰影邊緣到您要產生模糊之位置的距離。


盡量不要用模糊效果, 因為很吃效能~


# 課堂練習 - 寫名字


## Low poly 應用


畫 low poly 可以用光影去區分:
- 照片顏色、對比分明
- 五官輪廓
- 光影層次
- 頭髮、衣物走向
- 四肢
- 肌肉走向


## 作業檢視

作自己自畫像的 low poly 風格, 盡量選定一種圖形(例如三角形或四方形就從頭到尾都用三角形製作)

### [Low Poly 素材庫](http://www.lowpolygonart.com/)

### [參考](https://www.facebook.com/media/set/?set=a.1028214577250886.1073741906.408622895876727&type=3)

---

# 專題製作 -【 Low Poly-自畫像 】

盡量禮拜三前做好

任務：
使用用 Low Poly方式，畫自己。

創作參考：
https://reurl.cc/8bDXR
https://reurl.cc/lazyj
https://reurl.cc/5bKd6
https://reurl.cc/1kKXQ

條件：
1. 製作過程需錄影 (oCam)。
2. 最終成果請以AI編排作品展示。
3. 請注意專案資料夾檔案命名及資料夾分類管理 (請參考雲端範例)。

製作規格：
● AI 展示稿，A4，RGB

數量：
一款
(有額外做的教師團隊也將額外檢討!!)

* 完成後，請將您的專案資料夾上傳雲端：
https://reurl.cc/Gm7Wqd

參考資料於 Line 相簿。


---

## 之後可能有分組組別:

Online Academy
01-1-6
02-7-12
03-13-18
04-19-24
05-25-30

---

## 筆刷工具新用法

構成一個封閉圓會用到四個點、四個邊, 半圓用到三點兩邊, 弧度用到兩點一邊


### 繪圖筆刷工具 → 建立一條線

往左邊調整精確(越接近手繪的樣子), 右邊平滑(有自動修正, 例如修正手抖)


### 點滴筆刷工具 → 建立一塊面

### 自己畫個 S 型

矩形工具 → 盡量讓圓跟 手繪的 S 型對齊


一開始從頭, 再來分叉處接上第二個圓


用大圓來判斷可以接上幾個點


畫 11 個點, 可以判斷是否能用更少的個=點點把圖形完成

## 自己用鋼筆工具畫

- 01 輪廓清晰
- 02 顏色分明
- 03 陰影漸層也要分明
- 04 2 D 角色

8/30 找一陰影張輪廓圖
8/31 課堂練習

----