今天又來點點的筆記裡，偷學一點。
從設計軟體、視覺技巧，到 AI、接案與工作觀察，把一路學會的事情整理成一篇篇筆記。希望你每次來到這裡，都能碰巧多學會一點。
那幾年的今天
Illustrator教學 — 增加插畫質感(印章效果)
用 Illustrator 的內光暈與網線銅版替插畫加上印章質感，物件立刻變得有層次。
Photoshop教學 — 影像錯視效果
用雙重影像做出錯視效果，Photoshop 幾步就完成，人像建議挑正面角度比較明顯。
Photoshop教學 — 仿X光片效果
用 Photoshop 的負片效果加色彩平衡做出 X 光片質感，附去背素材可以直接下載。
Illustrator教學 — 超連結功能
Illustrator 的物件也能掛超連結，轉存時記得勾保留超連結，做作品集很好用。
3個設計靈感網站推薦(2)
靈感網站推薦第二輯，三個適合找排版與作品參考的網站，其中一個還能依地區搜尋。
Illustrator教學 — 霓虹燈文字效果
用 Illustrator 的外光暈加虛線筆畫做霓虹燈文字，選對字體氛圍差很多。
【AI工具】快速生成場景圖 — Pebblely
Pebblely 這個 AI 工具能一鍵去背並生成電商情境圖，商品修圖不用再自己搭場景。
Photoshop教學 — 雙色曝光效果
用 Photoshop 的圖層樣式做雙色曝光，只要兩步驟，素材挑深色背景效果最好。
Illustrator教學 — 仿 Threads 路徑文字效果
用 Illustrator 的鉛筆與平滑工具做路徑文字，模仿 Threads 主視覺的線條標準字。
Photoshop教學 — 點陣半色調網屏效果
用 Photoshop 的漸層對應做點陣半色調網屏，復古印刷風，作法不難。
Illustrator Beta 版功能搶先看
Illustrator Beta 版新功能：快速找字體、內建 Mockup、漸變優化與新的尺寸工具。
Illustrator教學 — 文字拓印效果
用 Illustrator 的內光暈加網線銅版做出拓印文字，重現特展主視覺的標準字。
Photoshop教學 — 復古底片機效果
用 Photoshop 的放射狀模糊加漸層對應做復古底片感，什麼照片都適用。
Photoshop教學 — AI生成功能(Beta)
Photoshop Beta 的生成填色：用一句文字提示新增、延伸或移除畫面內容。
3 個免費AI圖庫網站(可商用)
三個可商用的免費 AI 圖庫網站，找不到合適素材時的另一條路，附授權說明。
Photoshop教學 — 不確定性的好美效果
用 Photoshop 的筆刷做出朦朧又有顆粒感的抽象海報。
Photoshop教學 — 打凸效果
用 Photoshop 的斜角和浮雕做打凸效果，做好一組樣式之後可以一直重複使用。
【AI工具】LeiaPix Converter
LeiaPix Converter 把靜態照片轉成偽 3D 動態，操作只有幾步，不用會 3D 軟體。
Illustrator教學 — 螢幕顫屏效果
用 Illustrator 的高斯模糊加柔光做出螢幕顫屏感，仿《模仿犯》主視覺的標準字。
Photoshop教學 — 看起來很高級的半邊模糊效果
用 Photoshop 的動態模糊加濾鏡效果遮色片，只模糊半邊，質感立刻拉高。
Photoshop教學 — NewJeans EP cover
重現 NewJeans 專輯封面的文字樣式，用 Photoshop 的彩色網屏加漸層對應。
Illustrator教學 — 2020金點設計獎頒獎典禮主視覺
重現 2020 金點設計典禮主視覺，黑白光影形塑通道意象。
Photoshop教學 — 自製玻璃效果
自製玻璃樣式再套用到畫面上，用 Photoshop 的漸層就能製作。
Illustrator教學 — 分割文字樣式
用 Illustrator 的美工刀工具切開文字，做出破碎分離的標準字，常見於影劇主視覺。
Illustrator教學 — 閃亮星星效果
用 Illustrator 的放射狀漸層加色彩加亮做閃亮星星，情人節的版面點綴。
Photoshop教學 — 照片一秒透亮
照片太暗又不會調？Photoshop 複製圖層改成濾色，一秒就透亮，非常萬用。
Illustrator教學 — 水引繩結效果
用 Illustrator 的線條圖筆刷做出日本水引繩結效果，過年應景的小兔子畫法。
Photoshop教學 — 飛灑噪點文字效果
用 Photoshop 的溶解模式加圖層遮色片做飛灑噪點文字，仿《黑暗榮耀》標準字。
Photoshop 的小彩蛋
藏在 Photoshop 裡的幾個隱藏彩蛋。
Illustrator教學 — 可編輯便利貼
用 Illustrator 的外觀面板做出可編輯的便利貼，改字不會破壞捲角與陰影。
Illustrator教學 — 一招做出六種樣式的雪花
用 Illustrator 的旋轉工具，一招做出六種雪花樣式，聖誕貼文用得上。
Illustrator教學 — 快速製作“強調”圖示
兩種做法做出排版用的強調圖示，用 Illustrator 的虛線或重複放射狀都可以。
Photoshop教學 — 超快速動態殘影效果
用 Photoshop 快速做出動態殘影，讓靜態照片看起來像在瞬間移動。
Photoshop教學 — 金屬文字效果
用 Photoshop 的斜角和浮雕加內陰影做金屬文字，電影海報上常見的那種質感。
Photoshop 2023 新功能
Photoshop 2023 新功能整理：一鍵刪除和填滿、相片還原 Neural Filter(Beta)等一次看完。
Illustrator 2023 新功能
Illustrator 2023 新功能整理：項目符號與編號、物件交織、步驟記錄與 3D 轉存。
Illustrator教學 — 月桂花環樣式
電影海報上代表榮耀的月桂花環，用 Illustrator 筆刷面板做出來。
Photoshop教學 — 模擬玻璃霧氣寫字效果
用 Photoshop 的液化加表面模糊，模擬在起霧玻璃上寫字的痕跡。
Illustrator教學 — 圖釘感效果
重現國家文藝獎主視覺的圖釘感花形，用 Illustrator 的弧形工具反覆調角度做出來。
Illustrator教學 — 超簡單雲朵文字效果
用 Illustrator 的圓端點虛線調整間距，就能讓文字變成軟綿綿的雲朵造型。
Illustrator教學 — 聚光燈效果
學生很愛問的聚光燈海報，關鍵是群組選取工具，Illustrator 幾步就能做出來。
排版裝飾集
排版覺得少一味時可以加的裝飾元素，分成九個類別整理，直接挑來用。
Photoshop教學 — 漆板效果
用 Photoshop 的移置濾鏡做漆板效果，質感很好而且步驟很短。
Illustrator教學 — 超簡單3D烤肉串
用 Illustrator 的 3D 和素材裡的膨脹做烤肉串，中秋連假應景，步驟只有三步。
Photoshop教學 — 閃爍文字動態海報
Photoshop 也能做動畫，用時間軸的影格動畫讓文字閃爍，海報立刻變得吸睛。
Illustrator教學 — 如何做出抖抖抖文字
用 Illustrator 的直接選取工具把文字錨點推歪，做出手抖般的顫動文字效果。
Photoshop教學 — 熱成像效果
用 Photoshop 的漸層對應做熱成像效果，照片挑背景暗、臉部明亮的效果最好。
Illustrator教學 — 快速製作美瞳
用 Illustrator 的放射性漸層加彩色網屏做出美瞳花紋，再用影像描圖轉成向量。
Photoshop教學 — 文字消隱效果
用 Photoshop 的液化與向前彎曲工具，讓文字像被抹開一樣消隱，步驟很短。
實用的配色網站(1)
五個配色網站，能擷取主題色與漸層，還有對比檢查與色盲友善模式可以驗證配色。
Photoshop教學 — 快速又精準的雙色調效果
用 Photoshop 的漸層對應做雙色調，專輯封面與海報常見的那種對比色疊加。
Illustrator教學 — 彎曲透感的漸變文字
用 Illustrator 的漸變工具做出彎曲又有透感的文字，學生一直想挑戰的那張樣式。
Illustrator教學 — 緞帶文字效果
用 Illustrator 的鋼筆與路徑管理員做緞帶文字，讓標題像絲帶一樣纏繞起來。
Photoshop教學 — 超快速集中線效果
用 Photoshop 的波形效果加旋轉效果做集中線，聚焦力道很強，幾步就完成。
Illustrator教學 — 翻頁書冊效果
Pinterest 上常見的翻頁書冊海報，用 Illustrator 的漸變工具搭 3D 功能做出來。
Illustrator教學 — 標題文字樣式
三種標題文字樣式的做法，用 Illustrator 的外觀面板疊彎曲與變形效果完成。
Photoshop教學 — 液化效果
用 Photoshop 的液化加圖層遮色片做出人物融化般的心情圖。
好用的線上工具網站
五個免安裝的線上工具網站，遠端工作與做簡報時特別好用，開瀏覽器就能處理。
Photoshop教學 — 毛玻璃效果
用 Photoshop 的濾鏡收藏館加剪裁遮色片做毛玻璃，而且做完還能自由移動位置。
Photoshop教學 — 三維法線文字效果
用 Photoshop 的 3D 功能做三維法線文字，也說明了這個功能即將終止的處理方式。
Illustrator教學 — 立體天氣icon
用 Illustrator 2022 的 3D 功能做一組立體天氣 icon，材質、光源與陰影一次練到。
好用圖庫大總匯(6)
圖庫整理第六輯，含台灣在地題材的素材站，也整理了各站點數與訂閱方案的差別。
Illustrator教學 — 人像分割效果
用 Illustrator 做人像分割效果，不開 Photoshop 也能完成。
Photoshop教學 — 仿魔法陣/炫光效果
用 Photoshop 的反光效果加扭轉做出魔法陣般的炫光圈。
Illustrator教學 — 錯視文字效果
用 Illustrator 的漸變工具做錯視文字。
3個設計靈感網站推薦
Pinterest 和 Behance 以外的三個靈感網站，用零碎時間建立自己的參考資料庫。
Photoshop教學 — 可愛的糖果玻璃效果
用 Photoshop 的自訂形狀工具做糖果玻璃質感，白色情人節應景的甜甜版面。
Photoshop教學 — 文字雲人像效果
用 Photoshop 的圖層遮色片把文字填成人像輪廓，做出文字雲般的肖像。
Illustrator教學 — 繁星點點的效果
用 Illustrator 的圓端點虛線加漸變做出繁星點點，無人機表演那種光點感。
Illustrator教學 — 4種燈籠的畫法
四種燈籠的畫法，用 Illustrator 做出元宵節應景素材。
Illustrator教學 — 彎曲文字漸變效果
Illustrator 的漸變工具加鉛筆工具，讓文字沿著曲線層層堆疊，做出有律動感的標題。
Photoshop教學 — 積木效果
用 Photoshop 的斜角與浮雕，把畫面拼成積木質感。
Photoshop教學 — 線條藝術
把黑白照片變成線條藝術，Photoshop 的臨界值，步驟比想像中簡單。
5個實用模板(Mockup)分享(1)
五個常用的 Mockup 模板網站，免費與付費都有，提案時把平面稿套進實物更好溝通。
Photoshop教學 — 仿懷舊手繪風格
用 Photoshop 的表面模糊加油畫濾鏡，把照片轉成懷舊手繪風格的海報。
Illustrator教學 — 鉤針圍巾效果
用 Illustrator 的寬度描述檔做出鉤針織紋，做出好看又有質感的圍巾。
Photoshop教學 — 糖果文字
用 Photoshop 做拐杖糖條紋文字，字型要挑圓潤的，輪廓才對得起來。
Photoshop教學 — 聖誕花圈
用 Photoshop 的定義圖樣沿著圓形排列，一鍵繞出聖誕花圈。
Illustrator教學 — 仿凹凸的柔化感
新擬物化風格的凹凸柔化感，用 Illustrator 的漸層面板就能做，不必開 Photoshop。
Photoshop與Illustrator教學 — 文件互通可編輯
Illustrator 與 Photoshop 檔案互轉，圖層還能繼續編輯，兩個方向的做法一次講完。
Illustrator教學 — 立體App Store
用 Illustrator 的 3D 和素材裡的膨脹，把 App Store 圖示做成有厚度的糖果感。
Photoshop教學 — 像素拉伸效果
用 Photoshop 的選取範圍加彎曲變形做像素拉伸，一張照片能玩出很多變化。
Photoshop與Illustrator教學 — 3種網點變化效果
照片做成網點風格海報，Photoshop 與 Illustrator 都能做，三種變化一次教完。
Illustrator教學 — 立體南瓜
用 Illustrator 的 3D 迴轉做出立體南瓜，萬聖節特輯。
好用圖庫大總匯(5)
圖庫整理第五輯，這次全是照片類圖庫，做合成或電商圖特別需要，附授權說明。
Illustrator教學 — 微模擬Adobe Animate CC 2019的啟動頁
模擬 Adobe Animate 2019 啟動頁的視覺，用 Illustrator 的路徑管理員分割完成。
Photoshop教學 — 仿凹版鈔票紋理效果
用 Photoshop 的方框模糊與自訂圖樣做出凹版鈔票紋理，懂原理就能自由變化。
Illustrator教學 — 新擬物化風格(突然變浪漫的魷魚遊戲)
用新擬物化風格重做魷魚遊戲的椪糖視覺，靠 Illustrator 的外觀面板疊出凹凸感。
Photoshop教學 — 科技感效果
用 Photoshop 的網線銅版加放射狀模糊做科技感，一張照片就能完成，Banner 好用。
Photoshop教學 — 油漬搖滾微故障效果
grunge 加 glitch 的迷幻感，用 Photoshop 的指尖工具與圖層樣式疊出來。
Illustrator教學 — 快速變化月亮盈缺效果
用 Illustrator 的影像描圖與剪裁遮色片做月亮盈缺變化，中秋節在家也能玩。
Photoshop教學 — 3D科幻星球
用 Photoshop 的扭轉效果把一張照片變成科幻星球，超簡單，拍什麼都能玩。
Photoshop教學 — 透亮的泡泡效果
用 Photoshop 的漸層填色加圖層樣式做透亮泡泡，懂遮色片就等於學會一半。
Illustrator教學 — 油漬紋理效果
用 Illustrator 的任意形狀漸層做出油漬般的紋理，鬼月特輯。
版型設計書籍推薦
學生最常問的「怎麼學排版」，這裡是我實際在用的排版書單，也寫了每本怎麼用。
Illustrator教學 — 速度感效果
用 Illustrator 的漸層網格加彎曲效果做出速度感，前提是先把主體去背乾淨。
Photoshop教學 — 將插畫轉變成線稿
用 Photoshop 的線性加亮加最小濾鏡，把插畫或草圖轉成乾淨線稿，提案很好用。
Illustrator教學 — 抽象的顏料筆刷效果
只要會曲線工具，再套 Illustrator 的 3D，就能做出抽象的潑濺顏料筆刷效果。
Illustrator教學 — 波浪文字效果
用 Illustrator 的扭曲與變形加鋸齒化，讓文字變成連續起伏的波浪造型。
Photoshop教學 — 超快速像素風格
用 Photoshop 的索引色搭配影像尺寸縮放，最快的方式做出像素風格。
Illustrator教學 — 像素風格
用 Illustrator 的矩形格線工具加即時上色油漆桶，做出東京奧運 Doodle 的像素風。
結合藝術、設計、生活風格的雜誌推薦
幾本結合在地文化與生活風格的設計雜誌推薦，設計靈感不是只能從作品集裡找。
Illustrator教學 — 漸變花形的效果
用 Illustrator 的星形工具加漸變，一層層縮放疊出花形，改參數就有各種變化。
Illustrator教學 — 色彩柔和的翻頁效果
學生詢問度最高的翻頁海報，關鍵在透視扭曲加色彩增值，才會有透過去的層次。
Photoshop教學 — 一個功能做出火
Photoshop 的演算上色裡有火焰功能，沿著路徑就能生出火光，合成時省下找素材。
Photoshop教學 — 一個功能畫出各種樹
Photoshop 的演算上色能直接畫出各種樹，沿路徑一鍵生成，插畫與合成都好用。
每日海報教我的事
2019 年做每日海報的完整心得：怎麼決定主題、卡住時怎麼辦，以及持續下去的難處。
Illustrator教學 — 好玩的迷宮效果
用 Illustrator 的分割成網格加路徑管理員，幾步就做出迷宮圖。
Photoshop教學 — 面目全非的玩法
用 Photoshop 的筆刷繪製路徑加指尖工具，把五官抹成面目全非的實驗性效果。
Illustrator教學 — 聲波圓環海報
詢問度很高的聲波圓環海報，用 Illustrator 的漸變指定階數，步驟不多就能完成。
Illustrator教學 — 明暗日曆藝術作品
重現倫敦設計團隊的 light calendars，用 Illustrator 的旋轉工具與寬度描述檔。
Photoshop教學 — 圖靈紋圖騰效果(有密集恐懼症的人請斟酌)
用 Photoshop 的雲彩效果加顏色快調做圖靈紋圖騰，並用動作把重複步驟錄起來。
【下載】Illustrator & Photoshop 快捷鍵
Illustrator 與 Photoshop 常用快捷鍵整理，附下載檔，貼在桌邊查比翻手冊快。
我是如何自學的
我怎麼自學設計的：學習的順序怎麼安排、補習的優缺點，還有為什麼最難的是堅持。
Photoshop教學 — 模仿藝術家Magdiel Lopez的海報
模仿 Magdiel Lopez 的海報，重點全在光影，用 Photoshop 的圖層遮色片慢慢疊。
Photoshop教學 — 光景模糊效果
Photoshop 的景色模糊一個步驟就能做出光景模糊，挑夜景照片效果最好。
Photoshop教學 — 低多邊形效果
用 Photoshop 的平均模糊做低多邊形效果，把畫面切成三角形拼出復古風。
Illustrator教學 — 聲音動態海報
Illustrator 也有圖層遮色片，用透明度面板的製作遮色片重現德國展館那張聲波海報。
Illustrator教學 — 數字漸變效果
十種數字漸變圖案的做法，用 Illustrator 的漸變工具，換圖樣就能變出不同樣式。
Illustrator教學 — 彎曲紙張效果
用 Illustrator 的 3D 突出與斜角做出彎曲紙張，重現義大利夏日節那張海報。
Photoshop教學 — 深淵般的效果
用 Photoshop 的圖層遮色片，把照片做成 90 度下切的超現實深淵地形。
好用圖庫大總匯(4)
圖庫整理第四輯，又一批值得加進清單的免費素材網站。
Photoshop教學 — 極簡線條海報
只用漸層和圓形做出極簡線條海報，Photoshop 的參考線配置幫你把版面分乾淨。
Dimension教學 — 藍藍的積木
用 Adobe Dimension 做出積木的立體質感，附系統需求，我的第一篇 Dimension 筆記。
業主們的荒唐語錄
接案這幾年遇過的荒唐業主語錄，順便聊怎麼回話、怎麼拒絕，都是練出來的。
Illustrator教學 — 翻頁柔美的漸變效果
重現勝井三雄的光色海報，用 Illustrator 的漸變加不透明度做出柔美的翻頁層次。
設計新手的書籍推薦
剛接觸設計時我讀過、也真的讀得完的幾本書，適合還在建立基礎的人。
Photoshop教學 — 霸氣的文字電鍍效果
365 張海報封面用的文字電鍍效果，用 Photoshop 的混合模式疊出金屬光澤。
我的第一筆設計案件沒有錢…
我的第一筆設計案做了一個月、一毛錢沒拿到，完整經過與後來的反省。
Illustrator教學 — 迷人又朦朧的光暈效果
光暈不一定要用 Photoshop，Illustrator 的位移複製加漸變階數就能做出朦朧感。
好用圖庫大總匯(3)
圖庫整理第三輯，除了素材本身，還能從這些網站學到配色、排版與製圖手法。
Illustrator教學 — 唯美浪漫線條教你怎麼玩
學生常問的浪漫線條海報，用 Illustrator 的變形效果加膨脹工具就能做出來。
創業容易嗎？！我是如何踏入設計接案環境
我為什麼選擇創業接案、當初的契機是什麼，還有走到第三年回頭看的想法。
好用圖庫大總匯(2)
圖庫整理第二輯，免費素材網站，收進書籤能省下不少找圖的時間。
好用圖庫大總匯(1)
圖庫整理第一輯，免費與付費資源都有，設計師也會用圖庫。
最新文章
看全部 145 篇 →- Illustrator教學 — 2026版新功能 Illustrator 教學
Illustrator 2026 版更新整理，漸層面板與資產轉存的改動最有感，一次看完。
- Illustrator教學 — 印章效果 (可編輯文字) Illustrator 教學
用 Illustrator 的外觀面板做出印章效果，改字之後還能保持可編輯。
- Illustrator教學 — 噪點效果／雜訊效果 Illustrator 教學
Illustrator 的噪點效果只要五步驟，用透明度面板做遮色片再反轉，細節馬上出來。
- Illustrator教學 — 3D磚塊巧克力 Illustrator 教學
用 Illustrator 的 3D 素材與光源做出磚塊巧克力，從矩形開始，情人節應景小物。
- Illustrator教學 — 伸縮自如的筆刷 Illustrator 教學
Illustrator 的線條圖筆刷，畫一條線就有一隻小蛇。
- Photoshop教學 — 噴畫效果 Photoshop 教學
用 Photoshop 的增加雜訊加漸層對應做噴畫效果，七步驟替海報加上顆粒質感。
- Photoshop教學 — 繞圖文字效果 Photoshop 教學
用 Photoshop 的選取主體加修改擴張，讓文字繞著主體排列，版面立刻活起來。
- Illustrator教學 — 亂線文字效果 Illustrator 教學
用 Illustrator 的虛線筆畫做出打結般的亂線文字。
- 好用圖庫大總匯(7) 設計資源
日本團隊 TopeconHeroes 的免費素材網站群，jpg、png、svg、ai 都有，風格溫暖可愛。
- Photoshop教學 — Y2K濾鏡效果 Photoshop 教學
用 Photoshop 的漸層對應加線性光源做 Y2K 濾鏡，照片瞬間變成 90 年代的拍攝感。
