• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 鴻上早紀/情報デザイン研究I へ行く。
  • 1 (2023-04-08 (土) 10:34:15)
  • 2 (2023-04-08 (土) 10:34:15)
  • 3 (2023-04-08 (土) 10:34:15)
  • 4 (2023-04-08 (土) 10:34:15)
  • 5 (2023-04-08 (土) 10:34:15)
  • 6 (2023-04-08 (土) 10:34:15)
  • 7 (2023-04-08 (土) 10:34:15)
  • 8 (2023-04-08 (土) 10:34:15)
  • 9 (2023-04-08 (土) 10:34:15)
  • 10 (2023-04-08 (土) 10:34:15)
  • 11 (2023-04-08 (土) 10:34:15)
  • 12 (2023-04-08 (土) 10:34:15)
  • 13 (2023-04-08 (土) 10:34:15)
  • 14 (2023-04-08 (土) 10:34:15)
  • 15 (2023-05-07 (日) 12:05:28)
  • 16 (2023-05-07 (日) 12:05:28)
  • 17 (2023-05-07 (日) 12:05:28)
  • 18 (2023-05-07 (日) 12:05:28)
  • 19 (2023-05-07 (日) 12:05:28)
  • 20 (2023-05-16 (火) 15:52:29)
  • 21 (2023-05-16 (火) 15:52:29)
  • 22 (2023-05-16 (火) 15:52:29)
  • 23 (2023-05-16 (火) 15:52:29)
  • 24 (2023-05-16 (火) 15:52:29)
  • 25 (2023-05-16 (火) 15:52:29)
  • 26 (2023-05-16 (火) 15:52:29)
  • 27 (2023-05-16 (火) 15:52:29)
  • 28 (2023-05-16 (火) 15:52:29)
  • 29 (2023-05-16 (火) 15:52:29)
  • 30 (2023-05-16 (火) 15:52:29)
  • 31 (2023-05-16 (火) 15:52:29)
  • 32 (2023-05-16 (火) 15:52:29)
  • 33 (2023-06-11 (日) 16:55:25)
  • 34 (2023-06-13 (火) 16:59:42)
  • 35 (2023-06-15 (木) 17:34:48)
  • 36 (2023-06-15 (木) 17:39:09)
  • 37 (2023-06-15 (木) 17:39:09)
  • 38 (2023-06-20 (火) 15:22:31)
  • 39 (2023-06-20 (火) 15:22:31)
  • 40 (2023-06-20 (火) 15:22:31)
  • 41 (2023-06-20 (火) 15:22:31)
  • 42 (2023-07-04 (火) 14:06:18)
  • 43 (2023-07-04 (火) 14:06:18)
  • 44 (2023-07-18 (火) 11:59:21)

---

on-line

公式サイト、オンラインサロン制作

• Saki Kougami
• Keywords：Web site, community, Fun site
• 進捗

概要

これは何？

• 会員制コミュニティーサイト
  
  

背景と目的

• 
  

コンセプト

• 
  

成果物の仕様

• Webサイト
• ワイヤーフレーム
• サイトマップ
  
  

制作ツール

• HTML
  
  

プロジェクトの期間

2023.04.11 - 2023.XX.XX

まとめ

調査

現状調査

• https://autoro.io/mag/onlinesalon/
• https://www.rbbtoday.com/webcode/sidebusiness/online-salon-start/#i
• https://hint.lit.link/fan-club/fanclub-platform
  • オンラインサロンという新しい

• https://coconala.com/magazine/8511
  • 自前オンラインサロンは作ることができる
    
    

先行事例

• DMMオンラインサロン
• CAMPFIRE Community
  • 大手オンラインサロンのプラットホームである。最短でオンラインサロンの立ち上げが可能である反面、利益の10％~15%を徴収される、自分好みのカスタマイズができないなどのデメリットがある
• 個人公式サイト
• 芸能人の例
  • 独自のサイトで運営しているサイト。管理費などは3万ほど、自分好みのカスタマイズができるので増設長期的運用では優位になると考えられる。
    
    

技法・技術情報

• HTML
  
  
  
  

プロジェクト管理

スケジュール

• スプレッドシート

ToDo

-モーションの基礎を作り終える
-サイトにGIF形式でupする
-SNSにアップする
-プラグインを入れる
-エクセルで単語を出す
-いくつかまとまるのか全然違うものの集まりなのか分類する

---

---

2023.05.23

企画変更

• 会員制コミュニティーサイト制作
  
  

先行事例

• DMMオンラインサロン
• CAMPFIRE Community
  • 大手オンラインサロンのプラットホームである。最短でオンラインサロンの立ち上げが可能である反面、利益の10％~15%を徴収される、自分好みのカスタマイズができないなどのデメリットがある
• 個人公式サイト
• 芸能人の例
  • 独自のサイトで運営しているサイト。管理費などは3万ほど、自分好みのカスタマイズができるので増設長期的運用では優位になると考えられる。
    
    

現状調査

• https://autoro.io/mag/onlinesalon/
• https://www.rbbtoday.com/webcode/sidebusiness/online-salon-start/#i
• https://hint.lit.link/fan-club/fanclub-platform
  • オンラインサロンという新しい

• https://coconala.com/magazine/8511
  • 自前オンラインサロンは作ることができる
    
    

前回までの企画

motion × sound

擬音をモーションで表現する研究

• Saki Kougami
• Keywords：Motion graphics, computer graphics, Adobe After Effects
• 進捗

概要

これは何？

• 擬音をモーションで表現した映像制作
  
  

背景と目的

• モーショングラフィックスは動くことで、シンプルでも静止画より様々な情報を伝えることができます。さらに近年ではスマホなどの普及によりテレビやCMだけではなくYouTubeなどのSNS、動画広告での使用も増加しています。
• モーショングラフィックスは視聴者に注目してもらうために様々なモーションが存在します。今回はモーショングラフィックスの動きに着目し、擬音を視覚的に捉えたモーショングラフィックスを制作します。
  
  

コンセプト

• 簡単な図形、動きで擬音を視覚化するモーショングラフィックス
  
  

成果物の仕様

• 4秒~10秒を目安に動画を12個制作 ( Instagram )
• GIF形式での書き出し
  
  

制作ツール

• aftereffect
• Illustrator
  
  

プロジェクトの期間

2023.04.11 - 2023.XX.XX

まとめ

• 動きに注目させるために色をモノクロにしてSEもなくしていたが情報量が足りず味気ないと感じた
• 今まで通りの制作から色数を増やした制作に変更する
• SEは入れれそうなものにのみ挿入する
  • すべてに挿入したかったがあまり自分の想像している音がなかったため
  • 動きに注目して音を感じてほしいため
  • GIF形式にする予定なので音の情報が元から必要ないため
• 試作をブラッシュアップしてさらに擬音を伝わりやすくしたい
• もう一度動きの分類をして制作を絞る
  
  
  
  

調査

現状調査

• https://www.dhw.ac.jp/faculty/graphic/motiongraphics/
  • モーショングラフィックスは動きや音がつくことにより静止画よりもさらに情報が伝わりやすいです。さらに近年ではスマホなどの普及によりテレビやCMだけではなくYouTubeなどのSNS、動画広告での使用も増加しています。
• https://goworkship.com/magazine/visualdesign-motion-ux-effect/
  • モーショングラフィックスは視聴者に注目してもらうために様々なモーションが存在し、それらが組み合わさって一つの作品になっています。その一つ一つを分解、分析し区別できると考えます。

• https://tsuta-world.com/tsuta-marke/media/?p=7281
• https://thingmedia.jp/11323
  
  

先行事例

• しん
• TAK
  
  

技法・技術情報

• Action Planetあくしょんプラネット
• mooograph
• Putti Monkey Wrench
• モーション周期表
• aftereffect
  
  
  
  

プロジェクト管理

スケジュール

• スプレッドシート

ToDo

• モーションの基礎を作り終える
• サイトにGIF形式でupする
  -SNSにアップする
  -プラグインを入れる
  -エクセルで単語を出す
  -いくつかまとまるのか全然違うものの集まりなのか分類する

2023.05.16

作業

• 進捗
• ブラッシュアップ
  • 効果音をつける
  • 情報量を増やすため色数を増やす
• 効果音をダウンロード
  
  
  
  

企画

• 見ることで擬音を感じることができるモーショングラフィックスを複数作る
  
  
  
  

2023.05.09

作業

• 進捗
  
  

制作物の仕様

• Instagram
• animation GIFで掲載（出来たら別サイト）
  
  

企画

-見ることで擬音やオノマトペを感じることができるモーショングラフィックスを複数作る
-最後にそれらを組み合わせて使用し、音楽に合わせたモーショングラフィックスを作る

2023.05.02

作業

• メインビジュアルを変更
• プラグイン入れる
• アカウント作る
  
  

企画

-様々な擬音からモーショングラフィックスを複数作る
-最後にそれらを組み合わせて使用し、モーショングラフィックスを作る

制作物の仕様

-動画(VIMEO)

• animation GIF（サイト）
  
  
  
  

2023.04.25

作業

• エクセルで単語や音の案を出す
• いくつかまとまるのか全然違うものの集まりなのか分類する

企画

• モーショングラフィックスを約30個作成する
  
  

テーマ

• 効果音（オノマトペ）、単語、環境音楽
• 言葉に表せない情景なども含む
• 音が無くても音が聞こえるモーション、表現の組み合わせを研究する
  
  

制作物の仕様

• 動画(VIMEO)
• animation GIF
  
  

テーマ選定

• 効果音（オノマトペ）
• 単語
  人柄
  鉱石
  色
  
  

今回の使用用途

• モーションロゴ
• リリックビデオ
  
  

現状調査

• モーションロゴはどういった場面で使用されているか
  • ドラマの状況説明（推理など）
  • 映画のタイトル
  • 企業説明
  • 案内
  • 展示会場
  • モーションロゴ
  • リリックビデオ
  • MV
  • PV
    
    
    使用される状況で効果的な表現は全く異なるので、
    自身がどんな場面で使用するかを想定する必要がある

2023.04.18

研究は映像制作に決定

企画

• 様々なモーションを制作していく
• それらのモーションを分類する
  
  

現状調査

• https://www.dhw.ac.jp/faculty/graphic/motiongraphics/
  • モーショングラフィックスは動きや音がつくことにより静止画よりもさらに情報が伝わりやすいです。さらに近年ではスマホなどの普及によりテレビやCMだけではなくYouTubeなどのSNS、動画広告での使用も増加しています。
• https://goworkship.com/magazine/visualdesign-motion-ux-effect/
  • モーショングラフィックスは視聴者に注目してもらうために様々なモーションが存在し、それらが組み合わさって一つの作品になっています。その一つ一つを分解、分析し区別できると考えます。

• https://tsuta-world.com/tsuta-marke/media/?p=7281
• https://thingmedia.jp/11323

先行研究

• 映像制作
  • フォトコラージュアニメーション
  • フォトコラージュアニメーション
  • 3Dを利用したモーショングラフィック
  • C4Dを用いた作品

• 楽曲制作
  • 四コマ文庫
  • 死神
    
    
    
    

技法・技術情報

• 映像制作
  • もう石田
  • UMU TOKYO
  • 藍瀬まなみ
  • サンゼ
  • カズノコ
  • しん
  • カナタ
  • 【Blender攻略】The_Movie
  • Illustrator Tricks
  • TAK
  • モーション周期表
  • Action Planetあくしょんプラネット
  • mooograph
  • Putti Monkey Wrench
    
    

• 楽曲制作
  • 使い方1
  • 使い方2
  • 使い方3
  • クランとリオン
  • Reo
  • シユウ
  • yamaha
  • 音楽理論1
  • 音楽理論2
  • 音楽理論3
  • 音楽理論4
  • 音楽理論5
    
    
    
    

2023.04.11

調査

先輩方の先行研究の調査
PV制作でしたいことに近い

• "その波、寄せては返す" PV制作プロジェクト
• Vaporwave FuturePop
• 幻鯨
• Attractive Motion
  
  
  サイトを使用しているがモーションが参考になる
• Web小説 『　黒い金魚　』
  
  
  これらは物だけれど、ブランディングの参考になる
• 「kamakura」のブランド化、プロモーション
• unkdown. PV
• 𝐃𝐀𝐘 𝐛𝐲 𝐃𝐀𝐘
  
  
  ブランディングの一つにSNS運用も考えられるので参考になる
• WITH FLOWERS

やってみたいこと

• 映像制作
  • テーマ、コンセプトを決めてそれに合わせた制作
  • MVを作る
    • モーショングラフィック
    • 2Dと3D（実写も？）を使用する
    • 楽曲制作と合わせてもいいかも
      
      
• 楽曲制作
  （のちにパッケージやMVに繋げる）
  • 合成ソフト
  • MIXする
  • グラフィックデザイン
    
    
• サイト作成
  • 祖母の家から見た地元の市についてまとめたサイト
  • プロモーションビデオ制作

わからないことがあればAIに探してもらう