江口依舞/情報デザイン研究I

Mogu Mogu Time（仮）

食×モーショングラフィックス

• 江口 依舞
• Keywords：モーショングラフィックス, 食, 動画
• https://www.example.com

概要

これは何？

『食』に対するワクワクした感情を刺激できるような、見ていて楽しいモーショングラフィックス

背景と目的

• "食"をモチーフにした表現の幅を探る
  「食」は日常に密着しながらも多様な表現が可能なテーマ。
  メニュー表現のアイデアやスタイリングの工夫を通して、見る人に"楽しい"や"美味しそう"と感じさせるビジュアルコミニュケーションを高める。

• SNS発信を意識した短尺動画の制作
  現代の動画コンテンツは短くても印象に残ることが求められる。
  数秒間で「かわいい！」「面白い！」と感じさせるようなテンポ感とビジュアル演出を試す。
  
  

コンセプト

喫茶店（実在している店舗なのか、架空の店舗なのか。メニューなども含め現在検討中）

成果物の仕様

短編映像：数秒から数十秒ほどの短編アニメーションで、SNSやWebでの公開に適した形にする

メンバー

制作ツール

Illustrator、Photoshop、Aftereffect、WebP

プロジェクトの期間

• 工程表
• 5/20,5/27　1Q中間審査
  • プレゼン資料
• 7/1,7/8　2Q最終審査
  • 作品の完成
    
    

まとめ

調査

現状調査

先行事例

• 昭和レトロ！「純喫茶」で食べたいメニューランキング
• 喫茶ポアロ(名探偵コナン)
• 一緒に作ろう!子ども喜ぶ♪かわいい「動物レシピ」まとめ
• 子どもも喜ぶ! 簡単・かわいい「クリスマス」レシピまとめ

技法・技術情報

• 素材(Illustrator)
  • 喫茶店メニューイラスト｜Pinterest
  • レトロなバナーデザイン【Adobe Illustrator】【イラストレーター】
• 映像(モーショングラフィックス：Aftereffect)
  • MAKE IT FUNKY NOW/ t k
  • 棒ほうじ茶アニメーション【モーショングラフィックス】 / kao Films
  • 回転寿司復興モーショングラフィックスCM/ SHIROTA.
    
    
    
    
    
    

プロジェクト管理

スケジュール

• 情報デザイン研究I_チャート(改)
• 5/20,5/27　1Q中間審査
  • プレゼン資料
• 7/1,7/8　2Q最終審査
  • 作品の完成
    
    

ToDo

• 素材制作(Illustrator)
• 絵コンテ
• 動画制作(Aftereffect)
• プレゼン資料制作

2025.06.03

Q1中間審査

• Web表示
  • 可能(Figma,Wix,時間に余裕があればコーディング推奨)
• アニメーションの形式
  • "gif"は色が250程しか表示できない→"png"や"webP"などに変換(mp4はWeb表示にはデータが重すぎる可能性あり)
    
    

試作

• 素材
• Web表示案
• 絵コンテ
  
  

工程表

• 情報デザイン研究I_チャート(改)

ToDoリスト

• 素材制作(Illustrator)
• 絵コンテ
• 動画制作(Aftereffect)
• プレゼン資料制作

2025.05.27

Q1中間審査

• Web表示
  • 可能(Figma,Wix,時間に余裕があればコーディング推奨)
• アニメーションの形式
  • "gif"は色が250程しか表示できない→"png"や"webP"などに変換(mp4はWeb表示にはデータが重すぎる可能性あり)
    
    

試作

• 素材
• Web表示案
• 絵コンテ
  
  

工程表

• 情報デザイン研究I_チャート(改)

ToDoリスト

• 素材制作(Illustrator)
• 絵コンテ
• 動画制作(Aftereffect)
• プレゼン資料制作

2025.05.20

Q1中間審査

• Web表示
  • 可能(Figma,Wix,時間に余裕があればコーディング推奨)
• アニメーションの形式
  • "gif"は色が250程しか表示できない→"png"や"webP"などに変換(mp4はWeb表示にはデータが重すぎる可能性あり)
    
    

試作

• 素材
• Web表示案
• 絵コンテ
  
  

工程表

• 情報デザイン研究I_チャート(改)

ToDoリスト

• 素材制作(Illustrator)
• 絵コンテ
• 動画制作(Aftereffect)
• プレゼン資料制作

2025.05.13

キーワード

• Web表示
  • 可能(Figma,Wix,時間に余裕があればコーディング推奨)
• アニメーションの形式
  • "gif"は色が250程しか表示できない→"png"や"webP"などに変換(mp4はWeb表示にはデータが重すぎる可能性あり)
    
    

試作

• 素材
• Web表示案
• 絵コンテ
  
  

工程表

• 情報デザイン研究I_チャート(改)

ToDoリスト

• 素材制作(Illustrator)
• 絵コンテ
• 動画制作(Aftereffect)
• プレゼン資料制作

2025.04.29

キーワード

• Web表示
  • 可能(Figma,Wix,時間に余裕があればコーディング推奨)
• アニメーションの形式
  • "gif"は色が250程しか表示できない→"png"や"webP"などに変換(mp4はWeb表示にはデータが重すぎる可能性あり)
    
    

試作

• 素材
• Web表示案
  
  

工程表

• 情報デザイン研究I_チャート(改)

ToDoリスト

• 素材制作(Illustrator)
• 絵コンテ
• 動画制作(Aftereffect)
• プレゼン資料制作

2025.04.22

キーワード

• アニメーションgif動画
  • シリーズ化する
• 制作したgif素材をWebなどにも使用
  • 素材があれば作品の表現の幅が広がる
• シズル感
  • 美味しそう→研究テーマ「魅せるモーショングラフィックス」に繋がる
• 工程表の再作成
  • 1日ごと、スプレットシートを使用する
    
    

試作

• 素材
  
  

工程表

• 情報デザイン研究I_チャート(改)

ToDoリスト

• 素材制作(Illustrator)
• 絵コンテ
• 動画制作(Aftereffect)
• プレゼン資料制作
  
  
  
  

2025.04.15

企画の方向性

• 見ていて楽しい・魅力的なモーショングラフィックスの研究→卒研につなげる
  • 今回のテーマ：「食」 喫茶店/メニュー/レトロポップ
    
    

調査：先行事例

• 昭和レトロ！「純喫茶」で食べたいメニューランキング
• 喫茶ポアロ(名探偵コナン)

調査：表現技法・技術

• 素材(Illustrator)
  • 喫茶店メニューイラスト｜Pinterest
  • レトロなバナーデザイン【Adobe Illustrator】【イラストレーター】
• 映像(モーショングラフィックス：Aftereffect)
  • MAKE IT FUNKY NOW/ t k
  • 棒ほうじ茶アニメーション【モーショングラフィックス】 / kao Films
  • 回転寿司復興モーショングラフィックスCM/ SHIROTA.
    
    

試作

• 素材
  
  

工程表

• 情報デザイン研究I_チャート

ToDoリスト

• 素材制作(Illustrator)
• 絵コンテ
• 動画制作(Aftereffect)
• プレゼン資料制作
  
  
  
  

2025.04.08

全体説明

• 授業の流れ,研究テーマについて
  
  

テーマ案の入力シート

• 明治ミルクチョコレート(勝手に)企画デザイン
• モーショングラフィックス
• デザイン・シンキング
• イマーシブ体験の研究