觀察與拆解:奧利奧的結構特徵
奧利奧由「深可可餅乾片」與「白色夾心」交疊組成。關鍵細節:餅乾表面的壓紋文字、邊緣微細鋸齒、夾心的柔軟厚度與光澤、整體堆疊的陰影關係。本教學採「由外而內、由整體到局部」策略,善用外觀面板非破壞性編輯。
步驟 1:餅乾基礎形狀與壓紋
- 橢圓工具 (L) 按 Shift 畫 200 px 正圓,填深可可色 (#3b2a1f),描邊無。
- 壓紋文字:「OREO」用粗體無襯線字體(如 Gotham Bold),建立輪廓後置中。用「效果 → 3D → 擠出與斜角」:擠出深度 5 pt、斜角「經典」、高度 3 pt,獲得立體壓紋。擴展外觀後,壓紋群組置於餅乾圖層上方。
- 邊緣鋸齒:畫一個 204 px 圓、描邊 2 pt、虛線設定「虛線 2 pt、間距 2 pt」,對齊描邊至內側,擴展外觀得鋸齒環,疊在餅乾邊緣。
步驟 2:夾心層與光澤質感
- 複製餅乾基礎圓、縮放 90%、填奶白 (#fff8f0),置於兩餅乾之間。
- 夾心高光:再縮小 95% 圓、填白、高斯模糊 3 px、疊加模式 60%,置於夾心頂部。
- 側面厚度:用鋼筆工具勾勒夾心側面弧形閉合路徑,填線性漸層(左 #ffe8d0 → 右 #fff8f0 → 右 #ffe8d0),模擬圓柱體受光。
步驟 3:堆疊與整體陰影
複製整組(上餅+夾心+下餅),垂直位移 4 px,填黑、高斯模糊 8 px、正片疊底 25% 作投影。再複製一組縮放 98%、置於投影上方,形成接觸陰影(遮蔽投影中央),增強著地感。
步驟 4:材質細節與非破壞性外觀
- 餅乾表面顆粒: 外觀面板添加新填色 → 效果 → 紋理 → 顆粒(強度 30、對比 50、顆粒類型「點狀」),混合模式「疊加」、不透明度 15%。
- 夾心軟質感: 外觀面板添加「效果 → 風格化 → 內發光」(模式螢幕、顏色白、不透明度 30%、模糊 4 px、邊緣)。
- 全域光源一致性: 所有高光/陰影角度統一設為 135°(左上),確保立體邏輯自洽。
步驟 5:變體製作與場景應用
利用「符號」面板將整組存為符號,利用「符號噴槍」快速佈滿畫布,再用「符號變形/旋轉/大小」工具隨機化,製造散落效果。搭配牛奶濺濺(筆刷繪製)、碎屑(路徑查找器「分割」得碎片)完成電商主圖或包裝插畫素材。
輸出與複用
最終成品建議保留 AI 原檔(含外觀面板可編輯),並匯出:
• SVG(網頁圖示、可無限縮放)
• PNG 透明背景 2000 px(電商主圖)
• PSD 分層(供 Photoshop 後期合成)
同步將壓紋文字、鋸齒環、夾心漸層存為「圖形樣式」,一鍵套用於其他圓形餅乾(如巧克力餅、馬卡龍),大幅提升效率。