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

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

PREMIUM

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

1 / 79

授業の概要

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

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

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

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

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

チャプター

play_arrow
自己紹介&アジェンダ
01:14
play_arrow
レイアウトの4原則
09:46
play_arrow
今日のテーマ スケッチしよう
03:46
play_arrow
おさえておきたい色彩・配色の基礎
00:07
play_arrow
無彩色と有彩色
01:00
play_arrow
色相
00:25
play_arrow
彩度
00:43
play_arrow
明度
00:22
play_arrow
HSB色空間とRGB色空間
01:46
play_arrow
16進数によるRGB色空間の表記
03:36
play_arrow
どうすれば失敗なく色を選ぶことができるのか
02:44
play_arrow
HSB色空間から色を選ぶ
01:01
play_arrow
トーンを統一する
01:53
play_arrow
トーンの統一例
01:04
play_arrow
異なるトーンの色を選ぶ場合
01:26
play_arrow
HUE/360の使いかた
03:55
play_arrow
ハレーションとは、またそれを防ぐには
03:25
play_arrow
Adobeのアプリケーションの役割を覚えましょう
00:09
play_arrow
Photoshopの特徴
01:11
play_arrow
Illustratorの特徴
02:20
play_arrow
Fireworksの特徴
01:05
play_arrow
Dreamweaverの特徴
00:47
play_arrow
講座の今後の方針と予定
03:49
play_arrow
Q:トーン=明度と彩度の組み合わせですか?
00:22
play_arrow
Q:フォトショ、イラレ、FWでweb制作する上でのメリット、デメリットが知りたいです
00:57
play_arrow
Q:自分をずっと持っている大きな夢を実現するために何が一番重要でしょうか。
05:17
play_arrow
Q:センスにかなり出来栄えが左右されると思います。センスの磨き方は?
01:07
play_arrow
Q:最近見つけた「このサイトいいな」と思ったサイトと、理由を教えて下さい
02:00
play_arrow
Q:「手書きでスケッチ」とのことですが、どの程度までスケッチするのでしょうか?
00:59
play_arrow
Q:webサイトを新規デザインするにあたって、まず何を第一に考えてデザインを決めているか教えて下さい
01:01
play_arrow
Q:Photoshopは購入するものと、月額利用料を払って使用するものがありますが、今後webデザインを主な目的として使用するとしたら、どちらがおススメですか?
04:05
play_arrow
Q:企業のサイトカラーをカラーピッカーで採取すると、全く同じトーンでなかったりすると思いますが、プロによる配色は最終的には感覚ですか?
01:57
play_arrow
Q:ギャラリーで良いと思ったサイトをPhotshopで模写するよりも、「t手書きでスケッチ」のほうがデザインの勉強には有効なのですか?
01:39
play_arrow
Q:デザイン設計の段階でSEO対策も同時に設計したりするのでしょうか?
01:14
play_arrow
Q:webページをデザインする際に高画質が必要となってきていますが、Photshopでデザインする時のキャンバスサイズはいくつにしていますか?
03:11
play_arrow
Q:web制作をする上でjavascriptの知識は必須ですか?
04:47
play_arrow
Q:新しくサイトを作る場合、HTML&CSSとWordPressどっちが良いのでしょうか?
02:45
play_arrow
Q:色々なデバイスが増えていますが、レスポンシブのウェブデザインの場合、デザイン段階からどんな点を留意して考えればいいですか?
03:08
play_arrow
Q:サイトデザインを検討する上で、構成と配色、またはほかの、いずれかを優先した方が効率がいいですか?
02:10
play_arrow
Q:schooのwebページのデザインの評価はどれくらいなのでしょうか?
01:21
play_arrow
Q:見やすさや操作のしやすさを心がけるときに、どんなことを心がけますか?
03:08
play_arrow
課題発表