平塚海登/情報デザイン研究I をテンプレートにして作成

開始行:
*Fukuoka City by numbers. 数字でみる福岡市 '''Keywords：Motion graphics / Info graphics''' ~ ~ #image(MainVisual.png) ~ ~ **プロジェクトの概要 ***これは何？ 福岡市の"いま"を伝える モーショングラフィックス ~ ***背景 福岡市は日本一の成長都市(人口増加数)とも知られ、住みやす... ~ ***目的・主旨 動画を通して福岡市の魅力を伝える ~ ***コンセプト -動画の中における過剰な装飾を省いて、 わかりやすくモダンなデザインにする -視聴途中の動画からの離脱を少なくするため、 スピード感のある演出にする (TikTokやIGTVをはじめ、動画の再生時間はより短くなる傾向に... ~ ***ターゲット -福岡市にお住まいの方 -福岡市に関心がある方 ~ ***制作物 #youtube(ufj7IcrrQbQ) ''動画'' スマートフォンなど縦型デバイスでの視聴に最適化。 YouTubeなど映像コンテンツにおける高フレームレート化の トレンドにあわせて、60fpsで制作した。 (Motion graphics / Info graphics) ~ ***プロジェクトで使用するツール Adobe Illustrator, Adobe After Effects, Adobe Premiere Pro ~ ***まとめ スマートフォンになど縦型デバイスに最適化した比率と、 スピード感ある演出で視聴途中の動画からの離脱が少なくなる... 今後は編集・コンテンツのクオリティを高め、視聴者が惹きつ... ~ ~ **プロジェクト管理 ***スケジュール [[スケジュール>https://docs.google.com/spreadsheets/d/1DU... ~ ***ToDo -%%映像内のコンテンツの計画%% -%%Illustratorを使った試作%% -%%映像の長さを決める%% -%%映像のコンテツを決める%% ~ ~ **進捗・記録 ~ ~ ***2020.07.08 ''完成映像'' #youtube(ufj7IcrrQbQ) スマートフォンでの閲覧に最適化。 YouTubeなど映像コンテンツにおける高フレームレート化の トレンドにあわせて、60fpsで制作した。 ~ ~ ~ ~ ***2020.07.02 ~ #image(image03.png) これまで''「People(ヒト)」''と''「Money(カネ)」''の2つに... コンテンツを制作してきたが、2つのカテゴリ両方に該当する項... 多かったことや、動画における内容充実のため一本の動画とし... ~ ~ ~ ~ ***2020.06.25 ~ #image(image02.png) ~ ~ ~ ~ ***2020.06.18 ~ #image(image01.png) ~ ~ ~ ~ ***2020.06.11 ~ ''Illustratorを使った試作'' #image(sample04.png) ~ ~ ~ ~ ***2020.06.04 ~ ''映像のテーマ'' ''「ヒト(人口)」''と''「カネ(経済)」''の２つにカテゴライ... 各30秒程度の動画にする ~ ~ ''Color scheme'' #image(sample01.png) 現代的(モダン)な配色にする ~ ~ ''映像におけるアスペクト比'' #image(sample02.png) [[HeyNews.>https://www.instagram.com/_hey.news_/?hl=ja]]... ディジタルサイネージにおいても縦型として設置されることが... ~ ~ ''Image'' #image(sample03.png) ~ 過剰な装飾を省いて シンプルでモダンなデザインを目指す ~ ~ -映像内のコンテンツの計画 -Illustratorを使った試作 - ~ ~ ~ ~ ***2020.05.14 ~ ''数字でわかる福岡市'' 福岡市都市計画マスタープラン「[[福岡市政の課題>http://www... ~ -''映像の長さ'' 1分程度未満 -''動画のアスペクト比'' スマホライクな縦型にするか 従来通りの16:9にするか検討中 (Instagramのストーリーズや、TikTokなど多くのメディアが 縦型メディアに移行しているので縦型を念頭においています) ~ ''ウォーミングアップ'' ~ #youtube(cXxuWBQQ4vY) ~ #vimeo(420891695) 解説動画を見ながら、Adobe AfterEffectsでの モーショングラフィックスのつくり方を習得していきます -絵コンテをまとめる ~ ***2020.05.07 ~ [[文化・エンターテインメント活動支援事業 | 福岡市>https:/... 福岡市の文化・エンターテインメント活動支援事業は、''"新型... ~ ''試作品・サンプルをつくる'' ~ 参考 : ''グラフィックで伝える :'' [[Covid-19 Charts | Pentagram>https://www.pentagram.com/w... [[九州産業大学・九州産業大学 造形短期大学部 緊急支援まと... [[Fukuoka Facts>http://facts.city.fukuoka.lg.jp/]] ~ ''みんなに伝える :'' [[特別定額給付金 | 政府広報〈動画〉>https://nettv.gov-onl... ~ ~ ~ ~ ***2020.05.03 ''モーショングラフィックス'' 映像は、映像は視覚からだけではなく、聴覚からも情報が入り... また文字情報や、グラフィックと比較し、受け身のメディアと... ''福岡市'' 福岡市はアジア各国と近接する立地的ポテンシャルを活かし、... 参考動画のような福岡市政のPRCMは、福岡民放各局におけるCM... ~ -福岡市民でも福岡市のポテンシャルを理解している人は少ない... --対象は福岡市民? -市政PRよりも数字をメーンにして、客観的な内容にする? ~ ~ 参考動画 : #youtube(WZ6Z7_Uko8w?t=245) ~ 参考 : [[Fukuoka Facts>http://facts.city.fukuoka.lg.jp/]] [[福岡市を経営する(著・高島宗一郎)>https://www.amazon.co.... ~ ~ ***2020.04.30 ~ ~ ***2020.04.23 -Adobe After Effectsを使った ''インフォグラフィックス・モーショングラフィックス'' ~ 参考 : ~ #vimeo(9873910) ~ //|50||50| |#youtube(DGyW4gdHtvM)|#youtube(7P8fd9Q0MK0)| ~ ~ ~

終了行:
*Fukuoka City by numbers. 数字でみる福岡市 '''Keywords：Motion graphics / Info graphics''' ~ ~ #image(MainVisual.png) ~ ~ **プロジェクトの概要 ***これは何？ 福岡市の"いま"を伝える モーショングラフィックス ~ ***背景 福岡市は日本一の成長都市(人口増加数)とも知られ、住みやす... ~ ***目的・主旨 動画を通して福岡市の魅力を伝える ~ ***コンセプト -動画の中における過剰な装飾を省いて、 わかりやすくモダンなデザインにする -視聴途中の動画からの離脱を少なくするため、 スピード感のある演出にする (TikTokやIGTVをはじめ、動画の再生時間はより短くなる傾向に... ~ ***ターゲット -福岡市にお住まいの方 -福岡市に関心がある方 ~ ***制作物 #youtube(ufj7IcrrQbQ) ''動画'' スマートフォンなど縦型デバイスでの視聴に最適化。 YouTubeなど映像コンテンツにおける高フレームレート化の トレンドにあわせて、60fpsで制作した。 (Motion graphics / Info graphics) ~ ***プロジェクトで使用するツール Adobe Illustrator, Adobe After Effects, Adobe Premiere Pro ~ ***まとめ スマートフォンになど縦型デバイスに最適化した比率と、 スピード感ある演出で視聴途中の動画からの離脱が少なくなる... 今後は編集・コンテンツのクオリティを高め、視聴者が惹きつ... ~ ~ **プロジェクト管理 ***スケジュール [[スケジュール>https://docs.google.com/spreadsheets/d/1DU... ~ ***ToDo -%%映像内のコンテンツの計画%% -%%Illustratorを使った試作%% -%%映像の長さを決める%% -%%映像のコンテツを決める%% ~ ~ **進捗・記録 ~ ~ ***2020.07.08 ''完成映像'' #youtube(ufj7IcrrQbQ) スマートフォンでの閲覧に最適化。 YouTubeなど映像コンテンツにおける高フレームレート化の トレンドにあわせて、60fpsで制作した。 ~ ~ ~ ~ ***2020.07.02 ~ #image(image03.png) これまで''「People(ヒト)」''と''「Money(カネ)」''の2つに... コンテンツを制作してきたが、2つのカテゴリ両方に該当する項... 多かったことや、動画における内容充実のため一本の動画とし... ~ ~ ~ ~ ***2020.06.25 ~ #image(image02.png) ~ ~ ~ ~ ***2020.06.18 ~ #image(image01.png) ~ ~ ~ ~ ***2020.06.11 ~ ''Illustratorを使った試作'' #image(sample04.png) ~ ~ ~ ~ ***2020.06.04 ~ ''映像のテーマ'' ''「ヒト(人口)」''と''「カネ(経済)」''の２つにカテゴライ... 各30秒程度の動画にする ~ ~ ''Color scheme'' #image(sample01.png) 現代的(モダン)な配色にする ~ ~ ''映像におけるアスペクト比'' #image(sample02.png) [[HeyNews.>https://www.instagram.com/_hey.news_/?hl=ja]]... ディジタルサイネージにおいても縦型として設置されることが... ~ ~ ''Image'' #image(sample03.png) ~ 過剰な装飾を省いて シンプルでモダンなデザインを目指す ~ ~ -映像内のコンテンツの計画 -Illustratorを使った試作 - ~ ~ ~ ~ ***2020.05.14 ~ ''数字でわかる福岡市'' 福岡市都市計画マスタープラン「[[福岡市政の課題>http://www... ~ -''映像の長さ'' 1分程度未満 -''動画のアスペクト比'' スマホライクな縦型にするか 従来通りの16:9にするか検討中 (Instagramのストーリーズや、TikTokなど多くのメディアが 縦型メディアに移行しているので縦型を念頭においています) ~ ''ウォーミングアップ'' ~ #youtube(cXxuWBQQ4vY) ~ #vimeo(420891695) 解説動画を見ながら、Adobe AfterEffectsでの モーショングラフィックスのつくり方を習得していきます -絵コンテをまとめる ~ ***2020.05.07 ~ [[文化・エンターテインメント活動支援事業 | 福岡市>https:/... 福岡市の文化・エンターテインメント活動支援事業は、''"新型... ~ ''試作品・サンプルをつくる'' ~ 参考 : ''グラフィックで伝える :'' [[Covid-19 Charts | Pentagram>https://www.pentagram.com/w... [[九州産業大学・九州産業大学 造形短期大学部 緊急支援まと... [[Fukuoka Facts>http://facts.city.fukuoka.lg.jp/]] ~ ''みんなに伝える :'' [[特別定額給付金 | 政府広報〈動画〉>https://nettv.gov-onl... ~ ~ ~ ~ ***2020.05.03 ''モーショングラフィックス'' 映像は、映像は視覚からだけではなく、聴覚からも情報が入り... また文字情報や、グラフィックと比較し、受け身のメディアと... ''福岡市'' 福岡市はアジア各国と近接する立地的ポテンシャルを活かし、... 参考動画のような福岡市政のPRCMは、福岡民放各局におけるCM... ~ -福岡市民でも福岡市のポテンシャルを理解している人は少ない... --対象は福岡市民? -市政PRよりも数字をメーンにして、客観的な内容にする? ~ ~ 参考動画 : #youtube(WZ6Z7_Uko8w?t=245) ~ 参考 : [[Fukuoka Facts>http://facts.city.fukuoka.lg.jp/]] [[福岡市を経営する(著・高島宗一郎)>https://www.amazon.co.... ~ ~ ***2020.04.30 ~ ~ ***2020.04.23 -Adobe After Effectsを使った ''インフォグラフィックス・モーショングラフィックス'' ~ 参考 : ~ #vimeo(9873910) ~ //|50||50| |#youtube(DGyW4gdHtvM)|#youtube(7P8fd9Q0MK0)| ~ ~ ~

ページ名: