文章 / 設計技巧

手繪感設計 3 招:墨水線、小角色、蠟筆撞色,加一段 AI 提示詞

不會畫畫也能做出手繪感:Procreate 或 Illustrator 的抖動墨水線、三個形狀組成的小角色、錯位 4 到 6 px 的蠟筆撞色,加 AI 生成後轉向量的方法。

在 Instagram 看這支 Reels留言關鍵字 #手繪 就會收到這篇

手繪感不是畫得好,是三個小細節:線條有一點抖、角色很簡單、顏色故意印歪。Reels 裡的 3 招,這裡把工具設定和步驟寫完整。
最後附上 AI 提示詞,以及把 AI 生成的圖轉成可以改色的向量圖的方法。

011. 墨水線:線不用直,收筆留一點抖

手繪感的第一個關鍵是線條。電腦畫的完美直線一看就是向量圖,稍微抖一下、粗細有變化,就有人的溫度。

  1. Procreate:筆刷庫 > 著墨(Inking)> Studio Pen。筆壓開著,下筆重、收筆輕。
  2. Illustrator:用鉛筆工具畫,平滑度調低,線才會保留手抖。
  3. 線不用畫直,閉合的形狀可以故意不接上,留一個小缺口。
  4. 每一條線一筆畫完,不要來回描,描兩次線就會變僵硬。

022. 小角色:圓形身體、兩點眼睛、一條微笑線

角色越簡單越可愛,也越容易在不同頁面重複使用。

  1. 身體:一個圓或橢圓,不用畫手腳。
  2. 眼睛:兩個黑點,距離開一點比較呆萌。
  3. 嘴巴:一條微笑線,寬度不超過兩眼距離。
  4. 腮紅:兩個粉紅色小圓,放在眼睛下方外側,個性馬上出來。
  5. 同一個角色換表情、換配件(帽子、眼鏡、小旗子),就是一整套。

033. 蠟筆撞色:色塊和線條故意錯開

  1. 選 3 到 4 個高飽和度的顏色,不要用同色系,撞色才有蠟筆的童趣。
  2. 色塊和線稿分成不同圖層。
  3. 把色塊圖層整體往一個方向移 4 到 6 px,像印刷套色沒對準。
  4. 色塊圖層加蠟筆或粉彩紋理(Procreate 可以直接用蠟筆筆刷填色;Photoshop 用紋理圖層加「色彩增值」)。

錯位的方向整張要一致,全部往右下或全部往左上。每個色塊方向不同就會變成真的畫歪,而不是風格。

04用 AI 生成,再轉成向量

沒時間畫,可以先用 AI 生成底圖。用英文下提示詞效果最好,把 [你的產品] 換成你要畫的東西。

手繪吉祥物提示詞(英文)
hand-drawn doodle mascot of [你的產品], wobbly black ink outline, crayon texture fill, bright clashing colours, off-register print, white background
  1. 把生成的 PNG 置入 Illustrator。
  2. 選取圖片,上方控制列按「影像描圖」,預設集選「6 色」或「16 色」。
  3. 按「展開」,圖就變成可以個別選取、改色的向量路徑。
  4. 用「選取 > 相同 > 填色顏色」一次選同一色的路徑,整體換色。

資料來源

延伸閱讀