萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Adobe Illustrator 教學

Illustrator 繪製典雅紅色信封圖標全流程

紅色信封象徵喜慶、祝福與財富,是節日海報、紅包封面、金融 App 圖標的高頻元素。本教程詳細拆解如何在 Illustrator 中從零繪製一個質感細膩、結構嚴謹、支持多尺寸輸出的典雅紅色信封圖標,涵蓋幾何構形、漸變模擬紙質、燙金/壓紋效果、長投影扁平化風格等完整技能鏈。

成品展示

製作核心步驟

1. 幾何構形:標準信封比例

  • 畫板 512×512px,啟用 像素網格對齊。
  • 主體:矩形工具 (M) 繪製 360×240px 圓角矩形(圓角 8px),填充基底紅 #C0392B。
  • 蓋頁:複製主體,高度縮減至 120px,頂邊圓角 8px,底邊銳角,對齊主體頂部。
  • 摺疊線:主體頂部向下 120px 處添加一條 0.5pt 虛線(描邊面板設置虛線 4pt/間距 4px),模擬折痕。

2. 紙質漸變:模擬光影與材質

  1. 主體套用 線性漸變:
    - 0% 位置:亮紅 #E74C3C(受光面)
    - 50%:基底紅 #C0392B
    - 100%:深紅 #8B1A1A(陰影面)
    角度 -90°(光源來自上方)。
  2. 蓋頁漸變角度 90°(光源同方向),形成頂部高光、底部陰影的自然過渡。
  3. 添加 漸變網格 微調:摺疊線處添加節點拉暗,邊緣添加高光節點提亮。

3. 燙金裝飾:核心視覺焦點

  • 吉祥文字/圖案: 輸入「福」「囍」「發」或品牌 Logo,字體選用 書法體/黑體加粗,轉輪廓。
  • 燙金漸變: 線性漸變 #FFD700 → #FFA500 → #FFD700 → #B8860B,角度沿文字筆畫走向設置。
  • 浮雕感: 複製燙金層,下移 1px,填充深金 #8B6914,模式 正片疊底,模擬燙印壓痕邊緣。
  • 邊緣光暈: 燙金層添加 效果 → 風格化 → 外發光,模式 螢幕,顏色 #FFF8DC,不透明度 60%,模糊 3px。

4. 壓紋/紋理細節:提升真實感

  1. 新建矩形覆蓋信封主體,填充 50% 灰。
  2. 效果 → 材質 → 顆粒:濃度 30,對比度 40,類型:橫向/豎向 交替(模擬紙張紋理方向)。
  3. 圖層模式 疊加,不透明度 10%。
  4. 壓紋邊框:矩形描邊 1pt,虛線 8pt/間距 8px,顏色深紅 #8B1A1A,模式 正片疊底,內部對齊。

5. 封口細節:蠟封/貼紙二選一

方案 A:蠟封印

  • 橢圓工具繪製 40×40px 正圓,填充深紅漸變 #8B0000 → #4A0000。
  • 添加 內發光(正片疊底、深紅、3px)+ 外發光(螢幕、金黃、2px)。
  • 中心放置印章圖案(負形白色,不透明度 80%)。

方案 B:貼紙封口

  • 圓角矩形 120×40px,填充金漸變,頂部邊緣添加撕紙鋸齒效果(效果 → 扭曲變形 → 鋸齒)。

6. 長投影與背景:扁平化設計規範

  1. 複製整個信封群組,合併為單一形狀(路徑查找器 → 合併)。
  2. 填充 #1A1A2E,透明度 25%,模式 正片疊底。
  3. 效果 → 扭曲變形 → 變換:移動 3px/3px,複製 20 次,形成 45° 長投影。
  4. 背景:圓角矩形畫板大小,填充淡金漸變 #FFF8E1 → #FFECB3,或純白留白。

多規格導出清單

用途尺寸格式備註
App 圖標1024×1024pxPNGiOS/App Store 規範
Android 自適應圖標432×432px (安全區 288×288)PNG前景/背景分層
網頁 Favicon32×32 / 192×192PNG/ICO簡化細節
印刷紅包封面300dpi CMYKPDF/X-1a含出血線 3mm

遵循「幾何骨架 → 材質漸變 → 燙金焦點 → 紋理細節 → 規範導出」的標準化流程,你將獲得一套既適合螢幕顯示又滿足印刷生產的專業級紅色信封圖標資產。

copyright © 萬盛學電腦網 all rights reserved