Illustratorのベクター素材作りから学ぶ デザインカンプ制作講座　Eラーニング 録画配信

これからWebページ制作を学びたい方、Photoshop・Illustratorの基礎力を高めたい方などを対象に、ベクター素材を使ったデザインカンプ作りから、Web制作に必要なIllustratorの使い方を学ぶEラーニングです。

Webサイトをデザインするツールの一つとしてIllustratorが挙げられます。
デザインカンプの作成はXDやPhotoshop等で十分ですが、デザインカンプに必要なロゴやアイコン、MAP、背景パターンといったデザインを決定づけるための重要な素材はIllustratorで作成することが多く、特にデザイン的に自由度の高いキャンペーンサイトではIllustratorがよく使われるため、その機能を理解することはとても重要です。

講座は全4回で、基礎編（全2回）ではWebサイトのデザインカンプを作る上で必要なIllustratorの基本機能やベクターデータを使うコツを学びます。実践編（全2回）では、Webサイトの背景のパターンをIllustratorの素材を使いながらPhotoshopで作る方法・簡略化された地図をIllustratorで作成し、Photoshopでカンプに追加する方法を学びます。

初心者の方向けに、Illustrator・Photoshopそれぞれの環境設定やツール一覧などの事前学習コンテンツもついています。

本講義のゴール

• Webサイトのデザインカンプを作る上で必要なIllustratorとPhotoshopの機能とツールを覚える

主な講義内容(5:21:34)

• Illustrator事前学習(1)(2)
• Photoshop事前学習(1)(2)

基礎編【1】

• Illustratorの基本的な機能
• Illustratorの基本的な操作方法
• デザインカンプとは
• デザインカンプの作成手順

基礎編【2】

• 印刷用デザインとWebサイトデザインの統一感を出すためのコツ
• 印刷用aiデータやベクター素材の扱い方
• SVGデータとは
• デザインカンプの一部を作ってみる

実践編【1】

• Illustratorでパターンの元となる素材を作成する
• Photoshopで背景パターンを作成する
• デザインカンプの一部に背景を設定する

実践編【2】

• Illustratorで地図を作成するためのツールの使い方
• デザインカンプに地図を配置する
• 簡易的な地図作成のコツ

使用ソフトのバージョンなど

講師はIllustratorCC最新版、Windowsにて講義を行いますが、Mac環境での受講も可能です。
※Illustratorの必要システム構成についてはadobeサイトにてご確認ください。
※Photoshopの必要システム構成についてはadobeサイトにてご確認ください。
※動画作成年月：2022年11月~12月

お問い合わせ