佐々木陽菜/情報デザイン演習I

佐々木陽菜 ｜ 情報デザイン演習Ⅰ

情報デザイン演習I

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

完成作品

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

制作ポイント

• スノードームをメインにしたかったため、ドームとタイトル以外の色を統一した
• 3DCGを用いて、スノードームを回転させた（PR動画）
  
  

ストーリーボード

• OneDriveへのリンク
  
  

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

• スノードーム回転
• タイトル光る
• 降雪
  全て同時モーション

アイデアスケッチ

• OneDriveへのリンク
  
  

先行事例の調査

• PR動画
  • YouTube：架空アプリ紹介CM
  • YouTube：花王バブ
• ビジュアルイメージ
  • Pinterest ボード：幾何学図形
  • Pinterest ボード：クリスマス
    
    
    
    

課題1：お天気アイコン

アニメーション

• OneDriveへのリンク
  
  

字コンテ

• 晴れ
  • 赤、黄線の太陽光を回転させる（サングラスの中部分）
  • サングラスに反射光を左から右へ移動
• 曇り
  （各々のアニメーション）
  • 雲（暗い灰色）を縮小拡大。bgには明るい灰色
  • いくつかワイプアニメーション
• 雨
  • 雫を生成
  • 雫の上部を中心にZ軸回転で揺らす
  • イーズインで雫を落とす
  • 波紋が広がるようにワイプアニメーション
• 雪
  （手袋はZ軸回転で1回転するアニメーション。↓雪部分）
  • イーズイン、ズームイン
  • Z軸移動
  • イーズアウト、ズームアウト
    
    

ストーリーボード

• OneDriveへのリンク
  
  

試作

• OneDriveへのリンク
  
  

アイデアスケッチ

• OneDriveへのリンク
  
  

先行事例調査

• アニメーション
  • lordicon.com | Access 8,900+ Animated Icons
  • ロゴアニメーションを作ろう | After Effects － アドビ公式
  • よく使うモーショングラフィックス表現の作り方とテクニック8選【AfterEffects】
  • 100 Best Logo Animation l 100 Best Motion logos l 100 Cool Logos l 100 Logo Intro
  • 【ロゴアニメーション12サンプル】全部で７０種類用意しています。
  • モーションロゴ風のキャラクターアニメーション【After Effects チュートリアル】
  • 企業サウンドロゴ集(現在使用中のもの)100連発
• ビジュアルイメージ
  • Pinterest ボード