chevron_left

WebデザインのためのPhotoshop実習

PREMIUM

スライド資料

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

1 / 11

授業の概要

この授業は実際に手を動かしながら、つまりPhotoshopを起動して、受講者の皆様にも実際に制作をして頂くタイプの授業となります(実習は2週目、3週目のみ)。

Webデザインに興味はあるけどやったことはないという方はもちろん、実際の作業を見ることで、既にWebデザイナーとして活躍されている方も新しい発見があるかもしれません。

授業は全3回で構成します。

1週目はWebデザインの基礎知識についてお話しします。2週目は、WebデザインのためのPhotoshopの環境設定と基本操作、Webボタンの制作となり、3週目は広告バナーの制作方法についてお話しします。

PhotoshopによるWebデザインの基本操作は、バナー制作やWebページのデザインカンプ制作はもちろん、iPhoneアプリのデザインなどさまざまな分野で役に立つと思います。ぜひこの機会に身につけておきましょう!

チャプター

play_arrow
自己紹介&アジェンダ
02:05
play_arrow
素材のダウンロードと準備
03:45
play_arrow
ガイドを引く
04:13
play_arrow
背景のグラデーションを作る
03:04
play_arrow
カラー分岐点を調整する
04:51
play_arrow
カーテン模様のテクスチャを作る
04:35
play_arrow
フィルターをかける
03:32
play_arrow
レイヤーの不透明度を調整する
04:18
play_arrow
文字「痩身モニター募集中」を作る
03:24
play_arrow
文字を移動させる
02:21
play_arrow
文字「お試し」を作る
04:40
play_arrow
表示を拡大・縮小する
02:56
play_arrow
文字「¥2,980」を作る
04:47
play_arrow
「¥」がWindowsでうまく入力できない場合
00:30
play_arrow
位置を調整する
04:40
play_arrow
文字「7/21まで」を作る
04:50
play_arrow
赤い丸を作り、文字を重ねる
04:23
play_arrow
2つのレイヤーの中央を揃える
04:17
play_arrow
文字にグラデーションをかける
04:57
play_arrow
グラデーションの角度を調整する
04:00
play_arrow
文字「プライベートエステサロン」を作る
03:40
play_arrow
微調整をする
03:25
play_arrow
仕上げをする
02:28
play_arrow
WEB用に保存する
04:14
play_arrow
Q:普通にJPEGで保存とWeb用に保存のJPEGの違いってなんですか?
00:49
play_arrow
Q:人の切り抜き方をちょっとだけ教えて欲しいです
00:32
play_arrow
Q:参考までに枠線の作り方を教えて下さい
01:23
play_arrow
Q:楕円ツールなどのストロークと、レイヤー効果の境界線では使い勝手などに違いはあるのでしょうか?
01:48
play_arrow
Q:実務を想定した場合、バナー制作はどれほどの時間で仕上げるのでしょうか?
01:27
play_arrow
Q:枠線を鉛筆ツールで作るとの事ですが、背景をコピーして塗りを0%、境界線(内側)のレイヤー効果を付ける方法でも同じ効果を付けられるのでしょうか?
01:18
play_arrow
Q:印刷用には何で保存したら良いでしょうか?
01:45
play_arrow
Q:既に発売されている先生の書籍を教えて下さい。またPhotoshopのオススメの書籍を教えて下さい
02:53
play_arrow
Q:バナーの画像制作で分かり易くしたり、見やすくしたりする場合に、心がけることは何ですか?
02:59
play_arrow
Q:実際の制作現場ではクライアントの急な変更を想定して、バナーを指定より大きめのサイズで作っておいた方がいいのでしょうか?
02:45
play_arrow
Q:スマートフォンの対応について、コンテンツによって違うと思いますが、一般的な対応と今後の見通しはどうなっていくでしょうか?
02:01
play_arrow
Q:WebデザイナーのためのWebプログラミングスクールはされる予定はないですか?
01:35
play_arrow
Q:新規でキャンパスを開く時、プリセットはWebを選べばよいですか?その際の「Web」や「カスタム」などの違いは何ですか?
02:30
play_arrow
課題発表