ちゃんと知って作る SVG 制作実践入門

日本全国や海外在住の方がご参加可能な、オンライン講座に対応しています。

受講お申し込みのすべての方が、講座開催後1週間、お好きなときに開催当日の収録動画をご視聴して復習いただけます。

--

もはや、その使用が常識となったグラフィックファイルフォーマット、Scalable Vector Graphics (SVG) 。
以前はGIFやPNG-8で用意されていたフラットなデザインパーツやアートワークは、現代ではこのSVG形式を用いて表示されています。

Scalable Vector Graphics
https://ja.wikipedia.org/wiki/Scalable_Vector_Graphics

その正体は、マークアップ言語のXML。
柔軟な編集に対応でき、多様な機能や表示方法などが用意されている仕様ですが、その基本や実践的な応用をきちんと心得ている人は、急速な普及に反して多くありません。

また、ベクターグラフィックツールのデファクトスタンダードである、Adobe® Illustrator®を使って、丁寧かつ効率よく美しいSVGデータを作成する方法を、制作の現場は知っておくべきでしょう。

この講座では、Illustratorを使ったウェブデザインを長年実践し、合わせて啓蒙し指導してきた生明義秀が登壇。
必ずやおさえておきたいSVGの基本知識から、実践的な作成方法までを伝授します。

なんとなくSVGを書き出して搭載しているウェブデザイナーの方はもちろん、SVGの制作を未経験の方まで網羅する、SVG実践入門の決定版です。


Keywords: ウェブ, グラフィック, ベクター, Scalable Vector Graphics , SVG, フィルター, クリッピングパス, アルファマスク, CSSアニメーション, Illustrator


● この講座で学べること
○ SVGの概要と基礎
○ SVGの仕組みと特徴
○ SVGの出番と他のフォーマットとの使い分け
○ SVGの多様なフィルター効果とその適用方法
○ SVGのクリッピングパスとアルファマスクの適用方法
○ SVGによるCSSアニメーションと適用方法
○ Adobe IllustratorによるSVGデータ作成方法
○ SVGのウェブページ上の表示方法

● この講座で得られること
○ SVGの基礎知識
○ SVGの作成知識
○ SVGの実践知識
※ 配布資料がある場合は、配布やダウンロードなどで入手いただけます。
※ 講座内で利用するデモなどのサンプルファイルがある場合は、ダウンロードで入手いただけます。
※ 各種受講証明書への署名・発行に対応します。

● この講座の特徴
○ ハンズオンでも聴講でも、お好きなスタイルで受講可能な『技術講座』です。
○ 実践的な技術や方法を、要点をまとめて具体的にわかりやすくお伝えします。
○ 操作の解説は、デモンストレーションを実演して解説します。
○ 講座開催の後でも1週間、講義の様子をすべて収録した動画の視聴ができ、グループメッセージで登壇者宛に質問が可能です。

● 協賛企業・ブランド
AZM Design

#bauya118