鴻上早紀/情報デザイン研究I をテンプレートにして作成

開始行:
*motion 一つ一つの動きを擬音をテーマに表現する #image(01.gif) -''Saki Kougami'' -'''Keywords：Motion graphics,Adobe After Effects,WordPre... -__[[WordPress Site>https://kohaku-work-589.com/]]__ //[[進捗>https://www.instagram.com/589_0509/]] //-__[[相互評価シート>https://www.example.com]]__ ← ここ... //computer graphics, ~ **概要 ***これは何？ -モーショングラフィックスの一つ一つの動きに着目し、細分化... //-擬音をモーションで表現した映像制作 //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 -モーショングラフィックスは動くことで、シンプルでも静止画... -モーショングラフィックスは視聴者に注目してもらうために様... //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -擬音を用いることでモーショングラフィックスの動きを直感的... //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 -サイトマップ #image(サイトマップ.jpg) -ワイヤーフレーム |#image(02.jpg)||#image(03.jpg)||#image(04.jpg)| -__[[WordPress Site>https://kohaku-work-589.com/]]__ --GIF形式・1920×1080・10秒以内の尺 --動きを分類する（20投稿） //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... //~ ***制作ツール -aftereffect -Illustrator -WordPress --CONOHA WING --cocoon（モノクロ by yurukei20） //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2023.04.11 - 2023.XX.XX (二、三週間別の企画していました) //&color(red){プロジェクトの期間｜2023.04.11 - 20XX.XX.XX... ~ ***まとめ モーショングラフィックスにおける図形の動きや変形は、何が... //-動きに注目させるために色をモノクロにしてSEもなくしてい... //-今まで通りの制作から色数を増やした制作に変更する //-SEは入れれそうなものにのみ挿入する //--すべてに挿入したかったがあまり自分の想像している音が... //--動きに注目して音を感じてほしいため //--GIF形式にする予定なので音の情報が元から必要ないため //-試作をブラッシュアップしてさらに擬音を伝わりやすくしたい //-もう一度動きの分類をして制作を絞る //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 -https://www.dhw.ac.jp/faculty/graphic/motiongraphics/ --モーショングラフィックスは動きや音がつくことにより静止... -https://goworkship.com/magazine/visualdesign-motion-ux-e... --モーショングラフィックスは視聴者に注目してもらうために... -https://tsuta-world.com/tsuta-marke/media/?p=7281 -https://thingmedia.jp/11323 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 -__[[しん>https://twitter.com/shiiiiiin223]]__ -__[[TAK>https://twitter.com/gakky72867206]]__ -__[[擬音>https://nihon5-bunka.net/onomatopoeia/#i-10]]__ //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[Action Planetあくしょんプラネット>https://www.youtube.... -[[mooograph>https://www.youtube.com/@mooograph]] -[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]] -[[モーション周期表>http://foxcodex.html.xdomain.jp/About... -aftereffect ~ ~ **プロジェクト管理 ***スケジュール -__[[スプレッドシート>https://docs.google.com/spreadsheet... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo -モーションの基礎を作り終える -サイトにGIF形式でupする %%-SNSにアップする%% %%-プラグインを入れる%% %%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c... %%-いくつかまとまるのか全然違うものの集まりなのか分類する%% //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2023.07.11 ***作業 -__[[WordPress Site>https://kohaku-work-589.com/]]__ -最終発表から修正 --TOP画面新規作成 --記事（モーションの工程）を詳しく書く --ワイヤーフレーム変更 |#image(02.jpg)||#image(03.jpg)||#image(04.jpg)| 擬音50音順でモーションを分類してみると擬音の数に偏りが生... 特に「あ行」「な行」「や行」「ら行」が少なく、「は行」が... ※__[[擬音>https://nihon5-bunka.net/onomatopoeia/#i-10]]__... ~ ~ **2023.07.04 ***作業 -__[[WordPress Site>https://kohaku-work-589.com/]]__ -最終発表から修正 --サイドメニューなどの削除 ~ ~ **2023.06.27 ***作業 -__[[WordPress Site>https://kohaku-work-589.com/]]__ -GIFの投稿、カテゴリー分類をする -最終発表準備 ~ ~ **2023.06.20 ***作業 -サイトマップ --50音順では何の50音順なのかわからない →技法で検索できない動きをを検索させたいなら「動きで探す」... --〇〇で探すというタイトルにする -分類の仕方について --せっかくWordPressを使用しているから回転と移動どちらも対... --場合によってはカテゴリーだけではなくタグも利用する -サイトマップ #image(サイトマップ.jpg) -WordPressサイトを作ろうとしたら有料になった --xfreeでは無料サーバーを一つしか作ることができないのでし... →無料版だと読み込みが遅いためサーバーをレンタルする →[[konaha WING>https://www.conoha.jp/wing/]] -__[[WordPress Site>https://kohaku-work-589.com/]]__ -現在制作しているGIFの投稿、カテゴリー分類をする ~ ~ **2023.06.13 ***作業 -オンラインコミュニティサイトを作るにはWEBアプリケーショ... 現在の持っている技術でできる範囲を超えている。 -銀行や配達業者と契約する必要がある。 -多額のお金がかかる。 -WordPressであればオンプレミスとクラウドどちらでも使用で... まずはWordPressのカスタマイズから ~ ***企画変更 -前回の企画である「一つ一つの動きを、擬音をテーマにモーシ... ~ ***試作 -WordPress上の分類の仕方を考える --あいうえお順 --アニメーションの仕方(種類)で分類 --形と動きに関係性をつける(擬音や動きによって形を変える) -サイトマップ #image(サイトマップ1.jpg) -ワイヤーフレーム |#image(1.jpg)||#image(2.jpg)| //-動画制作 //-GIF化 ~ ~ ~ *on-line 新しいビジネスモデルとしての自前オンラインサイトの制作 //、会員制コミュニティーサイトの制作 #image(01.gif) -''Saki Kougami'' -'''Keywords：Web site, community, official site, creator... //-[[進捗>https://www.instagram.com/589_0509/]] //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ **概要 ***これは何？ -個人サイト、会員制オンラインコミュニティサイトのテンプレ... --独自コンテンツ販売サイト --ファンクラブ型オンラインサロン //、会員制コミュニティーサイト） //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 コミュニティーサイトには大きくオンラインサロンとファンク... オンラインサロンとは会費を支払い、情報などを得ることがで... 数年前から著名人や有識者がオーナーとなり情報提供や交流を... コロナウイルスの影響により社会的距離が求められ、オンライ... //作り、特定のテーマや関心事に共感する人々が集まって交流... //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -ペルソナがコンテンツを発表する個人サイトの制作 --ペルソナは女性クリエイター -コンテンツを発表、販売するサイト --グッズ販売、他のサービスへの誘導、観覧者と交流できるサ... --課題としてこのサイトを作る過程を投稿型コンテンツ、香椎... -買いたいと魅力的に感じて長く滞在してもらえるように、清潔... -操作性や流動性がわかりやすい画面作りをする //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 -Webサイト -ワイヤーフレーム -サイトマップ -サイトのテンプレート //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... //~ ***制作ツール -HTML //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2023.05.23 - 2023.XX.XX //&color(red){プロジェクトの期間｜2023.04.11 - 20XX.XX.XX... ~ ***まとめ 企画を変更したので、どのような問題点があるか教授たちと相... //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 コミュニティーサイトには大きくオンラインサロンとファンク... オンラインサロンとは会費を支払い、情報などを得ることがで... 数年前から著名人や有識者がオーナーとなり情報提供や交流を... ~ オンラインサロンの種類 -コミュニティ型 --コミュニティ型のオンラインサロンの目的は、同じ趣味や目... -ファンクラブ型 --ファンクラブとは、タレントやアーティストなど著名人のフ... -スキルシェア型 --オンラインサロンを運営するオーナーが会員に対して、知識... -プロジェクト型 --プロジェクト型のオンラインサロンは、オーナーが掲げるプ... ~ コロナウイルスによって社会的距離が必要性になり、多くの人... その中でイベントのオンライン移行やzoomを代表とするデジタ... これらの技術はこれからの生活にも活用されて発展していくと... さらに経済不安やおうち時間の増加により学びへの関心や情報... また上記の内容からコロナ前と比べてコンテンツも増加しまし... その結果、イベントや娯楽をはじめとする様々なコンテンツが... 今後は飽和の中でどこに価値を感じるかを大切に購入したり利... よって現在も注目されているクリエイターエコノミーはこれか... そこでクリエイターエコノミーに参入する必要性があると感じ... //特定のテーマや関心事に共感する人々が集まり、交流するサ... https://www3.nhk.or.jp/news/html/20210331/k10012947941000... https://www.nhk.or.jp/gendai/articles/4528/ https://toyokeizai.net/articles/-/372557 https://ideasforgood.jp/glossary/creator-economy/ ~ -大手オンラインサロンのプラットホーム メリット --最短でオンラインサロンの立ち上げが可能 --既に多くのユーザーがプラットフォームに登録されているた... デメリット --利益から手数料を徴収される --自分好みのカスタマイズができない --プラットホームが消えるとサロンも消える -独自のサイトで運営しているサイト メリット --自分好みのカスタマイズできる --収益数料や利用料を支払う必要がないため収益を最大化する... --自分が管理している限り消えない 増設長期的運用では優位になると考えられる デメリット --利用者の獲得と集客の負担 --サイト制作技術がいる 自前オンラインサロンは作ることができる -https://autoro.io/mag/onlinesalon/ -https://www.rbbtoday.com/webcode/sidebusiness/online-sal... -https://hint.lit.link/fan-club/fanclub-platform -https://coconala.com/magazine/8511 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 -__[[DMMオンラインサロン>https://lounge.dmm.com/]]__ -__[[CAMPFIRE Community>https://community.camp-fire.jp/]]__ -__[[個人公式サイト>https://www.mayu1111.org/]]__ -__[[芸能人の例>https://salon.horiemon.com/]]__ -__[[芸能人の例>https://ado-dokidokihimitsukichi-daigakui... //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -HTML ~ ~ **プロジェクト管理 ***スケジュール -__[[スプレッドシート>https://docs.google.com/spreadsheet... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo %%-モーションの基礎を作り終える%% %%-サイトにGIF形式でupする%% %%-SNSにアップする%% %%-プラグインを入れる%% %%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c... %%-いくつかまとまるのか全然違うものの集まりなのか分類する%% //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ **2023.06.06 ***作業 -女性クリエイターをペルソナにして、サイトのテンプレートを... →コンテンツは挿入？ --このサイトを作る過程を投稿型コンテンツ、香椎祭でやる模... ~ -既存のテンプレート（有料プラットフォームなど）との違い ~ &color(blue){既存のテンプレート}; オンラインコミュニティサイトに不可欠な機能 一般的なメニュー構成 ~ -ホーム/ダッシュボード サイトの概要や最新情報の表示 コミュニティの活動のハイライト ~ -コンテンツ/記事 メンバーが投稿した記事やコンテンツの一覧 カテゴリ別のフィルタリングや検索機能 ~ -フォーラム/ディスカッション トピックやスレッドの一覧表示 メンバー同士のディスカッションや質問への回答 ~ -イベント/スケジュール 予定されているイベントやセミナーのスケジュール表示 参加登録やイベントへの参加確認 ~ -メンバープロフィール メンバーのプロフィール情報の表示と編集 メンバー同士のつながりやコミュニケーション ~ -メッセージ/ダイレクトメッセージ メンバー同士の個別メッセージのやり取り グループチャットやプライベートチャットの機能 ~ -リソース/資料 コミュニティメンバーが共有する資料やリソースの一覧 ファイルのアップロードやダウンロード機能 ~ -サポート/ヘルプセンター メンバーがサポートやヘルプを求めるための機能 よくある質問（FAQ）やガイドラインの提供 ~ //-支払い/会費管理 //サロンの利用料金や会費の管理機能 //支払い方法や会員ステータスの表示と更新 ~ -通知/アラート 新着投稿やコメント、イベントの通知機能 メンバーへの重要な情報の伝達 ~ ~ ~ &color(blue){今回制作するテンプレート}; -ホーム/ダッシュボード サイトの概要や最新情報の表示 クリエイターの活動のハイライト ~ -メンバーコミュニティ ファン同士、クリエイターとのの交流やコミュニケーションの場 投稿やコメント、いいねなどの機能 ~ -クリエイター情報: クリエイターのプロフィール情報、経歴、作品紹介 クリエイターの最新ニュースやスケジュールの表示 ~ -イベント/ライブ情報 クリエイターのイベント情報の一覧 チケット予約や参加申し込みの機能 ~ -オンラインコンテンツ ファンクラブ限定のオンラインコンテンツ（記事、動画、音楽... ダウンロードやストリーミングの機能 カテゴリ別のフィルタリングや検索機能 ~ -メッセージ/ダイレクトメッセージ ファンとアーティストの個別メッセージのやり取り グループチャットやプライベートチャットの機能 ~ -ファンクラブ限定特典 ファンへの特別なプレゼントや限定商品の販売 プラン（メンバーシップ）レベルに応じた特典の表示 ~ -コミュニティイベント ファン同士やアーティストとのコミュニティイベントの案内 オフラインイベントやファンミーティングの情報 ~ -サポート/ヘルプセンター メンバーがサポートやヘルプを求めるための機能 よくある質問（FAQ）やガイドラインの提供 ~ -通知/アラート 新着コンテンツやイベントの通知機能 メンバーへの重要な情報の伝達 //~ //-ファン投票/アンケート //ファンによる投票やアンケートの実施 //アーティストの意見や意思決定に参加する機能 ~ -プラン（メンバーレベル）/ランク メンバーシップのレベルやランクの表示 アクティブなファンやコントリビューターの評価 ~ -ファンクラブニュースレター ファンクラブメンバーへの定期的なニュースレター配信 最新情報や特別コンテンツの案内 //~ //-コンテスト/プレゼント企画 //ファンクラブメンバー向けのコンテストやプレゼント企画の... //特典の獲得や参加者間の交流を促進 ~ -ファンクラブストア オフィシャルグッズや限定商品の販売 メンバー限定の割引や特典の提供 ~ -アーカイブ/過去コンテンツ 過去のコンテンツやアーカイブの閲覧 過去のイベントやライブの映像や写真の提供 ~ -ソーシャルメディア連携 ファンクラブのソーシャルメディアアカウントとの連携 最新情報や投稿のシェア機能 ~ -支払い/会費管理 サロンの利用料金や会費の管理機能 支払い方法や会員ステータスの表示と更新 ~ -サポートへの連絡 ファンクラブの運営チームへの連絡手段 問い合わせやフィードバックの送信 ~ //今の案では、一般的なウェブサイトのテンプレートと、オン... ~ //一般的なウェブサイトのテンプレートとの違い ~ ~ **2023.05.30 ***試作 -__[[サイトマップ>https://drive.google.com/drive/folders/... -__[[ワイヤーフレーム>https://drive.google.com/drive/fold... -企画細分化 ~ ***コンセプト -ペルソナがコンテンツを発表する個人サイトの制作 --ペルソナは女性クリエイター -コンテンツを発表、販売するサイト --グッズ販売、他のサービスへの誘導、観覧者と交流できるサ... --このサイトを作る過程を投稿型コンテンツ、香椎祭でやる模... -買いたいと魅力的に感じて長く滞在してもらえるように、清潔... -操作性や流動性がわかりやすい画面作りをする ~ ~ **2023.05.23 ***企画変更 -会員制コミュニティーサイト制作 ~ ***先行事例 -__[[DMMオンラインサロン>https://lounge.dmm.com/]]__ -__[[CAMPFIRE Community>https://community.camp-fire.jp/]]__ -__[[個人公式サイト>https://www.mayu1111.org/]]__ -__[[芸能人の例>https://salon.horiemon.com/]]__ -__[[芸能人の例>https://ado-dokidokihimitsukichi-daigakui... ~ ***現状調査 コミュニティーサイトには大きくオンラインサロンとファンク... オンラインサロンとは会費を支払い、情報などを得ることがで... 数年前から著名人や有識者がオーナーとなり情報提供や交流を... ~ オンラインサロンの種類 -コミュニティ型 --コミュニティ型のオンラインサロンの目的は、同じ趣味や目... -ファンクラブ型 --ファンクラブとは、タレントやアーティストなど著名人のフ... -スキルシェア型 --オンラインサロンを運営するオーナーが会員に対して、知識... -プロジェクト型 --プロジェクト型のオンラインサロンは、オーナーが掲げるプ... ~ コロナウイルスによって社会的距離が必要性になり、多くの人... その中でイベントのオンライン移行やzoomを代表とするデジタ... これらの技術はこれからの生活にも活用されて発展していくと... さらに経済不安やおうち時間の増加により学びへの関心や情報... また上記の内容からコロナ前と比べてコンテンツも増加しまし... その結果、イベントや娯楽をはじめとする様々なコンテンツが... 今後は飽和の中でどこに価値を感じるかを大切に購入したり利... よって現在も注目されているクリエイターエコノミーはこれか... そこで私自身もクリエイターエコノミーに参入する必要性があ... //特定のテーマや関心事に共感する人々が集まり、交流するサ... https://www3.nhk.or.jp/news/html/20210331/k10012947941000... https://www.nhk.or.jp/gendai/articles/4528/ https://toyokeizai.net/articles/-/372557 https://ideasforgood.jp/glossary/creator-economy/ ~ -大手オンラインサロンのプラットホーム メリット --最短でオンラインサロンの立ち上げが可能 --既に多くのユーザーがプラットフォームに登録されているた... デメリット --利益から手数料を徴収される --自分好みのカスタマイズができない --プラットホームが消えるとサロンも消える -独自のサイトで運営しているサイト メリット --自分好みのカスタマイズできる --収益数料や利用料を支払う必要がないため収益を最大化する... --自分が管理している限り消えない 増設長期的運用では優位になると考えられる デメリット --利用者の獲得と集客の負担 --サイト制作技術がいる 自前オンラインサロンは作ることができる -https://autoro.io/mag/onlinesalon/ -https://www.rbbtoday.com/webcode/sidebusiness/online-sal... -https://hint.lit.link/fan-club/fanclub-platform -https://coconala.com/magazine/8511 ~ //***調査 //***技法・技術情報 ~ ~ ~ 前回までの企画 *motion × sound 擬音をモーションで表現する研究 #image(01.gif) -''Saki Kougami'' -'''Keywords：Motion graphics, computer graphics, Adobe A... -[[進捗>https://www.instagram.com/589_0509/]] //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ **概要 ***これは何？ -擬音をモーションで表現した映像制作 //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 -モーショングラフィックスは動くことで、シンプルでも静止画... -モーショングラフィックスは視聴者に注目してもらうために様... 親しみがあり、みなさんの想像する音で動きを楽しんでもらう... //音のイメージを的確に表現する方法を研究します。 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -簡単な図形、動きで擬音を視覚化するモーショングラフィックス //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 -4秒~10秒を目安に動画を12個制作 ( Instagram ) -GIF形式での書き出し //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... //~ ***制作ツール -aftereffect -Illustrator //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2023.04.11 - 2023.XX.XX //&color(red){プロジェクトの期間｜2023.04.11 - 20XX.XX.XX... ~ ***まとめ -動きに注目させるために色をモノクロにしてSEもなくしていた... -今まで通りの制作から色数を増やした制作に変更する -SEは入れれそうなものにのみ挿入する --すべてに挿入したかったがあまり自分の想像している音がな... --動きに注目して音を感じてほしいため --GIF形式にする予定なので音の情報が元から必要ないため -試作をブラッシュアップしてさらに擬音を伝わりやすくしたい -もう一度動きの分類をして制作を絞る //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 -https://www.dhw.ac.jp/faculty/graphic/motiongraphics/ --モーショングラフィックスは動きや音がつくことにより静止... -https://goworkship.com/magazine/visualdesign-motion-ux-e... --モーショングラフィックスは視聴者に注目してもらうために... -https://tsuta-world.com/tsuta-marke/media/?p=7281 -https://thingmedia.jp/11323 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 -__[[しん>https://twitter.com/shiiiiiin223]]__ -__[[TAK>https://twitter.com/gakky72867206]]__ //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[Action Planetあくしょんプラネット>https://www.youtube.... -[[mooograph>https://www.youtube.com/@mooograph]] -[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]] -[[モーション周期表>http://foxcodex.html.xdomain.jp/About... -aftereffect ~ ~ **プロジェクト管理 ***スケジュール -__[[スプレッドシート>https://docs.google.com/spreadsheet... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo -モーションの基礎を作り終える -サイトにGIF形式でupする %%-SNSにアップする%% %%-プラグインを入れる%% %%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c... %%-いくつかまとまるのか全然違うものの集まりなのか分類する%% //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ ~ ~ **2023.05.16 ***作業 -__[[進捗>https://www.instagram.com/589_0509/]]__ -ブラッシュアップ --効果音をつける --情報量を増やすため色数を増やす -効果音をダウンロード -企画見直し ~ ~ ***企画 -見ることで擬音を感じることができるモーショングラフィック... ~ ~ **2023.05.09 ***作業 -__[[進捗>https://www.instagram.com/589_0509/]]__ ~ ***制作物の仕様 -Instagram -animation GIFで掲載（出来たら別サイト） ~ ***企画 %%-見ることで擬音やオノマトペを感じることができるモーショ... %%-最後にそれらを組み合わせて使用し、音楽に合わせたモーシ... ~ ~ **2023.05.02 ***作業 -メインビジュアルを変更 -プラグイン入れる -アカウント作る ~ ***企画 %%-様々な擬音からモーショングラフィックスを複数作る%% %%-最後にそれらを組み合わせて使用し、モーショングラフィッ... ~ ***制作物の仕様 %%-動画(VIMEO)%% -animation GIF（サイト） ~ ~ **2023.04.25 ***作業 -__[[エクセル>https://docs.google.com/spreadsheets/d/1cnJ... -いくつかまとまるのか全然違うものの集まりなのか分類する ~ ***企画 -モーショングラフィックスを約30個作成する ~ ***テーマ -効果音（オノマトペ）、単語、環境音楽 -言葉に表せない情景なども含む -音が無くても音が聞こえるモーション、表現の組み合わせを研... ~ ***制作物の仕様 -動画(VIMEO) -animation GIF ~ ***テーマ選定 -[[効果音（オノマトペ）>https://nihon5-bunka.net/onomatop... -単語 人柄 鉱石 色 ~ ***今回の使用用途 -モーションロゴ -リリックビデオ ~ ***現状調査 -モーションロゴはどういった場面で使用されているか --ドラマの状況説明（推理など） --映画のタイトル --企業説明 --案内 --展示会場 --モーションロゴ --リリックビデオ --MV --PV ~ 使用される状況で効果的な表現は全く異なるので、 自身がどんな場面で使用するかを想定する必要がある ~ ~ **2023.04.18 ***研究は映像制作に決定 ***企画 -様々なモーションを制作していく -それらのモーションを分類する ~ ***現状調査 -https://www.dhw.ac.jp/faculty/graphic/motiongraphics/ --モーショングラフィックスは動きや音がつくことにより静止... -https://goworkship.com/magazine/visualdesign-motion-ux-e... --モーショングラフィックスは視聴者に注目してもらうために... -https://tsuta-world.com/tsuta-marke/media/?p=7281 -https://thingmedia.jp/11323 ~ ~ ***先行研究 -映像制作 --[[フォトコラージュアニメーション>https://twitter.com/ga... --[[フォトコラージュアニメーション>https://twitter.com/hi... --[[3Dを利用したモーショングラフィック>https://twitter.co... --[[C4Dを用いた作品>https://twitter.com/gakky72867206/sta... ~ -楽曲制作 --[[四コマ文庫>https://youtube.com/shorts/h07iBAfU9qs?fea... --[[死神>https://youtu.be/8nxaZ69ElEc]] ~ ~ ***技法・技術情報 -映像制作 --[[もう石田>https://www.youtube.com/@mouishida/videos]] --[[UMU TOKYO>https://www.youtube.com/@umutokyo5997]] --[[藍瀬まなみ>https://youtu.be/a0rBr7ci8a4]] --[[サンゼ>https://www.youtube.com/@sanze-studio]] --[[カズノコ>https://www.youtube.com/channel/UC9h7pRTzhl6... --[[しん>https://twitter.com/shiiiiiin223]] --[[カナタ>https://twitter.com/kana_tasyohizei]] --[[【Blender攻略】The_Movie>https://twitter.com/The1Movi... --[[Illustrator Tricks>https://twitter.com/inspiredbytheA... --[[TAK>https://twitter.com/gakky72867206]] --[[モーション周期表>http://foxcodex.html.xdomain.jp/Abou... --[[Action Planetあくしょんプラネット>https://www.youtube... --[[mooograph>https://www.youtube.com/@mooograph]] --[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]] ~ -楽曲制作 --[[使い方1>https://youtu.be/nMPUcoVmDE0]] --[[使い方2>https://youtu.be/AwuNxNmHoaI]] --[[使い方3>https://youtu.be/AwuNxNmHoaI]] --[[クランとリオン>https://youtu.be/KXXdBQLZqsI]] --[[Reo>https://youtu.be/a0rBr7ci8a4]] --[[シユウ>https://www.youtube.com/@siy6u_DTM]] --[[yamaha>https://www.youtube.com/@SteinbergJapan]] --[[音楽理論1>https://www.youtube.com/live/_zMHo4Lq9aw?fe... --[[音楽理論2>https://youtube.com/playlist?list=PLedsR4qZ... --[[音楽理論3>https://youtube.com/playlist?list=PLNowcEUQ... --[[音楽理論4>https://youtu.be/UFgVnhlhA40]] --[[音楽理論5>https://youtu.be/B2HdaiEm3U0]] ~ ~ **2023.04.11 ***調査 先輩方の先行研究の調査 PV制作でしたいことに近い -[["その波、寄せては返す" PV制作プロジェクト>https://desi... -[[Vaporwave FuturePop>https://design.kyusan-u.ac.jp/soci... -[[幻鯨>https://design.kyusan-u.ac.jp/socialdesign/?%E5%B... -[[Attractive Motion>https://design.kyusan-u.ac.jp/social... ~ サイトを使用しているがモーションが参考になる -[[Web小説 『　黒い金魚　』>https://design.kyusan-u.ac.jp... ~ これらは物だけれど、ブランディングの参考になる -[[「kamakura」のブランド化、プロモーション>https://desig... -[[unkdown. PV>https://design.kyusan-u.ac.jp/socialdesign... -[[𝐃𝐀𝐘 𝐛𝐲 𝐃𝐀𝐘>https://design.kyusan-u.ac.jp/socialdesign/... ~ ブランディングの一つにSNS運用も考えられるので参考になる -[[WITH FLOWERS>https://design.kyusan-u.ac.jp/socialdesig... //-[[かそう空間で息を吸う（仮想 × 夏想）>https://design.k... ~ ***やってみたいこと -映像制作 --テーマ、コンセプトを決めてそれに合わせた制作 --MVを作る ---モーショングラフィック ---2Dと3D（実写も？）を使用する ---楽曲制作と合わせてもいいかも ~ -楽曲制作 （のちにパッケージやMVに繋げる） --合成ソフト --MIXする --グラフィックデザイン ~ -サイト作成 --祖母の家から見た地元の市についてまとめたサイト --プロモーションビデオ制作 わからないことがあればAIに探してもらう ~ ~ ~

終了行:
*motion 一つ一つの動きを擬音をテーマに表現する #image(01.gif) -''Saki Kougami'' -'''Keywords：Motion graphics,Adobe After Effects,WordPre... -__[[WordPress Site>https://kohaku-work-589.com/]]__ //[[進捗>https://www.instagram.com/589_0509/]] //-__[[相互評価シート>https://www.example.com]]__ ← ここ... //computer graphics, ~ **概要 ***これは何？ -モーショングラフィックスの一つ一つの動きに着目し、細分化... //-擬音をモーションで表現した映像制作 //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 -モーショングラフィックスは動くことで、シンプルでも静止画... -モーショングラフィックスは視聴者に注目してもらうために様... //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -擬音を用いることでモーショングラフィックスの動きを直感的... //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 -サイトマップ #image(サイトマップ.jpg) -ワイヤーフレーム |#image(02.jpg)||#image(03.jpg)||#image(04.jpg)| -__[[WordPress Site>https://kohaku-work-589.com/]]__ --GIF形式・1920×1080・10秒以内の尺 --動きを分類する（20投稿） //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... //~ ***制作ツール -aftereffect -Illustrator -WordPress --CONOHA WING --cocoon（モノクロ by yurukei20） //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2023.04.11 - 2023.XX.XX (二、三週間別の企画していました) //&color(red){プロジェクトの期間｜2023.04.11 - 20XX.XX.XX... ~ ***まとめ モーショングラフィックスにおける図形の動きや変形は、何が... //-動きに注目させるために色をモノクロにしてSEもなくしてい... //-今まで通りの制作から色数を増やした制作に変更する //-SEは入れれそうなものにのみ挿入する //--すべてに挿入したかったがあまり自分の想像している音が... //--動きに注目して音を感じてほしいため //--GIF形式にする予定なので音の情報が元から必要ないため //-試作をブラッシュアップしてさらに擬音を伝わりやすくしたい //-もう一度動きの分類をして制作を絞る //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 -https://www.dhw.ac.jp/faculty/graphic/motiongraphics/ --モーショングラフィックスは動きや音がつくことにより静止... -https://goworkship.com/magazine/visualdesign-motion-ux-e... --モーショングラフィックスは視聴者に注目してもらうために... -https://tsuta-world.com/tsuta-marke/media/?p=7281 -https://thingmedia.jp/11323 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 -__[[しん>https://twitter.com/shiiiiiin223]]__ -__[[TAK>https://twitter.com/gakky72867206]]__ -__[[擬音>https://nihon5-bunka.net/onomatopoeia/#i-10]]__ //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[Action Planetあくしょんプラネット>https://www.youtube.... -[[mooograph>https://www.youtube.com/@mooograph]] -[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]] -[[モーション周期表>http://foxcodex.html.xdomain.jp/About... -aftereffect ~ ~ **プロジェクト管理 ***スケジュール -__[[スプレッドシート>https://docs.google.com/spreadsheet... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo -モーションの基礎を作り終える -サイトにGIF形式でupする %%-SNSにアップする%% %%-プラグインを入れる%% %%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c... %%-いくつかまとまるのか全然違うものの集まりなのか分類する%% //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2023.07.11 ***作業 -__[[WordPress Site>https://kohaku-work-589.com/]]__ -最終発表から修正 --TOP画面新規作成 --記事（モーションの工程）を詳しく書く --ワイヤーフレーム変更 |#image(02.jpg)||#image(03.jpg)||#image(04.jpg)| 擬音50音順でモーションを分類してみると擬音の数に偏りが生... 特に「あ行」「な行」「や行」「ら行」が少なく、「は行」が... ※__[[擬音>https://nihon5-bunka.net/onomatopoeia/#i-10]]__... ~ ~ **2023.07.04 ***作業 -__[[WordPress Site>https://kohaku-work-589.com/]]__ -最終発表から修正 --サイドメニューなどの削除 ~ ~ **2023.06.27 ***作業 -__[[WordPress Site>https://kohaku-work-589.com/]]__ -GIFの投稿、カテゴリー分類をする -最終発表準備 ~ ~ **2023.06.20 ***作業 -サイトマップ --50音順では何の50音順なのかわからない →技法で検索できない動きをを検索させたいなら「動きで探す」... --〇〇で探すというタイトルにする -分類の仕方について --せっかくWordPressを使用しているから回転と移動どちらも対... --場合によってはカテゴリーだけではなくタグも利用する -サイトマップ #image(サイトマップ.jpg) -WordPressサイトを作ろうとしたら有料になった --xfreeでは無料サーバーを一つしか作ることができないのでし... →無料版だと読み込みが遅いためサーバーをレンタルする →[[konaha WING>https://www.conoha.jp/wing/]] -__[[WordPress Site>https://kohaku-work-589.com/]]__ -現在制作しているGIFの投稿、カテゴリー分類をする ~ ~ **2023.06.13 ***作業 -オンラインコミュニティサイトを作るにはWEBアプリケーショ... 現在の持っている技術でできる範囲を超えている。 -銀行や配達業者と契約する必要がある。 -多額のお金がかかる。 -WordPressであればオンプレミスとクラウドどちらでも使用で... まずはWordPressのカスタマイズから ~ ***企画変更 -前回の企画である「一つ一つの動きを、擬音をテーマにモーシ... ~ ***試作 -WordPress上の分類の仕方を考える --あいうえお順 --アニメーションの仕方(種類)で分類 --形と動きに関係性をつける(擬音や動きによって形を変える) -サイトマップ #image(サイトマップ1.jpg) -ワイヤーフレーム |#image(1.jpg)||#image(2.jpg)| //-動画制作 //-GIF化 ~ ~ ~ *on-line 新しいビジネスモデルとしての自前オンラインサイトの制作 //、会員制コミュニティーサイトの制作 #image(01.gif) -''Saki Kougami'' -'''Keywords：Web site, community, official site, creator... //-[[進捗>https://www.instagram.com/589_0509/]] //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ **概要 ***これは何？ -個人サイト、会員制オンラインコミュニティサイトのテンプレ... --独自コンテンツ販売サイト --ファンクラブ型オンラインサロン //、会員制コミュニティーサイト） //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 コミュニティーサイトには大きくオンラインサロンとファンク... オンラインサロンとは会費を支払い、情報などを得ることがで... 数年前から著名人や有識者がオーナーとなり情報提供や交流を... コロナウイルスの影響により社会的距離が求められ、オンライ... //作り、特定のテーマや関心事に共感する人々が集まって交流... //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -ペルソナがコンテンツを発表する個人サイトの制作 --ペルソナは女性クリエイター -コンテンツを発表、販売するサイト --グッズ販売、他のサービスへの誘導、観覧者と交流できるサ... --課題としてこのサイトを作る過程を投稿型コンテンツ、香椎... -買いたいと魅力的に感じて長く滞在してもらえるように、清潔... -操作性や流動性がわかりやすい画面作りをする //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 -Webサイト -ワイヤーフレーム -サイトマップ -サイトのテンプレート //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... //~ ***制作ツール -HTML //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2023.05.23 - 2023.XX.XX //&color(red){プロジェクトの期間｜2023.04.11 - 20XX.XX.XX... ~ ***まとめ 企画を変更したので、どのような問題点があるか教授たちと相... //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 コミュニティーサイトには大きくオンラインサロンとファンク... オンラインサロンとは会費を支払い、情報などを得ることがで... 数年前から著名人や有識者がオーナーとなり情報提供や交流を... ~ オンラインサロンの種類 -コミュニティ型 --コミュニティ型のオンラインサロンの目的は、同じ趣味や目... -ファンクラブ型 --ファンクラブとは、タレントやアーティストなど著名人のフ... -スキルシェア型 --オンラインサロンを運営するオーナーが会員に対して、知識... -プロジェクト型 --プロジェクト型のオンラインサロンは、オーナーが掲げるプ... ~ コロナウイルスによって社会的距離が必要性になり、多くの人... その中でイベントのオンライン移行やzoomを代表とするデジタ... これらの技術はこれからの生活にも活用されて発展していくと... さらに経済不安やおうち時間の増加により学びへの関心や情報... また上記の内容からコロナ前と比べてコンテンツも増加しまし... その結果、イベントや娯楽をはじめとする様々なコンテンツが... 今後は飽和の中でどこに価値を感じるかを大切に購入したり利... よって現在も注目されているクリエイターエコノミーはこれか... そこでクリエイターエコノミーに参入する必要性があると感じ... //特定のテーマや関心事に共感する人々が集まり、交流するサ... https://www3.nhk.or.jp/news/html/20210331/k10012947941000... https://www.nhk.or.jp/gendai/articles/4528/ https://toyokeizai.net/articles/-/372557 https://ideasforgood.jp/glossary/creator-economy/ ~ -大手オンラインサロンのプラットホーム メリット --最短でオンラインサロンの立ち上げが可能 --既に多くのユーザーがプラットフォームに登録されているた... デメリット --利益から手数料を徴収される --自分好みのカスタマイズができない --プラットホームが消えるとサロンも消える -独自のサイトで運営しているサイト メリット --自分好みのカスタマイズできる --収益数料や利用料を支払う必要がないため収益を最大化する... --自分が管理している限り消えない 増設長期的運用では優位になると考えられる デメリット --利用者の獲得と集客の負担 --サイト制作技術がいる 自前オンラインサロンは作ることができる -https://autoro.io/mag/onlinesalon/ -https://www.rbbtoday.com/webcode/sidebusiness/online-sal... -https://hint.lit.link/fan-club/fanclub-platform -https://coconala.com/magazine/8511 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 -__[[DMMオンラインサロン>https://lounge.dmm.com/]]__ -__[[CAMPFIRE Community>https://community.camp-fire.jp/]]__ -__[[個人公式サイト>https://www.mayu1111.org/]]__ -__[[芸能人の例>https://salon.horiemon.com/]]__ -__[[芸能人の例>https://ado-dokidokihimitsukichi-daigakui... //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -HTML ~ ~ **プロジェクト管理 ***スケジュール -__[[スプレッドシート>https://docs.google.com/spreadsheet... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo %%-モーションの基礎を作り終える%% %%-サイトにGIF形式でupする%% %%-SNSにアップする%% %%-プラグインを入れる%% %%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c... %%-いくつかまとまるのか全然違うものの集まりなのか分類する%% //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ **2023.06.06 ***作業 -女性クリエイターをペルソナにして、サイトのテンプレートを... →コンテンツは挿入？ --このサイトを作る過程を投稿型コンテンツ、香椎祭でやる模... ~ -既存のテンプレート（有料プラットフォームなど）との違い ~ &color(blue){既存のテンプレート}; オンラインコミュニティサイトに不可欠な機能 一般的なメニュー構成 ~ -ホーム/ダッシュボード サイトの概要や最新情報の表示 コミュニティの活動のハイライト ~ -コンテンツ/記事 メンバーが投稿した記事やコンテンツの一覧 カテゴリ別のフィルタリングや検索機能 ~ -フォーラム/ディスカッション トピックやスレッドの一覧表示 メンバー同士のディスカッションや質問への回答 ~ -イベント/スケジュール 予定されているイベントやセミナーのスケジュール表示 参加登録やイベントへの参加確認 ~ -メンバープロフィール メンバーのプロフィール情報の表示と編集 メンバー同士のつながりやコミュニケーション ~ -メッセージ/ダイレクトメッセージ メンバー同士の個別メッセージのやり取り グループチャットやプライベートチャットの機能 ~ -リソース/資料 コミュニティメンバーが共有する資料やリソースの一覧 ファイルのアップロードやダウンロード機能 ~ -サポート/ヘルプセンター メンバーがサポートやヘルプを求めるための機能 よくある質問（FAQ）やガイドラインの提供 ~ //-支払い/会費管理 //サロンの利用料金や会費の管理機能 //支払い方法や会員ステータスの表示と更新 ~ -通知/アラート 新着投稿やコメント、イベントの通知機能 メンバーへの重要な情報の伝達 ~ ~ ~ &color(blue){今回制作するテンプレート}; -ホーム/ダッシュボード サイトの概要や最新情報の表示 クリエイターの活動のハイライト ~ -メンバーコミュニティ ファン同士、クリエイターとのの交流やコミュニケーションの場 投稿やコメント、いいねなどの機能 ~ -クリエイター情報: クリエイターのプロフィール情報、経歴、作品紹介 クリエイターの最新ニュースやスケジュールの表示 ~ -イベント/ライブ情報 クリエイターのイベント情報の一覧 チケット予約や参加申し込みの機能 ~ -オンラインコンテンツ ファンクラブ限定のオンラインコンテンツ（記事、動画、音楽... ダウンロードやストリーミングの機能 カテゴリ別のフィルタリングや検索機能 ~ -メッセージ/ダイレクトメッセージ ファンとアーティストの個別メッセージのやり取り グループチャットやプライベートチャットの機能 ~ -ファンクラブ限定特典 ファンへの特別なプレゼントや限定商品の販売 プラン（メンバーシップ）レベルに応じた特典の表示 ~ -コミュニティイベント ファン同士やアーティストとのコミュニティイベントの案内 オフラインイベントやファンミーティングの情報 ~ -サポート/ヘルプセンター メンバーがサポートやヘルプを求めるための機能 よくある質問（FAQ）やガイドラインの提供 ~ -通知/アラート 新着コンテンツやイベントの通知機能 メンバーへの重要な情報の伝達 //~ //-ファン投票/アンケート //ファンによる投票やアンケートの実施 //アーティストの意見や意思決定に参加する機能 ~ -プラン（メンバーレベル）/ランク メンバーシップのレベルやランクの表示 アクティブなファンやコントリビューターの評価 ~ -ファンクラブニュースレター ファンクラブメンバーへの定期的なニュースレター配信 最新情報や特別コンテンツの案内 //~ //-コンテスト/プレゼント企画 //ファンクラブメンバー向けのコンテストやプレゼント企画の... //特典の獲得や参加者間の交流を促進 ~ -ファンクラブストア オフィシャルグッズや限定商品の販売 メンバー限定の割引や特典の提供 ~ -アーカイブ/過去コンテンツ 過去のコンテンツやアーカイブの閲覧 過去のイベントやライブの映像や写真の提供 ~ -ソーシャルメディア連携 ファンクラブのソーシャルメディアアカウントとの連携 最新情報や投稿のシェア機能 ~ -支払い/会費管理 サロンの利用料金や会費の管理機能 支払い方法や会員ステータスの表示と更新 ~ -サポートへの連絡 ファンクラブの運営チームへの連絡手段 問い合わせやフィードバックの送信 ~ //今の案では、一般的なウェブサイトのテンプレートと、オン... ~ //一般的なウェブサイトのテンプレートとの違い ~ ~ **2023.05.30 ***試作 -__[[サイトマップ>https://drive.google.com/drive/folders/... -__[[ワイヤーフレーム>https://drive.google.com/drive/fold... -企画細分化 ~ ***コンセプト -ペルソナがコンテンツを発表する個人サイトの制作 --ペルソナは女性クリエイター -コンテンツを発表、販売するサイト --グッズ販売、他のサービスへの誘導、観覧者と交流できるサ... --このサイトを作る過程を投稿型コンテンツ、香椎祭でやる模... -買いたいと魅力的に感じて長く滞在してもらえるように、清潔... -操作性や流動性がわかりやすい画面作りをする ~ ~ **2023.05.23 ***企画変更 -会員制コミュニティーサイト制作 ~ ***先行事例 -__[[DMMオンラインサロン>https://lounge.dmm.com/]]__ -__[[CAMPFIRE Community>https://community.camp-fire.jp/]]__ -__[[個人公式サイト>https://www.mayu1111.org/]]__ -__[[芸能人の例>https://salon.horiemon.com/]]__ -__[[芸能人の例>https://ado-dokidokihimitsukichi-daigakui... ~ ***現状調査 コミュニティーサイトには大きくオンラインサロンとファンク... オンラインサロンとは会費を支払い、情報などを得ることがで... 数年前から著名人や有識者がオーナーとなり情報提供や交流を... ~ オンラインサロンの種類 -コミュニティ型 --コミュニティ型のオンラインサロンの目的は、同じ趣味や目... -ファンクラブ型 --ファンクラブとは、タレントやアーティストなど著名人のフ... -スキルシェア型 --オンラインサロンを運営するオーナーが会員に対して、知識... -プロジェクト型 --プロジェクト型のオンラインサロンは、オーナーが掲げるプ... ~ コロナウイルスによって社会的距離が必要性になり、多くの人... その中でイベントのオンライン移行やzoomを代表とするデジタ... これらの技術はこれからの生活にも活用されて発展していくと... さらに経済不安やおうち時間の増加により学びへの関心や情報... また上記の内容からコロナ前と比べてコンテンツも増加しまし... その結果、イベントや娯楽をはじめとする様々なコンテンツが... 今後は飽和の中でどこに価値を感じるかを大切に購入したり利... よって現在も注目されているクリエイターエコノミーはこれか... そこで私自身もクリエイターエコノミーに参入する必要性があ... //特定のテーマや関心事に共感する人々が集まり、交流するサ... https://www3.nhk.or.jp/news/html/20210331/k10012947941000... https://www.nhk.or.jp/gendai/articles/4528/ https://toyokeizai.net/articles/-/372557 https://ideasforgood.jp/glossary/creator-economy/ ~ -大手オンラインサロンのプラットホーム メリット --最短でオンラインサロンの立ち上げが可能 --既に多くのユーザーがプラットフォームに登録されているた... デメリット --利益から手数料を徴収される --自分好みのカスタマイズができない --プラットホームが消えるとサロンも消える -独自のサイトで運営しているサイト メリット --自分好みのカスタマイズできる --収益数料や利用料を支払う必要がないため収益を最大化する... --自分が管理している限り消えない 増設長期的運用では優位になると考えられる デメリット --利用者の獲得と集客の負担 --サイト制作技術がいる 自前オンラインサロンは作ることができる -https://autoro.io/mag/onlinesalon/ -https://www.rbbtoday.com/webcode/sidebusiness/online-sal... -https://hint.lit.link/fan-club/fanclub-platform -https://coconala.com/magazine/8511 ~ //***調査 //***技法・技術情報 ~ ~ ~ 前回までの企画 *motion × sound 擬音をモーションで表現する研究 #image(01.gif) -''Saki Kougami'' -'''Keywords：Motion graphics, computer graphics, Adobe A... -[[進捗>https://www.instagram.com/589_0509/]] //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ **概要 ***これは何？ -擬音をモーションで表現した映像制作 //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 -モーショングラフィックスは動くことで、シンプルでも静止画... -モーショングラフィックスは視聴者に注目してもらうために様... 親しみがあり、みなさんの想像する音で動きを楽しんでもらう... //音のイメージを的確に表現する方法を研究します。 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -簡単な図形、動きで擬音を視覚化するモーショングラフィックス //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 -4秒~10秒を目安に動画を12個制作 ( Instagram ) -GIF形式での書き出し //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... //~ ***制作ツール -aftereffect -Illustrator //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2023.04.11 - 2023.XX.XX //&color(red){プロジェクトの期間｜2023.04.11 - 20XX.XX.XX... ~ ***まとめ -動きに注目させるために色をモノクロにしてSEもなくしていた... -今まで通りの制作から色数を増やした制作に変更する -SEは入れれそうなものにのみ挿入する --すべてに挿入したかったがあまり自分の想像している音がな... --動きに注目して音を感じてほしいため --GIF形式にする予定なので音の情報が元から必要ないため -試作をブラッシュアップしてさらに擬音を伝わりやすくしたい -もう一度動きの分類をして制作を絞る //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 -https://www.dhw.ac.jp/faculty/graphic/motiongraphics/ --モーショングラフィックスは動きや音がつくことにより静止... -https://goworkship.com/magazine/visualdesign-motion-ux-e... --モーショングラフィックスは視聴者に注目してもらうために... -https://tsuta-world.com/tsuta-marke/media/?p=7281 -https://thingmedia.jp/11323 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 -__[[しん>https://twitter.com/shiiiiiin223]]__ -__[[TAK>https://twitter.com/gakky72867206]]__ //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[Action Planetあくしょんプラネット>https://www.youtube.... -[[mooograph>https://www.youtube.com/@mooograph]] -[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]] -[[モーション周期表>http://foxcodex.html.xdomain.jp/About... -aftereffect ~ ~ **プロジェクト管理 ***スケジュール -__[[スプレッドシート>https://docs.google.com/spreadsheet... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo -モーションの基礎を作り終える -サイトにGIF形式でupする %%-SNSにアップする%% %%-プラグインを入れる%% %%-__[[エクセル>https://docs.google.com/spreadsheets/d/1c... %%-いくつかまとまるのか全然違うものの集まりなのか分類する%% //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ ~ ~ **2023.05.16 ***作業 -__[[進捗>https://www.instagram.com/589_0509/]]__ -ブラッシュアップ --効果音をつける --情報量を増やすため色数を増やす -効果音をダウンロード -企画見直し ~ ~ ***企画 -見ることで擬音を感じることができるモーショングラフィック... ~ ~ **2023.05.09 ***作業 -__[[進捗>https://www.instagram.com/589_0509/]]__ ~ ***制作物の仕様 -Instagram -animation GIFで掲載（出来たら別サイト） ~ ***企画 %%-見ることで擬音やオノマトペを感じることができるモーショ... %%-最後にそれらを組み合わせて使用し、音楽に合わせたモーシ... ~ ~ **2023.05.02 ***作業 -メインビジュアルを変更 -プラグイン入れる -アカウント作る ~ ***企画 %%-様々な擬音からモーショングラフィックスを複数作る%% %%-最後にそれらを組み合わせて使用し、モーショングラフィッ... ~ ***制作物の仕様 %%-動画(VIMEO)%% -animation GIF（サイト） ~ ~ **2023.04.25 ***作業 -__[[エクセル>https://docs.google.com/spreadsheets/d/1cnJ... -いくつかまとまるのか全然違うものの集まりなのか分類する ~ ***企画 -モーショングラフィックスを約30個作成する ~ ***テーマ -効果音（オノマトペ）、単語、環境音楽 -言葉に表せない情景なども含む -音が無くても音が聞こえるモーション、表現の組み合わせを研... ~ ***制作物の仕様 -動画(VIMEO) -animation GIF ~ ***テーマ選定 -[[効果音（オノマトペ）>https://nihon5-bunka.net/onomatop... -単語 人柄 鉱石 色 ~ ***今回の使用用途 -モーションロゴ -リリックビデオ ~ ***現状調査 -モーションロゴはどういった場面で使用されているか --ドラマの状況説明（推理など） --映画のタイトル --企業説明 --案内 --展示会場 --モーションロゴ --リリックビデオ --MV --PV ~ 使用される状況で効果的な表現は全く異なるので、 自身がどんな場面で使用するかを想定する必要がある ~ ~ **2023.04.18 ***研究は映像制作に決定 ***企画 -様々なモーションを制作していく -それらのモーションを分類する ~ ***現状調査 -https://www.dhw.ac.jp/faculty/graphic/motiongraphics/ --モーショングラフィックスは動きや音がつくことにより静止... -https://goworkship.com/magazine/visualdesign-motion-ux-e... --モーショングラフィックスは視聴者に注目してもらうために... -https://tsuta-world.com/tsuta-marke/media/?p=7281 -https://thingmedia.jp/11323 ~ ~ ***先行研究 -映像制作 --[[フォトコラージュアニメーション>https://twitter.com/ga... --[[フォトコラージュアニメーション>https://twitter.com/hi... --[[3Dを利用したモーショングラフィック>https://twitter.co... --[[C4Dを用いた作品>https://twitter.com/gakky72867206/sta... ~ -楽曲制作 --[[四コマ文庫>https://youtube.com/shorts/h07iBAfU9qs?fea... --[[死神>https://youtu.be/8nxaZ69ElEc]] ~ ~ ***技法・技術情報 -映像制作 --[[もう石田>https://www.youtube.com/@mouishida/videos]] --[[UMU TOKYO>https://www.youtube.com/@umutokyo5997]] --[[藍瀬まなみ>https://youtu.be/a0rBr7ci8a4]] --[[サンゼ>https://www.youtube.com/@sanze-studio]] --[[カズノコ>https://www.youtube.com/channel/UC9h7pRTzhl6... --[[しん>https://twitter.com/shiiiiiin223]] --[[カナタ>https://twitter.com/kana_tasyohizei]] --[[【Blender攻略】The_Movie>https://twitter.com/The1Movi... --[[Illustrator Tricks>https://twitter.com/inspiredbytheA... --[[TAK>https://twitter.com/gakky72867206]] --[[モーション周期表>http://foxcodex.html.xdomain.jp/Abou... --[[Action Planetあくしょんプラネット>https://www.youtube... --[[mooograph>https://www.youtube.com/@mooograph]] --[[Putti Monkey Wrench>https://www.youtube.com/@PuttiMW]] ~ -楽曲制作 --[[使い方1>https://youtu.be/nMPUcoVmDE0]] --[[使い方2>https://youtu.be/AwuNxNmHoaI]] --[[使い方3>https://youtu.be/AwuNxNmHoaI]] --[[クランとリオン>https://youtu.be/KXXdBQLZqsI]] --[[Reo>https://youtu.be/a0rBr7ci8a4]] --[[シユウ>https://www.youtube.com/@siy6u_DTM]] --[[yamaha>https://www.youtube.com/@SteinbergJapan]] --[[音楽理論1>https://www.youtube.com/live/_zMHo4Lq9aw?fe... --[[音楽理論2>https://youtube.com/playlist?list=PLedsR4qZ... --[[音楽理論3>https://youtube.com/playlist?list=PLNowcEUQ... --[[音楽理論4>https://youtu.be/UFgVnhlhA40]] --[[音楽理論5>https://youtu.be/B2HdaiEm3U0]] ~ ~ **2023.04.11 ***調査 先輩方の先行研究の調査 PV制作でしたいことに近い -[["その波、寄せては返す" PV制作プロジェクト>https://desi... -[[Vaporwave FuturePop>https://design.kyusan-u.ac.jp/soci... -[[幻鯨>https://design.kyusan-u.ac.jp/socialdesign/?%E5%B... -[[Attractive Motion>https://design.kyusan-u.ac.jp/social... ~ サイトを使用しているがモーションが参考になる -[[Web小説 『　黒い金魚　』>https://design.kyusan-u.ac.jp... ~ これらは物だけれど、ブランディングの参考になる -[[「kamakura」のブランド化、プロモーション>https://desig... -[[unkdown. PV>https://design.kyusan-u.ac.jp/socialdesign... -[[𝐃𝐀𝐘 𝐛𝐲 𝐃𝐀𝐘>https://design.kyusan-u.ac.jp/socialdesign/... ~ ブランディングの一つにSNS運用も考えられるので参考になる -[[WITH FLOWERS>https://design.kyusan-u.ac.jp/socialdesig... //-[[かそう空間で息を吸う（仮想 × 夏想）>https://design.k... ~ ***やってみたいこと -映像制作 --テーマ、コンセプトを決めてそれに合わせた制作 --MVを作る ---モーショングラフィック ---2Dと3D（実写も？）を使用する ---楽曲制作と合わせてもいいかも ~ -楽曲制作 （のちにパッケージやMVに繋げる） --合成ソフト --MIXする --グラフィックデザイン ~ -サイト作成 --祖母の家から見た地元の市についてまとめたサイト --プロモーションビデオ制作 わからないことがあればAIに探してもらう ~ ~ ~

ページ名: