Webデザイナー+動画クリエイター養成コース

Web+映像の融合…すべてのクリエイティブを実現したい

学びたいスキル・希望の職業にあわせてコースをプランニングいたします

Web+映像の融合
すべてのクリエイティブを実現できるデザイナー!


グラフィックデザイン、映像制作、Web制作まで幅広く学べる未経験者対応の総合講座です。グラフィックや動画を制作して終わりではなく、Web上で表現し公開するまでの一連の流れを学べる点が大きな特徴です。まとめて学ぶことで、グラフィックデザイナーや映像デザイナーとしてのスキルに加え、Webデザイン・制作までを一貫して行える力を身につけられます。印刷物や動画、Webサイトなど、表現の幅を大きく広げ、自分のアイデアを多彩な形での実現を目指す講座です。

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい

詳しい資料をもらう
受講期間 164時間
カリキュラム
  • Illustrator基礎
  • Photoshop基礎
  • Dreamweaver
  • HTML/CSS
  • Webレスポンシブ
  • Figma
  • JavaScript
  • Adobe Premiere
  • Adobe After Effects
  • Webクリエイター能力認定試験上級対策
目標資格
  • Webクリエイター能力認定試験
料金 638,400円(税込)
オンライン受講可能 教育訓練給付金対象
こんな方におすすめ
  • デザインや映像、Web制作をこれから学びたい初心者の方
  • 幅広いクリエイティブスキルを総合的に身につけたい方
  • グラフィック・動画・Webを一貫して制作したい方
  • 就職・転職に活かせる実践的スキルを習得したい方
カリキュラム

Illustrator基礎

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

Photoshop基礎

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

Dreamweaver

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

HTML/CSS

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

Webレスポンシブ

  • 基本構文のまとめ
  • 2段組のレイアウト
  • ボックスの設定/影の設定
  • グラデーション
  • Media Queries
  • canva要素
  • フレキシブルボックスレイアウト
  • パーツデザイン

Figma

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

JavaScript

  • JavaScriptの概要
  • JavaScriptの基本
  • 変数と関数
  • プログラミングのポイント
  • 画像の扱い
  • 日付とフォーム
  • 演習課題

Adobe Premiere

  • 動画編集の準備
  • Premiereの基本操作
  • 動画編集の基本(タイムラインパネルの利用/クリップのトリミング)
  • 動画編集の応用(タイトルの作成/オーディオの挿入と編集)
  • エフェクトの設定・トランジションの設定
  • アニメーションの設定
  • 静止画の読み込み・書き出し・Youtubeへの公開準備

Adobe After Effects

  • After Effectsの基本操作
  • レイヤーと素材の読み込み
  • モーショングラフィックスの基本
  • モーショングラフィックスの応用
  • 合成
  • 3Dレイヤー

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

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい

詳しい資料をもらう

Webデザイナー+動画クリエイター養成コース

Web+映像の融合…すべてのクリエイティブを実現したい

Web+映像の融合
すべてのクリエイティブを実現できるデザイナー!


グラフィックデザイン、映像制作、Web制作まで幅広く学べる未経験者対応の総合講座です。グラフィックや動画を制作して終わりではなく、Web上で表現し公開するまでの一連の流れを学べる点が大きな特徴です。まとめて学ぶことで、グラフィックデザイナーや映像デザイナーとしてのスキルに加え、Webデザイン・制作までを一貫して行える力を身につけられます。印刷物や動画、Webサイトなど、表現の幅を大きく広げ、自分のアイデアを多彩な形での実現を目指す講座です。

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい!

詳しい資料をもらう
受講期間 164時間
カリキュラム
  • Illustrator基礎
  • Photoshop基礎
  • Dreamweaver
  • HTML/CSS
  • Webレスポンシブ
  • Figma
  • JavaScript
  • Adobe Premiere
  • Adobe After Effects
  • Webクリエイター能力認定試験上級対策
目標資格
  • Webクリエイター能力認定試験
料金 638,400円(税込)
オンライン受講可能 教育訓練給付金対象
こんな方におすすめ
  • デザインや映像、Web制作をこれから学びたい初心者の方
  • 幅広いクリエイティブスキルを総合的に身につけたい方
  • グラフィック・動画・Webを一貫して制作したい方
  • 就職・転職に活かせる実践的スキルを習得したい方
カリキュラム

Illustrator基礎

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

Photoshop基礎

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

Dreamweaver

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

HTML/CSS

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

Webレスポンシブ

  • 基本構文のまとめ
  • 2段組のレイアウト
  • ボックスの設定/影の設定
  • グラデーション
  • Media Queries
  • canva要素
  • フレキシブルボックスレイアウト
  • パーツデザイン

Figma

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

JavaScript

  • JavaScriptの概要
  • JavaScriptの基本
  • 変数と関数
  • プログラミングのポイント
  • 画像の扱い
  • 日付とフォーム
  • 演習課題

Adobe Premiere

  • 動画編集の準備
  • Premiereの基本操作
  • 動画編集の基本(タイムラインパネルの利用/クリップのトリミング)
  • 動画編集の応用(タイトルの作成/オーディオの挿入と編集)
  • エフェクトの設定・トランジションの設定
  • アニメーションの設定
  • 静止画の読み込み・書き出し・Youtubeへの公開準備

Adobe After Effects

  • After Effectsの基本操作
  • レイヤーと素材の読み込み
  • モーショングラフィックスの基本
  • モーショングラフィックスの応用
  • 合成
  • 3Dレイヤー

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

まずは無料で体験!

無料体験レッスンに参加する

より詳しい情報を資料で確認したい!

詳しい資料をもらう

関連するその他のコース