おためし受講中

Webデザインの基礎と実習

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

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

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

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

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

参考サイト/予習教材

学生代表

  • 未定

    未定

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

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