Illustrator基礎

• Illustratorの基本操作
• 図形の作成・編集
• 図形の変形・配置
• 複雑な図形の作成
• レイヤー操作
• 文字の入力・編集
• グラデーション
• パス・アンカーポイントの操作
• レイアウト・DTPの基礎知識
• 画像の配置・編集
• クリッピングマスク
• チラシ・名刺・バナー制作

Illustrator応用

• パスの基礎知識
• パスの分割
• パスの描画
• パスの変形
• トレース
• スウォッチ
• パターンの作成
• シンボル
• 再配色
• カラーガイド
• マスク
• 描画モード
• ブレンド
• 3D効果
• 地図の作成
• ロゴの作成
• チラシーの作成
• カルーセルの作成

Photoshop基礎

• Photoshopの基本操作
• レイヤー操作
• 選択範囲の作成
• 色調補正
• タイポグラフィー
• ペイント・グラデーション
• 画像のリサイズ・トリミング
• レタッチ・画像加工
• コンテンツに応じた画像編集
• フィルター・画像効果
• Web用画像の書き出し

Photoshop応用

• アートボードの作成と追加
• カラーモードの変更
• ガイド・スナップ
• レイヤーマスク
• グラデーションマスク
• チャンネル
• アルファチャンネルを利用した合成
• スマートオブジェクト
• パス・シェイプの高度な操作
• アクション処理

Dreamweaver

• Dreamweaverの概要とサイトの定義
• 新規ファイルとページの作成
• CSSの設定
• テーブル
• フォーム
• 画像や動画の挿入とリンクの設定
• レスポンシブWebページの作成
• 便利な機
• Javascript/jQuery

HTML/CSS

• Web制作の基本
• HTMLマークアップの決まり
• リストのタグ
• テキスト関連のタグ
• 画像ファイルの挿入
• ハイパーリンク
• 文書構造をあらわすタグ
• テーブル
• フォーム
• HTMLのコンテンツモデル
• CSSの基礎知識
• 色の設定/文字のスタイル/背景画像の指定
• リストに関するプロパティ
• 外部スタイルシートの利用
• 子孫セレクター/擬似クラス
• CSSの優先順位/リセットCSS
• レイアウトに関するプロパティ

キャリアアップ演習 for Web

• 立体的なロゴの作成/手書き風のロゴ作成
• 地図の作成
• アルファチャンネルとマスクの理解を深める
• 写真の合成
• バナーの作成
• サイトデザイン
• 画像の書き出し/CSSの抽出

Webサイト制作

• Webデザインワークフローについて確認する
• プランニング
• 情報の整理とサイトマップの作成
• 構成要素考案
• ワイヤーフレームの作成
• 文字と画像のレイアウト
• デザイン
• クライアントに還付を見てもらう場合の注意事項
• コーディングとデータ管理

InDesign

• InDesignの基本操作（環境設定・ドキュメント作成・インターフェイス・表示モードと表示倍率）
• オブジェクトの基本操作（作成・フレーム・テキストの配置・テキストフレームの連結）
• オブジェクト・表の操作（パスの描画・オブジェクトの操作・画像の配置と編集・リンクの管理・表作成）
• テキストと文字の編集
• 段落書式と冊子の制作（段落の設定・先割りレイアウトの作成）
• 洗練されたページ作成（さまざまな文字書式・禁則処理・スタイルの設定・便利な編集機能）
• ページ制作（ページ管理・マスターページ・縦組み横組み冊子の作成・ブックの管理・目次・索引・入稿データチェック）

Figma

• Figmaの概要
• スマートフォンのWebデザイン
• スクロールするスマートフォン画面
• ページ遷移するカード型ページ
• ハンバーガーメニューとカルーセル
• レスポンシブなWebデザイン
• インタラクティブなUIパーツ

Webクリエイター能力認定試験上級対策