LIVE
ON AIR

19:00 - 20:00

日本と世界の働き方の違いを考える 生放送中

LIVE
ON AIR

19:00 - 20:00

ISO(国際標準化機構)の基礎知識 生放送中

Illustrator&PhotoshopでWebデザインをはじめよう

  • このエントリーをはてなブックマークに追加
Illustrator&PhotoshopでWebデザインをはじめよう -第1回-
第1回:2016年4月4日公開 01:00:00

Illustrator&PhotoshopでWebデザインをはじめよう -第1回-

受講する

Webデザインの基礎をおさえながら、IllustratorCCとPhotoshopCCの両方を使ったデザイン方法を学習します。全5回の授業で、両アプリケーションの基本的な設定から、コーディングの一歩手前までを実践形式でレクチャします。手を動かしながらデザインを完成させましょう。

◯Adobeソフトのインストール
・Illustrator
https://creative.adobe.com/ja/products/download/illustrator
・Photoshop
https://creative.adobe.com/ja/products/download/photoshop

【授業中に先生より紹介された記事・書籍】

▼もっと勉強したい方へ

Adobe-浅野先生の記事(Photoshop)

Adobe-あわゆきさんの記事(Illustrator)

▼入門書

デザインの学校 これからはじめる Illustrator & Photoshopの本 [CC2015対応版]

▼ベクター系のソフトを極めたい方

Web制作者のためのIllustrator&ベクターデータの教科書 マルチデバイス時代に知っておくべき新・グラフィック作成術

▼Photoshopを極めたい方(画像の補正)

Photoshop 10年使える逆引き手帖【CC/CS6/CS5 対応】 (ああしたい。こうしたい。)

▼Webカンプ制作を極めたい方(Illustrator/Photoshop)

プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド

授業一覧
Illustrator&PhotoshopでWebデザインをはじめよう -第1回-
2016年4月4日公開
01:00:00

Webデザインの基礎をおさえながら、IllustratorCCとPhotoshopCCの両方を使ったデザイン方法を学習します。全5回の授業で、両アプリケーションの基本的な設定から、コーディングの一歩手前までを実践形式でレクチャします。手を動かしながらデザインを完成させましょう。第1回は、基本的なWeb制作の流れを踏まえた上で、アプリケーションの違いや、どっちを使ったらいいか、など、Webならではの初期設定のポイントについて見ていきましょう。

◯Adobeソフトのインストール
・Illustrator
https://creative.adobe.com/ja/products/download/illustrator
・Photoshop
https://creative.adobe.com/ja/products/download/photoshop

 

Illustrator&PhotoshopでWebデザインをはじめよう -第2回-
2016年4月12日公開
01:00:00

Webデザインの基礎をおさえながら、IllustratorCCとPhotoshopCCの両方を使ったデザイン方法を学習します。全5回の授業で、両アプリケーションの基本的な設定から、コーディングの一歩手前までを実践形式でレクチャします。手を動かしながらデザインを完成させましょう。

第2回は「オブジェクトの描画」写真や文字、イラストなどのベースになる"オブジェクト"をどう扱うかについて、それぞれのアプリケーションの特性を踏まえて解説します。"オブジェクト"を上手にコントロールして、「ワイヤーフレーム」と呼ばれる"土台"をアプリケーション上で完成させることを目指します。

◯Adobeソフトのインストール
・Illustrator
https://creative.adobe.com/ja/products/download/illustrator
・Photoshop
https://creative.adobe.com/ja/products/download/photoshop

 

Illustrator&PhotoshopでWebデザインをはじめよう -第3回-
2016年4月18日公開
01:00:00

Webデザインの基礎をおさえながら、IllustratorCCとPhotoshopCCの両方を使ったデザイン方法を学習します。全5回の授業で、両アプリケーションの基本的な設定から、コーディングの一歩手前までを実践形式でレクチャします。手を動かしながらデザインを完成させましょう。

第3回は、Illustratorを掘り下げます。Photoshopを中心にデザインを行う方でもこれだけは押さえておきたい機能や、作業を楽にする便利な最新機能を通して、理想のデザインの実現に近づきましょう!

◯Adobeソフトのインストール
・Illustrator
https://creative.adobe.com/ja/products/download/illustrator
・Photoshop
https://creative.adobe.com/ja/products/download/photoshop

 

Illustrator&PhotoshopでWebデザインをはじめよう -第4回-
2016年4月25日公開
01:00:00

Webデザインの基礎をおさえながら、IllustratorCCとPhotoshopCCの両方を使ったデザイン方法を学習します。全5回の授業で、両アプリケーションの基本的な設定から、コーディングの一歩手前までを実践形式でレクチャします。手を動かしながらデザインを完成させましょう。

第4回はPhotoshopを主に掘り下げます。特に写真の補正には欠かせないPhotoshop。押さえておきたいプロが良く使う機能や、作業を楽にする便利な最新機能を通して、理想のデザインの実現に近づきましょう!

◯Adobeソフトのインストール
・Illustrator
https://creative.adobe.com/ja/products/download/illustrator
・Photoshop
https://creative.adobe.com/ja/products/download/photoshop

 

Illustrator&PhotoshopでWebデザインをはじめよう -第5回-
2016年5月2日公開
01:00:00

Webデザインの基礎をおさえながら、IllustratorCCとPhotoshopCCの両方を使ったデザイン方法を学習します。全5回の授業で、両アプリケーションの基本的な設定から、コーディングの一歩手前までを実践形式でレクチャします。手を動かしながらデザインを完成させましょう。

最終回の第5回は、IllustratorやPhotoshopで作ったデータを書き出します。コーディングしやすいデータや、逆にコーディングに"困る"データについて何かを見てみましょう。

◯Adobeソフトのインストール
・Illustrator
https://creative.adobe.com/ja/products/download/illustrator
・Photoshop
https://creative.adobe.com/ja/products/download/photoshop

 

【授業中に先生より紹介された記事・書籍】

 

▼もっと勉強したい方へ

Adobe-浅野先生の記事(Photoshop)

Adobe-あわゆきさんの記事(Illustrator)

▼入門書

デザインの学校 これからはじめる Illustrator & Photoshopの本 [CC2015対応版] 

▼ベクター系のソフトを極めたい方

Web制作者のためのIllustrator&ベクターデータの教科書 マルチデバイス時代に知っておくべき新・グラフィック作成術

▼Photoshopを極めたい方(画像の補正)

Photoshop 10年使える逆引き手帖【CC/CS6/CS5 対応】 (ああしたい。こうしたい。)

▼Webカンプ制作を極めたい方(Illustrator/Photoshop)

プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド

 

こんな人にオススメ
WEBデザイナー(初心者)

これからWebデザインをはじめたい方、デザインを勉強中でポートフォリオの充実を目指したい方

タグ
授業で使用するファイル

※授業以外での利用は禁止します。

担当の先生
受講生代表
  • 徳田 葵

    徳田 葵

    スクー放送部

この授業を受けたい(1397人)
その他 1317人

受けたい授業ランキング

もっと見る

新着の生放送授業

もっと見る

関連授業

生放送授業への参加は無料です
Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
×