motion
一つ一つの動きを擬音をテーマに表現する
- Saki Kougami
- Keywords:Motion graphics,Adobe After Effects,WordPress
- 進捗
概要
これは何?
- モーショングラフィックスの一つ一つの動きに着目し、細分化したGIF、WordPressサイト
背景と目的
- モーショングラフィックスは動くことで、シンプルでも静止画より様々な情報を伝えることができます。さらに近年ではスマホなどの普及によりテレビやCMだけではなくYouTubeなどのSNS、動画広告での使用も増加しています。
- モーショングラフィックスは視聴者に注目してもらうために様々なモーションが存在します。今回はモーショングラフィックスの一つ一つの動きに着目し、細分化しながらモーショングラフィックスを制作します。
親しみがあり、みなさんの想像する音で動きを楽しんでもらうためにテーマは擬音を視覚的に捉えたものとします。
コンセプト
- 簡単な図形、動きで擬音を視覚化するモーショングラフィックス
成果物の仕様
- Instagramにて進捗投稿
- WordPress(GIF形式での書き出し、動きを分類する)
制作ツール
プロジェクトの期間
2023.04.11 - 2023.XX.XX (二、三週間別の企画していました)
まとめ
調査
現状調査
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
- モーションの基礎を作り終える
- サイトにGIF形式でupする
-SNSにアップする
-プラグインを入れる
-エクセルで単語を出す
-いくつかまとまるのか全然違うものの集まりなのか分類する
進捗記録
2023.06.13
先生からのアドバイスをもとに
- オンラインコミュニティサイトを作るにはWEBアプリケーションが必要になる。
現在の持っている技術でできる範囲を超えている。
- 銀行や配達業者と契約する必要がある。
- 多額のお金がかかる。
- WordPressであればオンプレミスとクラウドどちらでも使用できる。
まずはWordPressのカスタマイズから
企画変更
- 前回の企画である「一つ一つの動きを、擬音をテーマにモーションで表現する研究」を「WordPressにて分類する」
試作
- WordPress上の分類の仕方を考える
- あいうえお順
- アニメーションの仕方(種類)で分類
- 形と動きに関係性をつける(擬音や動きによって形を変える)
- サイトマップ
- ワイヤーフレーム
- 動画制作
- GIF化
on-line
新しいビジネスモデルとしての自前オンラインサイトの制作
- Saki Kougami
- Keywords:Web site, community, official site, creator economy
概要
これは何?
- 個人サイト、会員制オンラインコミュニティサイトのテンプレートサイト
- 独自コンテンツ販売サイト
- ファンクラブ型オンラインサロン
背景と目的
コミュニティーサイトには大きくオンラインサロンとファンクラブがあります。
オンラインサロンとは会費を支払い、情報などを得ることができる会員限定のオンラインコミュニティのことをいいます。ファンクラブは、特定のアーティストや有名人のファンが集まるコミュニティであり、そのアーティストや有名人に関連するコンテンツや情報を提供します。(会費ありと無料コンテンツもある)
数年前から著名人や有識者がオーナーとなり情報提供や交流をすることでオーナーと会員との距離感が近い存在であったり、スキルアップができたりするため人気になっています。
コロナウイルスの影響により社会的距離が求められ、オンライン活動が増えました。経済不安やおうち時間の増加によりクリエイターエコノミーが発展し、オンラインサロンなどのコミュニティーサイトは副業や起業の支援役割を果たしました。これ以外にもSNSやサブスクリプションサービスなどのオンラインコンテンツが増加した結果、コンテンツの飽和が生じ、今後は価値を感じるコンテンツの選択が重視されるようになると考えます。クリエイターエコノミーはさらに発展し、企業以外にも「この人の〇〇を買う」のような、人と人との交流を通じた場所の重要性が高まると考えられます。このため、個人が主体となり、コンテンツを発表、販売、他のサービスへの誘導、観覧者と交流できるサイトのテンプレートサイトを制作しようと考えました。また、プラットホームが消えるとサロンも消える可能性があるため自前サイトで制作しようと思いました。
コンセプト
- ペルソナがコンテンツを発表する個人サイトの制作
- コンテンツを発表、販売するサイト
- グッズ販売、他のサービスへの誘導、観覧者と交流できるサイトはのちのプロジェクトに繋げる
- 課題としてこのサイトを作る過程を投稿型コンテンツ、香椎祭でやる模擬店のグッズ販売を想定したサイトにする
- 買いたいと魅力的に感じて長く滞在してもらえるように、清潔感のある見た目にする
- 操作性や流動性がわかりやすい画面作りをする
成果物の仕様
- Webサイト
- ワイヤーフレーム
- サイトマップ
- サイトのテンプレート
制作ツール
プロジェクトの期間
2023.05.23 - 2023.XX.XX
まとめ
企画を変更したので、どのような問題点があるか教授たちと相談していきたいと思った。それらの意見も踏まえてワイヤーフレームやサイトマップを迅速に制作して前半を巻き返したいと思った。
調査
現状調査
コミュニティーサイトには大きくオンラインサロンとファンクラブがあります。
オンラインサロンとは会費を支払い、情報などを得ることができる会員限定のオンラインコミュニティのことをいいます。ファンクラブは、特定のアーティストや有名人のファンが集まるコミュニティであり、そのアーティストや有名人に関連するコンテンツや情報を提供します。(会費ありと無料コンテンツもある)
数年前から著名人や有識者がオーナーとなり情報提供や交流をすることでオーナーと会員との距離感が近い存在であったり、スキルアップができたりするため人気になっています。
オンラインサロンの種類
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
-モーションの基礎を作り終える
-サイトにGIF形式でupする
-SNSにアップする
-プラグインを入れる
-エクセルで単語を出す
-いくつかまとまるのか全然違うものの集まりなのか分類する
2023.06.06
先生からのアドバイスをもとに
- 女性クリエイターをペルソナにして、サイトのテンプレートを提案する、ということですが、コンテンツは挿入しますか?
- このサイトを作る過程を投稿型コンテンツ、香椎祭でやる模擬店のグッズを販売できるようにして使い方を想像しやすくする
- 既存のテンプレート(有料プラットフォームなど)との違いはどのようなところになりますか?
既存のテンプレート
オンラインコミュニティサイトに不可欠な機能
一般的なメニュー構成
- ホーム/ダッシュボード
サイトの概要や最新情報の表示
コミュニティの活動のハイライト
- コンテンツ/記事
メンバーが投稿した記事やコンテンツの一覧
カテゴリ別のフィルタリングや検索機能
- フォーラム/ディスカッション
トピックやスレッドの一覧表示
メンバー同士のディスカッションや質問への回答
- イベント/スケジュール
予定されているイベントやセミナーのスケジュール表示
参加登録やイベントへの参加確認
- メンバープロフィール
メンバーのプロフィール情報の表示と編集
メンバー同士のつながりやコミュニケーション
- メッセージ/ダイレクトメッセージ
メンバー同士の個別メッセージのやり取り
グループチャットやプライベートチャットの機能
- リソース/資料
コミュニティメンバーが共有する資料やリソースの一覧
ファイルのアップロードやダウンロード機能
- サポート/ヘルプセンター
メンバーがサポートやヘルプを求めるための機能
よくある質問(FAQ)やガイドラインの提供
- 通知/アラート
新着投稿やコメント、イベントの通知機能
メンバーへの重要な情報の伝達
今回制作するテンプレート
- ホーム/ダッシュボード
サイトの概要や最新情報の表示
クリエイターの活動のハイライト
- メンバーコミュニティ
ファン同士、クリエイターとのの交流やコミュニケーションの場
投稿やコメント、いいねなどの機能
- クリエイター情報:
クリエイターのプロフィール情報、経歴、作品紹介
クリエイターの最新ニュースやスケジュールの表示
- イベント/ライブ情報
クリエイターのイベント情報の一覧
チケット予約や参加申し込みの機能
- オンラインコンテンツ
ファンクラブ限定のオンラインコンテンツ(記事、動画、音楽、写真など)の提供
ダウンロードやストリーミングの機能
カテゴリ別のフィルタリングや検索機能
- メッセージ/ダイレクトメッセージ
ファンとアーティストの個別メッセージのやり取り
グループチャットやプライベートチャットの機能
- ファンクラブ限定特典
ファンへの特別なプレゼントや限定商品の販売
プラン(メンバーシップ)レベルに応じた特典の表示
- コミュニティイベント
ファン同士やアーティストとのコミュニティイベントの案内
オフラインイベントやファンミーティングの情報
- サポート/ヘルプセンター
メンバーがサポートやヘルプを求めるための機能
よくある質問(FAQ)やガイドラインの提供
- 通知/アラート
新着コンテンツやイベントの通知機能
メンバーへの重要な情報の伝達
- プラン(メンバーレベル)/ランク
メンバーシップのレベルやランクの表示
アクティブなファンやコントリビューターの評価
- ファンクラブニュースレター
ファンクラブメンバーへの定期的なニュースレター配信
最新情報や特別コンテンツの案内
- ファンクラブストア
オフィシャルグッズや限定商品の販売
メンバー限定の割引や特典の提供
- アーカイブ/過去コンテンツ
過去のコンテンツやアーカイブの閲覧
過去のイベントやライブの映像や写真の提供
- ソーシャルメディア連携
ファンクラブのソーシャルメディアアカウントとの連携
最新情報や投稿のシェア機能
- 支払い/会費管理
サロンの利用料金や会費の管理機能
支払い方法や会員ステータスの表示と更新
- サポートへの連絡
ファンクラブの運営チームへの連絡手段
問い合わせやフィードバックの送信
2023.05.30
試作
コンセプト
- ペルソナがコンテンツを発表する個人サイトの制作
- コンテンツを発表、販売するサイト
- グッズ販売、他のサービスへの誘導、観覧者と交流できるサイトはのちのプロジェクトに繋げる
- このサイトを作る過程を投稿型コンテンツ、香椎祭でやる模擬店のグッズを販売できるようにして使い方を想像しやすくする
- 買いたいと魅力的に感じて長く滞在してもらえるように、清潔感のある見た目にする
- 操作性や流動性がわかりやすい画面作りをする
2023.05.23
企画変更
先行事例
現状調査
コミュニティーサイトには大きくオンラインサロンとファンクラブがあります。
オンラインサロンとは会費を支払い、情報などを得ることができる会員限定のオンラインコミュニティのことをいいます。ファンクラブは、特定のアーティストや有名人のファンが集まるコミュニティであり、そのアーティストや有名人に関連するコンテンツや情報を提供します。(会費ありと無料コンテンツもある)
数年前から著名人や有識者がオーナーとなり情報提供や交流をすることでオーナーと会員との距離感が近い存在であったり、スキルアップができたりするため人気になっています。
オンラインサロンの種類
前回までの企画
motion × sound
擬音をモーションで表現する研究
- Saki Kougami
- Keywords:Motion graphics, computer graphics, Adobe After Effects
- 進捗
概要
これは何?
背景と目的
- モーショングラフィックスは動くことで、シンプルでも静止画より様々な情報を伝えることができます。さらに近年ではスマホなどの普及によりテレビやCMだけではなくYouTubeなどのSNS、動画広告での使用も増加しています。
- モーショングラフィックスは視聴者に注目してもらうために様々なモーションが存在します。今回はモーショングラフィックスの一つ一つの動きに着目し、細分化しながらモーショングラフィックスを制作します。
親しみがあり、みなさんの想像する音で動きを楽しんでもらうためにテーマは擬音を視覚的に捉えたものとします。
コンセプト
- 簡単な図形、動きで擬音を視覚化するモーショングラフィックス
成果物の仕様
- 4秒~10秒を目安に動画を12個制作 ( Instagram )
- GIF形式での書き出し
制作ツール
プロジェクトの期間
2023.04.11 - 2023.XX.XX
まとめ
- 動きに注目させるために色をモノクロにしてSEもなくしていたが情報量が足りず味気ないと感じた
- 今まで通りの制作から色数を増やした制作に変更する
- SEは入れれそうなものにのみ挿入する
- すべてに挿入したかったがあまり自分の想像している音がなかったため
- 動きに注目して音を感じてほしいため
- GIF形式にする予定なので音の情報が元から必要ないため
- 試作をブラッシュアップしてさらに擬音を伝わりやすくしたい
- もう一度動きの分類をして制作を絞る
調査
現状調査
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
- モーションの基礎を作り終える
- サイトにGIF形式でupする
-SNSにアップする
-プラグインを入れる
-エクセルで単語を出す
-いくつかまとまるのか全然違うものの集まりなのか分類する
2023.05.16
作業
- 進捗
- ブラッシュアップ
- 効果音をダウンロード
- 企画見直し
企画
- 見ることで擬音を感じることができるモーショングラフィックスを複数作る
2023.05.09
作業
制作物の仕様
- Instagram
- animation GIFで掲載(出来たら別サイト)
企画
-見ることで擬音やオノマトペを感じることができるモーショングラフィックスを複数作る
-最後にそれらを組み合わせて使用し、音楽に合わせたモーショングラフィックスを作る
2023.05.02
作業
- メインビジュアルを変更
- プラグイン入れる
- アカウント作る
企画
-様々な擬音からモーショングラフィックスを複数作る
-最後にそれらを組み合わせて使用し、モーショングラフィックスを作る
制作物の仕様
-動画(VIMEO)
2023.04.25
作業
- エクセルで単語や音の案を出す
- いくつかまとまるのか全然違うものの集まりなのか分類する
企画
テーマ
- 効果音(オノマトペ)、単語、環境音楽
- 言葉に表せない情景なども含む
- 音が無くても音が聞こえるモーション、表現の組み合わせを研究する
制作物の仕様
テーマ選定
今回の使用用途
現状調査
- モーションロゴはどういった場面で使用されているか
- ドラマの状況説明(推理など)
- 映画のタイトル
- 企業説明
- 案内
- 展示会場
- モーションロゴ
- リリックビデオ
- MV
- PV
使用される状況で効果的な表現は全く異なるので、
自身がどんな場面で使用するかを想定する必要がある
2023.04.18
研究は映像制作に決定
企画
- 様々なモーションを制作していく
- それらのモーションを分類する
現状調査
先行研究
技法・技術情報
2023.04.11
調査
先輩方の先行研究の調査
PV制作でしたいことに近い
やってみたいこと
- 映像制作
- テーマ、コンセプトを決めてそれに合わせた制作
- MVを作る
- モーショングラフィック
- 2Dと3D(実写も?)を使用する
- 楽曲制作と合わせてもいいかも
- 楽曲制作
(のちにパッケージやMVに繋げる)
- サイト作成
- 祖母の家から見た地元の市についてまとめたサイト
- プロモーションビデオ制作
わからないことがあればAIに探してもらう