カテゴリー: 実技　ECサイトデザイン実習

実技　ECサイトデザイン実習①

-本日のアジェンダ-

1限目
実技　ECサイトデザイン実習①
写真の権利について

2限目
実技　ECサイトデザイン実習①
バナー作成

3限目
実技　ECサイトデザイン実習①
バナー作成

4限目
実技　ECサイトデザイン実習①
バナー作成

5限目
実技　ECサイトデザイン実習①
バナー 講評

本日のテーマ

権利を確認しておきましょう。

写真の権利について

著作権は、作品を創作した者が有する権利である。また、作品がどう使われるか決めることができる権利である。作者の思想や感情が表現された文芸・学術・美術・音楽などを著作物といい、創作した者を著作者という。知的財産権の一種。 ウィキペディア

参考サイト

本日の課題

バナー作成練習 -テーマ②-

楽天のメンズファッションのバナー作成
キャッチコピー、商品名、価格などを入れた 600 x 400pxのバナー
商品バナーを作成して4時限目までに提出
提出先：【提出】→【作品】ファッションバナー_20210712
ファイル名：bnr_○○○○_20210712_01.jpg（○○○○は名前のローマ字）

バナー作成練習 -テーマ③-

楽天のレディースファッションのバナー作成
キャッチコピー、商品名、価格などを入れた 600 x 400pxのバナー
商品バナーを作成して4時限目までに提出
提出先：【提出】→【作品】ファッションバナー_20210712
ファイル名：bnr_○○○○_20210712_02.jpg（○○○○は名前のローマ字）

実技 ECサイトデザイン実習⑤

-本日のアジェンダ-

1限目
実技 ECサイトデザイン実習⑤
GIFアニメーションについて

2限目
実技 ECサイトデザイン実習⑤
GIFアニメーション作成

3限目
実技 ECサイトデザイン実習⑤
GIFアニメーション作成

4限目
実技 ECサイトデザイン実習⑤
GIFアニメーション作成

5限目
実技 ECサイトデザイン実習⑤
作品発表

本日のテーマ

GIFアニメーション

GIFアニメーションについて

GIFアニメーションは、Graphics Interchange Format の「マルチイメージ」を使ったアニメーション。アニメーションGIF ともいう。 マルチイメージは GIF87a で導入された機能で、複数のフレームを順に表示できる。

本日のキーワード

  • GIF画像で保存
  • GIFアニメ
  • Photoshop「タイムライン」
  • トゥイーン
  • レイヤーパネル
  • パペットワープ
  • カンバスサイズ

参考サイト

パペットワープ（Photoshop）

加工で写真のポーズを自由に変えたい人必見。Photoshop cs5で実装された「パペットワープ」で簡単にポーズが変えられます！座っている人が立ったり、ジャンプしたり。自由に動かして、写真の人物を元気に動き回らせることもできます。

参考サイト

パペットワープ（Illustrator）

パペットワープの機能はPhotoshopやAfterEffectsではおなじみの機能となりますが、ついにIllustratorにも搭載されました。もともとパペットとは「人形」の意味で、ワープは「歪み」となり、主に人や動物など、関節の可動を再現する変形に使用すると便利なツールになります。何かの軸を起点に歪みや回転を適用させる変形に非常に便利ですので、その使い方をご紹介します。

参考サイト