chevron_left

Illustrator＆PhotoshopでWebデザインをはじめよう
PREMIUM
第2回

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

2016年4月12日 60min
Illustrator＆PhotoshopでWebデザインをはじめよう -第2回- play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 18

授業の概要

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

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

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

 

こんな人にオススメ

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

担当の先生／パーソナリティ

チャプター

play_arrow
アジェンダ
00:32
play_arrow
自己紹介
01:28
play_arrow
授業全体の目的
01:51
play_arrow
第二回目の目的
00:47
play_arrow
はじめに
04:23
play_arrow
ワイヤーフレームとは何か
01:16
play_arrow
ワイヤーフレームを作る前に
10:40
play_arrow
ワイヤーフレームを描こう
01:34
play_arrow
Illustrator実践
02:00
play_arrow
ガイドとグリッドでガイドラインを表示しよう
04:37
play_arrow
ワイヤーを描こう
04:12
play_arrow
文字を入力しよう
00:46
play_arrow
ハンバーガーメニューを作ろう
07:53
play_arrow
Photoshop実践
01:26
play_arrow
属性パネルを使おう
01:29
play_arrow
レイヤーパネルを見てみよう
03:49
play_arrow
まとめ
00:50
play_arrow
次回への課題
01:10
play_arrow
Q：ワイヤーやデザインのアイディアはどこから？
01:07
play_arrow
Q：レスポンシブWebにしたいときは？
01:42
play_arrow
Q：ワイヤーはどこまで厳密に作るべき？
00:55
play_arrow
Q：写真や文章はどの段階で決める・用意するべき？
01:08
play_arrow
Q：スマホのサイトを作ってきたがパソコンの場合はどうしたらいいのか？
01:16
play_arrow
お知らせ