課程簡介

介紹

Scalable 向量圖形概述

  • 瞭解向量圖形
  • SVG Fundamentals
  • SVG 用途和應用

學習使用基礎知識 SVG

  • 建立一個SVG
  • 使用 SVG 作為圖像
  • 創建 SVG 映射

深入挖掘 SVG 代碼

  • 瞭解 SVG 佈局、結構和屬性
  • SVG 元素簡介
  • 使用 SVG 圖形元素
  • 使用 SVG 容器元素
  • 使用 SVG 漸變元素

將 SVG 與 HTML 和 CSS 一起使用

  • 嵌入 SVG
  • 使用 CSS 修改和樣式化 SVG
  • 使 SVG 具有回應性

創建 SVG 個精靈

  • 圖像精靈概述
  • 使用 HTML 內聯 SVG 精靈
  • 在 HTML 中引用外部 SVG 精靈
  • 使用 CSS 內聯 SVG 精靈
  • 使用 SVG 片段標識碼

優化 SVG

使用 SVG 製作動畫

  • 將 CSS 用於 SVG 動畫
  • 將 SMIL 用於 SVG 動畫
  • 將 JavaScript 用於 SVG 動畫

創建您的第一個 SVG 徽標動畫專案

  • 設置工作環境
  • 繪製 SVG
  • 修改 SVG 代碼以設置 SVG 的樣式
  • 優化 SVG
  • 製作動畫 SVG

故障排除

閉幕致辭

最低要求

  • HTML 和 CSS 的背景
 7 時間:

相關課程

Affinity Designer

14 時間:

Fundamentals of Mobile Photography

7 時間:

Adobe Dreamweaver

28 時間:

Adobe Flash Basic

21 時間:

Adobe Acrobat - PDF Creating

14 時間:

Adobe Illustrator

14 時間:

Adobe InDesign

14 時間:

Adobe InDesign Advanced With Interactive Publications

14 時間:

Adobe Premiere Pro

14 時間:

Adobe Captivate

14 時間:

Adobe LiveCycle Designer

14 時間:

Adobe InDesign CS6

21 時間:

Graphic Design Bootcamp

35 時間:

Adobe Analytics

14 時間:

Adobe Creative Cloud (After Effects, Premiere Pro, Illustrator, Animate, and Character Animator) for Beginners

35 時間:

課程分類