吉永龍太朗/情報デザイン研究I
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
山口恵
早稲田加奈恵
渡邊優希
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
中川飛鳥
福屋早希乃
脇山千寛
2024
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン概論
ソーシャルデザイン演習
情報デザイン演習IIA
情報デザイン演習IIB
地域ブランド企画演習IIA
地域ブランド企画演習IIB
視覚デザイン演習
Webデザイン演習
3DCG演習
情報デザイン研究I
地域ブランド企画研究I
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
*ICT LAB PR
総合基盤センターICT LAB室プロモーション動画制作
Motion graphics × 実写映像
#image(ICT LAB.jpg)
//#image(ICT-LAB.gif)
-''RYUTARO YOSHINAGA''
-'''Movie:Promotion,Motion graphics '''
-[[ICT LAB Promotion Movie>https://www.youtube.com/watch?...
~
**Overview
~
***Introduction / What is This
//&color(red){これは何か・・を簡潔に};
モーショングラフィックと実写映像を組み合わせた映像作品
今年度に新規リニューアルされた中央会館3階ICTLAB(旧オープ...
~
***Background and Purpose
//&color(red){プロジェクトの背景と目的};
ICT LAB室の利用方法などをより多くの学生に周知したいという...
//遠隔授業に対応した機器や機材の貸し出しシステムなど、
~
***Concept
//&color(red){基本的な考え方、枠組み、視点など};
-ICT LABを知ってもらうきっかけとなる動画
-施設の簡単な使用用途/利用できるサービス紹介動画
~
~
***Output
#youtube(yoUo_r7Nw-o)
~
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視...
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本...
#slider(center,100%,h1,1000,2000,01.jpg,02.jpg,03.jpg,04....
&small(※動画冒頭8秒ドローン映像は学校から提供していただき...
~
~
***Tools
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-Adobe Illustrator
-Adobe After Effects
-Adobe Premiere Pro
~
//***Term
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
//***Conclusion / Summary
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
**Survey
~
***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
***現状の問題
-リニューアルオープンされたICT LABの周知が進んでいない
~
***問題の原因
-コロナ禍における遠隔授業の影響でそもそも学校に来ていない
-K'sライフで授業連絡以外のメールはほとんど見ていない
-中央会館で授業がない限り立ち寄ることが少ない
~
***Precedent
//&color(red){先行事例の紹介、傾向分析など};
***先行事例
-[[AbemaTowers Office Movie>https://www.youtube.com/watch...
-[[プロパティエージェント【PropertyAgent】>https://www.yo...
-[[トヨタ大手町 オフィス紹介>https://www.youtube.com/watc...
//***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
~
~
**Project Management
~
***Schedule
-[[⏳スケジュール>https://docs.google.com/spreadsheets/d/1...
~
***ToDo
***今週の目標
-プレゼンテーションの練習
~
~
#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
~
~
**2021.07.01
~
***講評を受けての今後の課題
-オリジナリティが足りない
今回はより多くの人に向けたシンプルでスタイリッシュな映像...
次回からこのようなプロモーションビデオを作成する際はカメ...
~
-映像素材が常に動いていて目が疲れる
少し凝っている映像にしたいという思いが強く出過ぎてしまっ...
~
-映像に映っているの目線
出演している人の “目線の先にあるモノ” をもう少し映像内の...
~
~
**2021.06.17
~
***構成の決定
#youtube(k_Vwu8lTqTk)
-全体の流れは決定しました。
-カラーグレイディングを再度調整
-エフェクトの動きの調整
~
~
**2021.06.09
~
***エリア紹介の試作
//|#image(春.jpg)|#image(夏.jpg)|
~
''Sample1''
-ICT LABのロゴからインスピレーションを受けたデザイン
-図形が動く仕様にしたい
~
|#image(L1.jpg)|#image(L2.jpg)|
~
''Sample2''
-シンプルで見やすさ重視のデザイン
-背景画像をスライド式にしたい
~
|#image(S1.jpg)|#image(S2.jpg)|
~
~
**2021.06.05
~
***フォントの決定
~
***日本語フォント
-[[見出ゴMB31 >https://fonts.adobe.com/fonts/a-otf-midash...
-[[中ゴシックBBB >https://fonts.adobe.com/fonts/a-otf-got...
~
***英語フォント
-[[Bilo Regular >https://fonts.adobe.com/fonts/bilo]]
~
~
**2021.06.03
~
***動画オープニング試作
|#youtube(Ny4emlJMgP8)|
~
***試作撮影を終えての改善点
-もう少し落ち着いた色味にする
-雨の日は光が足りなかったため次回から晴れの日に撮影を行う
~
~
**2021.05.20
~
***紹介する場所
''ICT LABエリア紹介''
~
-プレゼンテーションエリア(入口入って左側)
ソファー席及び電子黒板を設置しており、背面壁はホワイトボ...
プレゼンテーションの練習や、同じ場所で複数人が大画面を見...
~
-ワーキングエリア(入口正面からの6角形テーブル)
相手と会話しながら、履修登録や課題制作などが可能なスペース
Webカメラ及びマイクセットを常設しており、Web会議やオンラ...
~
-フリーアドレスエリア(入口入って右側及び窓側)
自身の保有PCを、学内の安定したネットワークに接続して利用...
コンセントを常設しており、端末を充電しながら作業すること...
~
-ディスカッションエリア(入口入って左側の壁面)
自身の保有PCを大画面モニターに映し出すことが可能なスペース
映し出された映像をもとに、プロジェクト内容の検討や企画書...
~
~
**2021.05.15
~
***制作物の選考事例
''オフィスプロモーション動画制作''
大学期間などのプロモーション動画は見つからなかったので、...
~
選考事例 SAMPLE
-[[AbemaTowers Office Movie>https://www.youtube.com/watch...
-[[プロパティエージェント【PropertyAgent】>https://www.yo...
-[[トヨタ大手町 オフィス紹介>https://www.youtube.com/watc...
~
~
**2021.05.13
~
***制作物の決定
''ICT LABプロモーション動画制作''
九州産業大学中央会館3階にある総合基盤センターのICTLAB(旧...
📍-[[ICTLAB>https://www.cnc.kyusan-u.ac.jp/facilities/guid...
~
***モーショングラフィック使用箇所
''詳細なシステムの説明''
-設備しているPC/搭載ソフト
-借用することのできる機材
などの細かな情報は適切なプロトタイプなどを使用し、みてい...
~
SAMPLE
|#youtube(1yVaLlLiKV8)|#youtube(OkEY5EYufk8)|
~
~
**2021.05.06
~
***調査/制作物の設定
具体的にモーショングラフィックを使用してどのような動画を...
~
***地域飲食店の宣伝動画
やりたい理由
-コロナ禍における飲食業界の課題に目を向けてみたい
-制作動画投稿前と投稿後での売り上げの統計をとってみたい
-地域飲食店の方と交流を深めたい
~
障害となるもの
-コロナ禍における営業時間の兼ね合いでの予定の変更が多くな...
-動画内のモーショングラフィックを使用率の低さ
~
先行事例
|#youtube(oM_E1zntSGM)|#youtube(oG7LSgD5okQ)|
|#youtube(zjZUGT-sYeg)|#youtube(pYZnrOpv4gQ)|
~
~
**2021.04.29
~
***調査
動画を使って情報発信することには、どのようなメリットがあ...
~
''多くのユーザーに見てもらえる''
文字(Webサイトなど)での情報発信と比較して、動画コンテン...
最近では、動画配信を中心とした新たな働き方として、YouTube...
実際に、YouTubeの日本国内におけるアクティブユーザー数は、...
また、一般財団法人デジタルコンテンツ協会の「動画配信市場...
従来の「文字による情報取得」よりも手間が少なく、受動的に...
~
''短時間で多くの情報を発信できる''
動画コンテンツを活用することで、短時間で多くの情報を発信...
また、1971年にアメリカの学者アルバート・メラビアンが提唱...
動画コンテンツは、紙媒体やWebサイトのように文字単体ではな...
~
''直感的理解''
動き(=時間の流れ)と伴って見せる事のできる動画は、静止...
~
**2021.04.22
~
***調査
***テーマの思考
~
制作物
-モーショングラフィックを使用したアニメーションを制作したい
-シンプルかつ情報がしっかりと伝わる映像作品
~
紹介する情報
-現在の世の中に存在するサービスやの紹介を行いたい
-意外と世の中の人が認知していない情報発信
-世の中の人のニーズに応えられるような情報発信を行いたい
-[[フラットアニメーション>https://asobo-design.com/nex/bl...
|#vimeo(55366536)|#vimeo(205183632)|
|#youtube(UwfZg6Zq-5w)|#youtube(JKqq8W5ZuE8)|
~
~
~
**2021.04.15
~
***テーマ設定
~
***現在興味のある事
-[[インフォグラフィックスデザイン(Infographic design)>htt...
インフォグラフィックは情報を簡潔にわかりやすく説明したい...
現在ではデータなどを視覚化し、それを広告などのグラフィッ...
//Word[[チャート>https://www.pinterest.ch/pin/61854194870...
~
-[[モーショングラフィック(Motion graphics)>https://video-...
モーショングラフィックスは、ロゴやテキスト、イラストなど...
ユーザーの興味を惹くことができるだけでなく、ロゴや図形な...
そのため、近年では商品やサービス、企業イメージを伝えるた...
~
~
***どんなことをやりたいか
-モーショングラフィック動画制作
-グラフやピクトグラムを使用した情報発信
~
***使用するツール
-Adobe IlIustrator
-Adobe After Efects
~
***参考
-[[Explain Ninja>https://explain.ninja/works/#clubsoda]]
~
|#vimeo(264074381)|#vimeo(124038722)|
|#youtube(=KaA80GGBDBI&t=20s)|#youtube(yGSMdX_Xt5Y)|
~
~
~
終了行:
*ICT LAB PR
総合基盤センターICT LAB室プロモーション動画制作
Motion graphics × 実写映像
#image(ICT LAB.jpg)
//#image(ICT-LAB.gif)
-''RYUTARO YOSHINAGA''
-'''Movie:Promotion,Motion graphics '''
-[[ICT LAB Promotion Movie>https://www.youtube.com/watch?...
~
**Overview
~
***Introduction / What is This
//&color(red){これは何か・・を簡潔に};
モーショングラフィックと実写映像を組み合わせた映像作品
今年度に新規リニューアルされた中央会館3階ICTLAB(旧オープ...
~
***Background and Purpose
//&color(red){プロジェクトの背景と目的};
ICT LAB室の利用方法などをより多くの学生に周知したいという...
//遠隔授業に対応した機器や機材の貸し出しシステムなど、
~
***Concept
//&color(red){基本的な考え方、枠組み、視点など};
-ICT LABを知ってもらうきっかけとなる動画
-施設の簡単な使用用途/利用できるサービス紹介動画
~
~
***Output
#youtube(yoUo_r7Nw-o)
~
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視...
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本...
#slider(center,100%,h1,1000,2000,01.jpg,02.jpg,03.jpg,04....
&small(※動画冒頭8秒ドローン映像は学校から提供していただき...
~
~
***Tools
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-Adobe Illustrator
-Adobe After Effects
-Adobe Premiere Pro
~
//***Term
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
//***Conclusion / Summary
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
**Survey
~
***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
***現状の問題
-リニューアルオープンされたICT LABの周知が進んでいない
~
***問題の原因
-コロナ禍における遠隔授業の影響でそもそも学校に来ていない
-K'sライフで授業連絡以外のメールはほとんど見ていない
-中央会館で授業がない限り立ち寄ることが少ない
~
***Precedent
//&color(red){先行事例の紹介、傾向分析など};
***先行事例
-[[AbemaTowers Office Movie>https://www.youtube.com/watch...
-[[プロパティエージェント【PropertyAgent】>https://www.yo...
-[[トヨタ大手町 オフィス紹介>https://www.youtube.com/watc...
//***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
~
~
**Project Management
~
***Schedule
-[[⏳スケジュール>https://docs.google.com/spreadsheets/d/1...
~
***ToDo
***今週の目標
-プレゼンテーションの練習
~
~
#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
~
~
**2021.07.01
~
***講評を受けての今後の課題
-オリジナリティが足りない
今回はより多くの人に向けたシンプルでスタイリッシュな映像...
次回からこのようなプロモーションビデオを作成する際はカメ...
~
-映像素材が常に動いていて目が疲れる
少し凝っている映像にしたいという思いが強く出過ぎてしまっ...
~
-映像に映っているの目線
出演している人の “目線の先にあるモノ” をもう少し映像内の...
~
~
**2021.06.17
~
***構成の決定
#youtube(k_Vwu8lTqTk)
-全体の流れは決定しました。
-カラーグレイディングを再度調整
-エフェクトの動きの調整
~
~
**2021.06.09
~
***エリア紹介の試作
//|#image(春.jpg)|#image(夏.jpg)|
~
''Sample1''
-ICT LABのロゴからインスピレーションを受けたデザイン
-図形が動く仕様にしたい
~
|#image(L1.jpg)|#image(L2.jpg)|
~
''Sample2''
-シンプルで見やすさ重視のデザイン
-背景画像をスライド式にしたい
~
|#image(S1.jpg)|#image(S2.jpg)|
~
~
**2021.06.05
~
***フォントの決定
~
***日本語フォント
-[[見出ゴMB31 >https://fonts.adobe.com/fonts/a-otf-midash...
-[[中ゴシックBBB >https://fonts.adobe.com/fonts/a-otf-got...
~
***英語フォント
-[[Bilo Regular >https://fonts.adobe.com/fonts/bilo]]
~
~
**2021.06.03
~
***動画オープニング試作
|#youtube(Ny4emlJMgP8)|
~
***試作撮影を終えての改善点
-もう少し落ち着いた色味にする
-雨の日は光が足りなかったため次回から晴れの日に撮影を行う
~
~
**2021.05.20
~
***紹介する場所
''ICT LABエリア紹介''
~
-プレゼンテーションエリア(入口入って左側)
ソファー席及び電子黒板を設置しており、背面壁はホワイトボ...
プレゼンテーションの練習や、同じ場所で複数人が大画面を見...
~
-ワーキングエリア(入口正面からの6角形テーブル)
相手と会話しながら、履修登録や課題制作などが可能なスペース
Webカメラ及びマイクセットを常設しており、Web会議やオンラ...
~
-フリーアドレスエリア(入口入って右側及び窓側)
自身の保有PCを、学内の安定したネットワークに接続して利用...
コンセントを常設しており、端末を充電しながら作業すること...
~
-ディスカッションエリア(入口入って左側の壁面)
自身の保有PCを大画面モニターに映し出すことが可能なスペース
映し出された映像をもとに、プロジェクト内容の検討や企画書...
~
~
**2021.05.15
~
***制作物の選考事例
''オフィスプロモーション動画制作''
大学期間などのプロモーション動画は見つからなかったので、...
~
選考事例 SAMPLE
-[[AbemaTowers Office Movie>https://www.youtube.com/watch...
-[[プロパティエージェント【PropertyAgent】>https://www.yo...
-[[トヨタ大手町 オフィス紹介>https://www.youtube.com/watc...
~
~
**2021.05.13
~
***制作物の決定
''ICT LABプロモーション動画制作''
九州産業大学中央会館3階にある総合基盤センターのICTLAB(旧...
📍-[[ICTLAB>https://www.cnc.kyusan-u.ac.jp/facilities/guid...
~
***モーショングラフィック使用箇所
''詳細なシステムの説明''
-設備しているPC/搭載ソフト
-借用することのできる機材
などの細かな情報は適切なプロトタイプなどを使用し、みてい...
~
SAMPLE
|#youtube(1yVaLlLiKV8)|#youtube(OkEY5EYufk8)|
~
~
**2021.05.06
~
***調査/制作物の設定
具体的にモーショングラフィックを使用してどのような動画を...
~
***地域飲食店の宣伝動画
やりたい理由
-コロナ禍における飲食業界の課題に目を向けてみたい
-制作動画投稿前と投稿後での売り上げの統計をとってみたい
-地域飲食店の方と交流を深めたい
~
障害となるもの
-コロナ禍における営業時間の兼ね合いでの予定の変更が多くな...
-動画内のモーショングラフィックを使用率の低さ
~
先行事例
|#youtube(oM_E1zntSGM)|#youtube(oG7LSgD5okQ)|
|#youtube(zjZUGT-sYeg)|#youtube(pYZnrOpv4gQ)|
~
~
**2021.04.29
~
***調査
動画を使って情報発信することには、どのようなメリットがあ...
~
''多くのユーザーに見てもらえる''
文字(Webサイトなど)での情報発信と比較して、動画コンテン...
最近では、動画配信を中心とした新たな働き方として、YouTube...
実際に、YouTubeの日本国内におけるアクティブユーザー数は、...
また、一般財団法人デジタルコンテンツ協会の「動画配信市場...
従来の「文字による情報取得」よりも手間が少なく、受動的に...
~
''短時間で多くの情報を発信できる''
動画コンテンツを活用することで、短時間で多くの情報を発信...
また、1971年にアメリカの学者アルバート・メラビアンが提唱...
動画コンテンツは、紙媒体やWebサイトのように文字単体ではな...
~
''直感的理解''
動き(=時間の流れ)と伴って見せる事のできる動画は、静止...
~
**2021.04.22
~
***調査
***テーマの思考
~
制作物
-モーショングラフィックを使用したアニメーションを制作したい
-シンプルかつ情報がしっかりと伝わる映像作品
~
紹介する情報
-現在の世の中に存在するサービスやの紹介を行いたい
-意外と世の中の人が認知していない情報発信
-世の中の人のニーズに応えられるような情報発信を行いたい
-[[フラットアニメーション>https://asobo-design.com/nex/bl...
|#vimeo(55366536)|#vimeo(205183632)|
|#youtube(UwfZg6Zq-5w)|#youtube(JKqq8W5ZuE8)|
~
~
~
**2021.04.15
~
***テーマ設定
~
***現在興味のある事
-[[インフォグラフィックスデザイン(Infographic design)>htt...
インフォグラフィックは情報を簡潔にわかりやすく説明したい...
現在ではデータなどを視覚化し、それを広告などのグラフィッ...
//Word[[チャート>https://www.pinterest.ch/pin/61854194870...
~
-[[モーショングラフィック(Motion graphics)>https://video-...
モーショングラフィックスは、ロゴやテキスト、イラストなど...
ユーザーの興味を惹くことができるだけでなく、ロゴや図形な...
そのため、近年では商品やサービス、企業イメージを伝えるた...
~
~
***どんなことをやりたいか
-モーショングラフィック動画制作
-グラフやピクトグラムを使用した情報発信
~
***使用するツール
-Adobe IlIustrator
-Adobe After Efects
~
***参考
-[[Explain Ninja>https://explain.ninja/works/#clubsoda]]
~
|#vimeo(264074381)|#vimeo(124038722)|
|#youtube(=KaA80GGBDBI&t=20s)|#youtube(yGSMdX_Xt5Y)|
~
~
~
ページ名: