主題發想與視覺敘事

「屌絲逆襲」不只是網路流行語，更是當代年輕族群奮鬥心聲的投射。本教學將示範如何用 Illustrator 將抽象概念轉化為具體視覺符號：從灰暗狹窄的出租屋、堆滿泡麵的書桌，到光芒四射的程式碼螢幕、登上巔峰的剪影，串聯成一張具有故事張力的插畫海報。

場景分層與透視建構

1. 參考圖蒐集與草稿： 先在紙本或 Procreate 快速畫出三格分鏡：「現狀→轉折→高潮」，確認構圖與透視點（建議兩點透視）。
2. Illustrator 圖層規劃： 建立圖層：背景牆面、地板透視、傢俱群組、主角剪影、光效特效、文字標題。鎖定背景圖層當描圖底稿。

關鍵元素繪製技巧

1. 狹窄出租屋：透視網格與符號噴槍

開啟「檢視 → 透視網格 → 兩點透視」，用矩形工具在網格上畫牆、地、窗。窗外城市剪影用鋼筆工具 (P) 勾勒，存為符號，再用符號噴槍工具 (Shift+S) 快速佈滿遠景建築，再整體降低飽和度至 20%。

2. 主角轉身剪影：動態捕捉與形狀建立器

參考照片用鋼筆工具描繪側臉與駝背坐姿，閉合路徑後填純黑。滑鼠鍵盤堆疊用圓角矩形組合，螢幕發光效果：複製螢幕形狀、填亮藍 (#00ffff)、高斯模糊 15 px、疊加模式。程式碼文字用等寬字體（如 Fira Code），逐行輸入後「建立輪廓」，隨機旋轉 ±3°、縮放 95–105%，製造真實感。

3. 逆襲高潮：光束與粒子特效

從螢幕中心向上發散 8 條光束：畫直線、描邊漸層（亮藍→透明）、寬度工具 (Shift+W) 由粗變細。粒子效果：畫 3 px 白圓、存為散佈畫筆（間距隨機、大小隨機 50–150%），用畫筆工具 (B) 沿光束路徑繪製，圖層設「螢幕」模式。

文字排版與氛圍收尾

標題「屌絲逆襲」用粗黑體（如 思源黑體 Heavy），字距收緊 -50，描邊白 2 pt、外發光亮藍 10 px。副標「寫碼改變命運」用手寫字體，置於光束消失點。整體套用「濾鏡 → 相機 RAW 濾鏡」（需先匯出 PSD 再回 AI 置入）提升對比、加入顆粒感，完成質感統一。

延伸應用

此插畫可拆解為動態圖示：將光束、粒子、程式碼分別匯出 SVG，配合 CSS/GSAP 動畫製作網頁 Hero Banner；或印製為周邊海報、T恤圖案，傳遞「堅持終有回響」的正向能量。