萬盛學電腦網

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

CorelDRAW 繪製 360 安全瀏覽器圖標:文字轉曲、漸層、疊加、高光標準流程

成品展示

標準圖標製作流程(適用於所有字母/幾何圖標)

  1. 字母基礎:文字工具輸入「e」,字體選粗黑無襯線(如微軟雅黑 Bold),填充黑色,Ctrl+Q 轉為曲線。
  2. 主體漸層:選取曲線,套用線性/射線漸層(深藍→亮藍→深藍),模擬玻璃/塑膠質感,移除輪廓。
  3. 背景光暈:橢圓工具繪製兩個橢圓(外大內小/位置錯位),同樣套用漸層(藍/紫/青系),疊加於字母後層,形成發光底座。
  4. 高光疊加層:複製字母+背景群組,縮小 90%~95%,置於最上層,填充白色,套用「均勻透明度」10%~20%,產生頂部高光邊緣。
  5. 細節高光:鋼筆工具勾勒關鍵高光區(字母轉折點、邊緣),填充白色,羽化/透明度漸變融合。
  6. 最終輸出:整體群組,匯出 PNG 透明底(多尺寸:16/32/48/128/256/512 px)供不同平台使用。

關鍵參數模板

層級填充類型色標範例透明度/混合
字母主體射線漸層C100 M60 Y0 K0 → C100 M0 Y0 K0 → C100 M80 Y0 K20正常,無輪廓
背景光暈線性/射線漸層C100 M80 Y0 K0 → C80 M100 Y0 K10 → C60 M40 Y0 K0正常/螢幕,置後層
高光疊加白色純色—均勻 15%,疊加模式
細節高光白色+線性透明—中心 80%→邊緣 0%,螢幕模式

批量輸出規格

  • iOS App Icon:1024×1024 px(App Store)、180×180 px(iPhone)、167×167 px(iPad Pro)、152×152 px(iPad)、120×120 px、87×87 px、80×80 px、60×60 px、58×58 px、40×40 px、29×29 px、20×20 px。
  • Android:512×512(Play Store)、192×192、144×144、96×96、72×72、48×48 px。
  • Windows:256×256、128×128、48×48、32×32、16×16 px(.ico 多尺寸打包)。
  • Web Favicon:32×32、16×16 px (.ico) + 192×192、512×512 px (.png for PWA)。

進階技巧

  • 圖標字體化:完成矢量圖標 → 匯出 SVG → 導入 IcoMoon/Fontello 生成 .woff2/.ttf 圖標字體,CSS 直接調用。
  • 設計系統整合:建立「元件庫」(CorelDRAW 符號庫/CC Libraries),標註色標、間距、圓角半徑,團隊共用。
  • 無障礙檢查:對比度 ≥ 4.5:1(WCAG AA),色盲模擬檢查(Coblis/Stark 插件)。
copyright © 萬盛學電腦網 all rights reserved