宮園晴日/情報デザイン演習I

宮園晴日 ｜ 情報デザイン演習Ⅰ

情報デザイン演習I

課題2：クリスマスイベントのPR

完成作品

• OneDriveへのリンク
  • ポスター
  • バナー
  • サイネージ
    
    

制作ポイント

• 聖夜を意識して、静かなアニメーションにした
• 色遣いやフォントを落ち着かせた
  
  

ストーリーボード

• OneDriveへのリンク
  
  

PR動画の構成（字コンテ）

• 1. 雪を降らせる
• 2. 雲を左右に動かす
• 3. サンタの持っている袋を膨らませる
• 4. これらをループさせる
  
  

アイデアスケッチ

• OneDriveへのリンク
  
  

先行事例の調査

• PR動画
  • YouTube：大阪・関西万博
  • YouTube：ショッピングセンター
  • YouTube：京都産業大学
• ビジュアルイメージ
  • Pinterest ボード：幾何学的
  • Pinterest ボード：クリスマス
    
    
    
    

課題1：お天気アイコン

アニメーション

• OneDriveへのリンク
  
  

字コンテ

• 晴れ
  • 放射状の線を時計回りに回す
  • 中の円を反時計回りで回す
• 曇り
  • 大きくなる、小さくなるを繰り返す
  • モクモクさせる（雨、雪も同様）
• 雨
  • 雨の線を上から下に降らす
• 雪
  • 回転させながら上から下に下ろす
    
    

ストーリーボード

• OneDriveへのリンク

試作

• OneDriveへのリンク
  
  

アイデアスケッチ

• OneDriveへのリンク
  
  

先行事例調査

• アニメーション
  • lordicon.com | Access 8,900+ Animated Icons
  • ロゴアニメーションを作ろう | After Effects － アドビ公式
  • 100 Best Logo Animation l 100 Best Motion logos l 100 Cool Logos l 100 Logo Intro
  • Weather Icons – 58 Pack – After Effects Project File
  • The Complete World Weather Forecast ToolKit | Broadcast Packages (After Effects template)
  • Weather のアニメーションアイコン - GIF - Icons8
• ビジュアルイメージ
  • Pinterest ボード