石垣永樹/卒業研究 をテンプレートにして作成

開始行:
#setheadercolor(#f8feff,"linear-gradient(90deg, #FDF8D7,#... #setbgcolor(#FDF8D7) *アニメで伝える！八重山蔵元絵師画稿集 八重山蔵元絵師画稿集のアニメーション制作 ~ #image(TOP画像.png) -''石垣永樹'' -'''Keywords：Social Deign , Information Design , Regiona... ~ #YouTube(p0ErkvazjTw) -https://youtu.be/p0ErkvazjTw //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 八重山蔵元絵師画稿集の絵をアニメーションにしたもの -八重山蔵元絵師画稿集とは 「八重山蔵元絵師画稿集」とは、八重山蔵元（やえやまくらも... 琉球王国は、現在の沖縄県に位置し、15世紀から19世紀にかけ... 「八重山蔵元絵師画稿集」は、彼らの制作した絵画の模写や原... ~ ***背景 //&color(red){プロジェクトの背景と目的}; このプロジェクトを行おうと思った背景は私の祖父から「この... また、この八重山蔵元絵師画稿集は琉球王国の貴重な絵画遺産... その美術や文化を後世に伝える重要な資料である。 だが、この資料の認知度は非常に低く、その美術や文化を後世... 課題になっている。そこで、この作品をアニメーション化する... 現代の視覚言語に合わせた新たな形で文化を伝えることが出来... //このプロジェクトを行おうと思った背景は私の祖父から「こ... //このプロジェクトの背景と目的は、八重山蔵元絵師画稿集を... ~ ***目的 このプロジェクトの目的は「八重山蔵元絵師画稿集」をアニメ... アニメーションは視覚的な魅力やエンターテイメント性を持ち... また、最終的に石垣市伝統工芸館に寄贈することを目標として... ~ ***特別利用申請 今回使用する「八重山蔵元絵師画稿集」は重要文化財に指定さ... 令和5年6月28日に正式な許可が降りた。 //***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; //''文化の融合'': 八重山蔵元絵師画稿集のアニメーション化... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -3枚の絵(49.51.52p)を一つの動画(3分程度)にする。 -動画データを成果物とする。 -発表の際にはYouTubeに投稿したものを使用。 ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... [[石垣永樹]] ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -ハードウェア --Mac Book Pro --スキャナー --Wacom Intuos S CTL-4100 -ソフトウェア --After Effects --Photoshop --illustrator --Media Encoder --ChatGPT --音読さん ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... 2023.04.14 - 2023.12.22 ~ ***成果物 //&color(red){プロジェクトが完結したら「まとめ」を記載し... #Youtube(p0ErkvazjTw) ~ ***まとめ 今回の八重山蔵元絵師画稿集をアニメーション化するプロジェ... 結果として静止画からアニメーションを作り出す事に成功し、... ~ ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -[[動画は多くを物語る。静止画との情報量の違いに迫ってみた... -[[【動画】情報量5000倍！圧倒的「伝える力」を解説します>h... ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[The Painting(絵本をアニメーションに)>https://youtu.be/... -[[Loving Vincent(ゴッホの絵をアニメーションに)>https://y... -[[戦国鳥獣戯画～甲～(鳥獣戯画をアニメーションに)>https:/... -[[鳥獣戯画　モーショングラフィックスアニメ(鳥獣戯画をア... -[[世界最古の洞窟壁画、BBCが特別に撮影　インドネシア>http... -[[国立科学博物館、ラスコー展＝クロマニョン人が残した洞窟... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[パペットピンツール>https://at.strix-inc.jp/5326/]] -[[Photoshopによる線画抽出>https://edimart.jp/edimag/ichi... ~ ~ **プロジェクト管理 ***スケジュール [[スケジュールのリンク>https://docs.google.com/spreadshee... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%アニメーション化するページの選定%% -%%制作する動画の構成を考える(絵コンテ作る？)%% -%%選定したページのスキャン%% -%%スキャンした素材をイラストデータに変換%% -%%イラストデータのレイヤー分け%% -%%AfterEffectsにイラストを読み込む%% -%%アニメーションを付ける%% -%%音声の収録、音声の挿入%% -仕上げ //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr **2023.12.15 ***動画クレジットの作成・挿入 -動画の最後にクレジットを挿入した。 ~ **2023.12.15 ***作品のブラッシュアップ -タイトル・サムネイルの変更 ゴシック体で作っていたタイトルを実際に八重山蔵元絵師画稿... -背景の変更 今までは一律同じ背景が使われていて、やや違和感があったが... ~ ***BGMの収録・挿入 -BGMの収録 祖父にお願いしてBGMを収録した。 BGMには動画内の絵と関連する「布晒節」を選んだ。 -BGM挿入後 #Youtube(3gJ36KVLPyU) ~ **2023.12.08 ***作品のブラッシュアップ -台本のブラッシュアップ 祖父や伝統工芸館の方に試作品を見てもらい台本の訂正を行な... ~ -ブラッシュアップ後の台本 １枚目 地機は日本の伝統的な織り機の一つで、琉球王国、現在の沖縄... ２枚目 苧麻で織り上げた上布は、次に海水に晒されます。このプロセ... ３枚目 最後の試練は、蔵元での厳しいチェックです。役人や検査役の... ~ **2023.12.01 ***作品のブラッシュアップ -背景の作成 Photoshopで背景の制作を行った。 #image(BG.png) ~ |Before(無地の背景)|After(作成した背景)| |#image(BG_1.png)|#image(BG_2.png)| Beforeの部分の背景はただの無地で違和感があったが Afterでは紙と同じ質感になって前より違和感が無くなっている。 ~ ***今週の成果物 -12月01日時点 #Youtube(Ed5o8p0QBns) ~ **2023.11.24 ***52Pのアニメーション制作② -前回の続き |52P内の細かい素材|水洗いをする人| |#image(52_1124_1.png)|#image(52_1124_2.png)| ~ ***すべての素材を合わせる #image(comp1.png) -すべての素材をくっつけて再生しました。 最終的に動画の長さは2分28秒となりました。 ~ ***レンダリング #image(rend.png) -すべての動画をくっつけたのでレンダリングをしました。 YouTubeに載せたら完成です。 ~ ***今週の成果物 -11月24日時点 #Youtube(rlgGuslYwbQ) ~ ***今週のまとめ 卒業研究内での完成形には持って行けたと思います。 ですが、この作品は最終的に石垣市の伝統工芸館に寄贈する為、 これからは工芸館とコンタクトをとって細かい所を修正して 実際に使用してもらえるまでの作品にしていきたいと考えてい... また、今回は八重山蔵元絵師画稿集の中の3ページ分しかアニメ... 出来なかったが、本来は114ページもある作品なので卒業後も 依頼があるたびに作っていきたいと思います。 ~ ~ **2023.11.17 ***52Pのアニメーション制作 -52Pのコンポジション #image(52_1117.png) -52Pのコンポジションの中の一部 |テントで布を畳む女|布を検査する人１| |#image(51_1117_1.png)|#image(51_1117_2.png)| ~ ***今週のまとめ 今週は先週と違い1週間しかなかった為、52Pのアニメーション... 半分までになった。来週には完成させられると良いなと思う。 ~ ~ **2023.11.10 ***51Pのアニメーション制作 -51Pのコンポジション #image(51_11.png) -51Pのコンポジションの中の一部(水洗いと布叩きの一つ) |#image(51_1110.png)|#image(51_1110_2.png)| -51Pのレイヤー「水洗い」を1秒ごとに動かしてみた |#image(mizu1.png)|#image(mizu2.png)|#image(mizu3.png)|#i... 51Pのアニメーション制作に取り掛かった。 計94個のレイヤーがあり、その半分ほどにキーフレームを打っ... ずっと動かす為にキーフレームを打つのは大変なので エクスプレッションを使用しループさせている。 また、まだイージングなどは欠けていない状態です。 ~ ***今週のまとめ 先週は学祭で授業がなかったので2週間かけて51Pのアニメーシ... とりあえずは完成させました。 まだ、100％の出来ではないが一旦保留して 来週からは52Pのアニメーション制作をスタートさせて行こうと... ~ ~ **2023.10.27 ***ナレーションのテロップ入れ #image(terop.png) -制作した台本をナレーションの音声に合わせて挿入した。 ~ ***動画のタイトルオープニング作成 #image(title1.png) -動画の内容的にもタイトルには装飾などは施さず シンプルなデザインが良いと思った。 だが質素過ぎるとも思うので改善の余地はあると思う。 また、タイトルにもテキストアニメーションを付ける。 ~ ***今週のまとめ 今週はナレーション、テロップ、タイトルを追加した為、 動画の尺がほぼ分かりました。 これからこの尺に合わせたアニメーションを絵につけていこう... ~ ~ **2023.10.20 ***AfterEffectsに素材を読み込み -AfterEffectsに素材を読み込んでレイヤー分けと アンカーポイントの設定を行った。 また、グループになっている素材はプリコンポーズをして タイムラインパネルが見やすいようになるべく整理した。 ~ |51Pのコンポジション|52Pのコンポジション| |#image(51s_1.png)|#image(52s_1.png)| ~ ***挿入ナレーションの作成 -動画で使用するナレーションを制作した。 ナレーションを先に取っておく事で動画の尺がおおよそにわか... 今回はナレーションを読み上げる「[[音読さん>https://ondoku... ナレーションは前期で制作した物を使用。 #image(Nare.png) ***今週のまとめ いよいよAfterEffectsでの作業が始まった。 また、ナレーションの問題をソフトで解決出来たのは大きい。 最新の技術なだけあって人で無くても違和感の無いナレーショ... ~ ~ **2023.10.13 ***スキャンしたページのデータ化⑥ -52Pの修正、加筆作業 --全体 |Before(修正前)|After(修正後)| |#image(52p.png)|#image(52_3.png)| --具体的に |Before(修正前)|After(修正後)| |#image(52_3_1.png)|#image(52_3_2.png)| |#image(52_3_3.png)|#image(52_3_4.png)| ~ ***今週のまとめ 今週は主に52Pの修正、加筆作業を行なった。 これにて画像加工の作業はほぼ終了した。 次は動画編集です。 ~ ~ **2023.10.06 ***スキャンしたページのデータ化⑦ -52Pの背景削除、切り抜き作業 |Before|After| |#image(52p.png)|#image(52_1.png)| ~ -52Pの素材分け、レイヤー分け作業 #image(52_2.png) ~ ***今週のまとめ 今週は52Pの背景削除から素材分けまでの作業を1週間で終える... 今までは各作業に1週間ずつかけていたので作業効率が上がって... 次週はこのページに修正、加筆を加えていよいよ動画にするフ... ~ ~ **2023.09.29 ***スキャンしたページのデータ化⑥ -51Pの修正、加筆作業 --全体 |Before(修正前)|After(修正後)| |#image(51p.png)|#image(51_1.png)| --具体的に |Before(修正前)|After(修正後)| |#image(51_3_1.png)|#image(51_3_2.png)| このように本来は人と人が重なっていたりして見えなくなって... 修正、加筆する事によって見えるようにする。 この作業をする事により、動きを追加した際でも違和感の無い... ~ ***今週のまとめ 今週は51Pの修正、加筆作業を行なった。 素材がかなり多くかなり時間がかかってしまった。 来週からは３枚目の52Pのデータ化に取り組んでいきたい。 ~ ~ **2023.09.22 ***スキャンしたページのデータ化⑤ -51Pの素材分け、レイヤー分け作業 #image(51_2.png) ~ ***今週のまとめ 今週は前回背景を抜き取った絵から各パーツを分けた。 49Pに比べて人が多く、パーツが多くなったが作業スピードは 上がっていたので1週間で作業を終えることができた。 次週はこの絵の修正、加筆も終えて早めに３枚目の絵に入りた... ~ ~ **2023.09.15 ***スキャンしたページのデータ化④ -後期は51Pからスタート ~ -51Pの背景削除、切り抜き作業 |Before|After| |#image(51p.png)|#image(51_1.png)| ~ ***今週のまとめ 今週は51Pの背景削除の作業を行なった。 夏休みは部活や就活で一切作業をやっていない為、 今後は作業ペースをさらに上げていきたい。 ~ ~ **夏休み ***夏休みに石垣市伝統工芸館を訪問 夏休みに挨拶と情報収集を兼ねて石垣市伝統工芸館を訪ねまし... 今回絵で動かしている地機の機械を実際に見ることができまし... また、館長にも今回のプロジェクトの説明を行った。 |#image(natu1.png)|#image(natu2.png)| |#image(natu3.png)|#image(natu4.png)| ~ ~ #hr CENTER:&color(#000000){&size(25){''前期終了''};}; #hr ~ ~ **2023.07.21 ***前期のまとめ 前期では主に本制作のためのテストを行った。 また、動画の構成もまとめる事ができた。 後期では前期に行った素材分け作業があと2ページ分残っている... 実際に絵を細かく動かして行くフェーズに入っていく為、 もう少し作業効率を上げる方法を模索しながら制作を進めてい... ~ ***前期の成果物 #youtube(ksMcAPScxQc) ~ ~ **2023.07.14 ***動画のナレーション(仮) -オープニング 「アニメで学べる八重山諸島の歴史　地機の歴史編」 -１枚目 地機、これは日本の伝統的な織り機の一つで、特に琉球王国、... -２枚目 苧麻で織り上げた上布は、次に海水に晒されます。このプロセ... -３枚目 完成した布にとって最後の試練は、検査小屋での厳しいチェッ... ~ ***今週のまとめ ChatGPTを利用して作った台本が仮ではあるが完成した。 ページごとに絵に合った説明をナレーションで流す構成になっ... ~ ~ **2023.07.07 ***動画の構成を考える ChatGPTを利用して動画の構成、台本、ナレーションの作成(画... #image(gpt_1.png) ~ ***ChatGPTとの会話の流れ -①自分が行おうとしているプロジェクトの内容を伝える。 -②自分がこのプロジェクトを行う背景と目的を伝える。 -③八重山蔵元絵師画稿集の情報を送る。 -④送った情報を元に構成、台本を考えてもらう。 -⑤受け取った台本を自分で書き換える。 -⑥その台本をChatGPTに添削してもらう。 -⑦何度か繰り返す。 -⑧完成 ~ ***今週のまとめ 今週はChatGPTを利用して動画の構成などを考えたが、 AIに思うように伝える事が難しく思ったより苦戦している。 だが、自分ひとりで考えるより格段に良い台本ができていると... ~ ~ **2023.06.30 ***資料特別利用の許可証 #image(Kyoka.png) ***今週のまとめ 6/17に申請した資料特別利用の許可が公式に出ました。 ~ ~ **2023.06.23 ***After Effectsで読み込んだ絵を動かす #youtube(ksMcAPScxQc) ***今週のまとめ とりあえずキーフレームを3個打ちループ出来るように動かした。 今は動く事とYouTubeへの投稿テストの段階なのでこの程度に動... 後期では細かい動きも追加したり、もっと動きを滑らかにした... ~ ~ **2023.06.16 ***資料特別利用の申請 #image(Shinsei.png) ***今週のまとめ 前回の中間発表で指摘された画稿集の著作権の問題に 対処すべく八重山博物館へ資料特別利用の申請を行った。 ~ ~ **2023.06.09 ***データ化したイラストをAfter Effectsへ読み込み #image(49_3.png) ***今週のまとめ 今週は分解した素材をAfter Effectsに読み込んで 動かすことを想定しながら各パーツにアンカーポイントを設定... 来週は動かせたらいいなと思う。 ~ ~ **2023.06.02 ***スキャンしたページのデータ化③ -前回の続き |Before|After| |#image(49_2_1.png)|#image(49_2_2.png)| |#image(49_2_3.png)|#image(49_2_4.png)| |#image(49_2_5.png)|#image(49_2_6.png)| ~ ***今週のまとめ 今週は前回分解した作業の加筆作業などを行った。 元の絵に写っていない部分の線や右手、左足などを加筆した。 あくまで新しい物を加筆するのではなく見えなかったものを 見えるようにした程度の修正に抑えた。 ~ ~ **2023.05.26 ***スキャンしたページのデータ化② -前回の続き #image(49_2.png) ~ ***今週のまとめ 今週はとりあえずパーツごとに大雑把に分解した。 だが、機械の部分や人の手など重なっている部分があり 動かした際に描かれていない部分が出てくる為、 次はそういった部分の加筆作業が必要になってくると思う。 ~ ~ **2023.05.19 ***スキャンしたページのデータ化① -49Pからスタート |Before|After| |#image(49p.png)|#image(49_1.png)| ~ ***今週のまとめ 今週は線画抽出や手作業を駆使して画像の背景を取り除くこと... 次は動かすパーツごとの分ける作業と重なっている部分などの... ~ ~ **2023.05.12 ***アニメーション化するページの選定 |①機織女の図(49P)|②布晒の図１(51P)|③布晒の図２(52P)| |#image(49p.png)|#image(51p.png)|#image(52p.png)| ~ ***選定理由 祖父に選定をお願いした所、①地機の歴史パート②豊年祭の歴史... ~ ~ **2023.05.05 ***今後のスケジュール ~ToDo リスト~ -アニメーション化するページの選定 -制作する動画の構成を考える(絵コンテ作る？) -選定したページのスキャン -スキャンした素材をイラストデータに変換 -イラストデータのレイヤー分け -AfterEffectsにイラストを読み込みパペットピンツールを設定 -パペットピンツールを動かしアニメーションを付ける -音声の収録、音声の挿入 -仕上げ 大体この流れで計画を立てる ~ ~ **2023.04.28 ***先行事例調査 ~ ''①鳥獣戯画のアニメーション化'' ~ -戦国鳥獣戯画～甲～ #youtube(q9lC8SkMKtE?si=PJEr8tM1nuZdLy9t) -鳥獣戯画　モーショングラフィックスアニメ #youtube(CIa8gk5A3RU) ~ ''②静止画を動かしているもの'' ~ -『GANTZ』動く漫画で「ねぎ星人編」無料公開中!!│ヤンジャン... #youtube(w63dq12g7p0?si=eGcutfp3Y1aI-8_e) -【AfterEffects】髪の毛の揺らし方を教えるのだ【ずんだもん... #youtube(vnrFYbNufN0?si=KF9D5srmKNIeGkxr) ~ ~ **2023.04.21 ***研究内容の決定 ''「八重山蔵元絵師画稿集」''という書物の絵をアニメーショ... ~ ***八重山蔵元絵師画稿集とは 「八重山蔵元絵師画稿集」とは、八重山蔵元（やえやまくらも... 琉球王国は、現在の沖縄県に位置し、15世紀から19世紀にかけ... 「八重山蔵元絵師画稿集」は、彼らの制作した絵画の模写や原... 「八重山蔵元絵師画稿集」は、美術愛好家や研究者、歴史学者... ~ ***関連リンク -[[蔵元絵師画稿集>https://www.city.ishigaki.okinawa.jp/so... -[[『八重山日報』重文に蔵元絵師画稿類　文化審議会、文科相... ~ ~ **2023.04.14 ***研究内容の案出し -案１：ChatGPT × WebDesign --福岡のアウトドア系(釣り、キャンプ、山、花)まとめサイト... -案２：競馬、競艇予想AI作成。 -案３：メタバース制作の続き。 ~ ~ ~ ~

終了行:
#setheadercolor(#f8feff,"linear-gradient(90deg, #FDF8D7,#... #setbgcolor(#FDF8D7) *アニメで伝える！八重山蔵元絵師画稿集 八重山蔵元絵師画稿集のアニメーション制作 ~ #image(TOP画像.png) -''石垣永樹'' -'''Keywords：Social Deign , Information Design , Regiona... ~ #YouTube(p0ErkvazjTw) -https://youtu.be/p0ErkvazjTw //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 八重山蔵元絵師画稿集の絵をアニメーションにしたもの -八重山蔵元絵師画稿集とは 「八重山蔵元絵師画稿集」とは、八重山蔵元（やえやまくらも... 琉球王国は、現在の沖縄県に位置し、15世紀から19世紀にかけ... 「八重山蔵元絵師画稿集」は、彼らの制作した絵画の模写や原... ~ ***背景 //&color(red){プロジェクトの背景と目的}; このプロジェクトを行おうと思った背景は私の祖父から「この... また、この八重山蔵元絵師画稿集は琉球王国の貴重な絵画遺産... その美術や文化を後世に伝える重要な資料である。 だが、この資料の認知度は非常に低く、その美術や文化を後世... 課題になっている。そこで、この作品をアニメーション化する... 現代の視覚言語に合わせた新たな形で文化を伝えることが出来... //このプロジェクトを行おうと思った背景は私の祖父から「こ... //このプロジェクトの背景と目的は、八重山蔵元絵師画稿集を... ~ ***目的 このプロジェクトの目的は「八重山蔵元絵師画稿集」をアニメ... アニメーションは視覚的な魅力やエンターテイメント性を持ち... また、最終的に石垣市伝統工芸館に寄贈することを目標として... ~ ***特別利用申請 今回使用する「八重山蔵元絵師画稿集」は重要文化財に指定さ... 令和5年6月28日に正式な許可が降りた。 //***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; //''文化の融合'': 八重山蔵元絵師画稿集のアニメーション化... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -3枚の絵(49.51.52p)を一つの動画(3分程度)にする。 -動画データを成果物とする。 -発表の際にはYouTubeに投稿したものを使用。 ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... [[石垣永樹]] ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -ハードウェア --Mac Book Pro --スキャナー --Wacom Intuos S CTL-4100 -ソフトウェア --After Effects --Photoshop --illustrator --Media Encoder --ChatGPT --音読さん ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... 2023.04.14 - 2023.12.22 ~ ***成果物 //&color(red){プロジェクトが完結したら「まとめ」を記載し... #Youtube(p0ErkvazjTw) ~ ***まとめ 今回の八重山蔵元絵師画稿集をアニメーション化するプロジェ... 結果として静止画からアニメーションを作り出す事に成功し、... ~ ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -[[動画は多くを物語る。静止画との情報量の違いに迫ってみた... -[[【動画】情報量5000倍！圧倒的「伝える力」を解説します>h... ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[The Painting(絵本をアニメーションに)>https://youtu.be/... -[[Loving Vincent(ゴッホの絵をアニメーションに)>https://y... -[[戦国鳥獣戯画～甲～(鳥獣戯画をアニメーションに)>https:/... -[[鳥獣戯画　モーショングラフィックスアニメ(鳥獣戯画をア... -[[世界最古の洞窟壁画、BBCが特別に撮影　インドネシア>http... -[[国立科学博物館、ラスコー展＝クロマニョン人が残した洞窟... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[パペットピンツール>https://at.strix-inc.jp/5326/]] -[[Photoshopによる線画抽出>https://edimart.jp/edimag/ichi... ~ ~ **プロジェクト管理 ***スケジュール [[スケジュールのリンク>https://docs.google.com/spreadshee... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%アニメーション化するページの選定%% -%%制作する動画の構成を考える(絵コンテ作る？)%% -%%選定したページのスキャン%% -%%スキャンした素材をイラストデータに変換%% -%%イラストデータのレイヤー分け%% -%%AfterEffectsにイラストを読み込む%% -%%アニメーションを付ける%% -%%音声の収録、音声の挿入%% -仕上げ //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr **2023.12.15 ***動画クレジットの作成・挿入 -動画の最後にクレジットを挿入した。 ~ **2023.12.15 ***作品のブラッシュアップ -タイトル・サムネイルの変更 ゴシック体で作っていたタイトルを実際に八重山蔵元絵師画稿... -背景の変更 今までは一律同じ背景が使われていて、やや違和感があったが... ~ ***BGMの収録・挿入 -BGMの収録 祖父にお願いしてBGMを収録した。 BGMには動画内の絵と関連する「布晒節」を選んだ。 -BGM挿入後 #Youtube(3gJ36KVLPyU) ~ **2023.12.08 ***作品のブラッシュアップ -台本のブラッシュアップ 祖父や伝統工芸館の方に試作品を見てもらい台本の訂正を行な... ~ -ブラッシュアップ後の台本 １枚目 地機は日本の伝統的な織り機の一つで、琉球王国、現在の沖縄... ２枚目 苧麻で織り上げた上布は、次に海水に晒されます。このプロセ... ３枚目 最後の試練は、蔵元での厳しいチェックです。役人や検査役の... ~ **2023.12.01 ***作品のブラッシュアップ -背景の作成 Photoshopで背景の制作を行った。 #image(BG.png) ~ |Before(無地の背景)|After(作成した背景)| |#image(BG_1.png)|#image(BG_2.png)| Beforeの部分の背景はただの無地で違和感があったが Afterでは紙と同じ質感になって前より違和感が無くなっている。 ~ ***今週の成果物 -12月01日時点 #Youtube(Ed5o8p0QBns) ~ **2023.11.24 ***52Pのアニメーション制作② -前回の続き |52P内の細かい素材|水洗いをする人| |#image(52_1124_1.png)|#image(52_1124_2.png)| ~ ***すべての素材を合わせる #image(comp1.png) -すべての素材をくっつけて再生しました。 最終的に動画の長さは2分28秒となりました。 ~ ***レンダリング #image(rend.png) -すべての動画をくっつけたのでレンダリングをしました。 YouTubeに載せたら完成です。 ~ ***今週の成果物 -11月24日時点 #Youtube(rlgGuslYwbQ) ~ ***今週のまとめ 卒業研究内での完成形には持って行けたと思います。 ですが、この作品は最終的に石垣市の伝統工芸館に寄贈する為、 これからは工芸館とコンタクトをとって細かい所を修正して 実際に使用してもらえるまでの作品にしていきたいと考えてい... また、今回は八重山蔵元絵師画稿集の中の3ページ分しかアニメ... 出来なかったが、本来は114ページもある作品なので卒業後も 依頼があるたびに作っていきたいと思います。 ~ ~ **2023.11.17 ***52Pのアニメーション制作 -52Pのコンポジション #image(52_1117.png) -52Pのコンポジションの中の一部 |テントで布を畳む女|布を検査する人１| |#image(51_1117_1.png)|#image(51_1117_2.png)| ~ ***今週のまとめ 今週は先週と違い1週間しかなかった為、52Pのアニメーション... 半分までになった。来週には完成させられると良いなと思う。 ~ ~ **2023.11.10 ***51Pのアニメーション制作 -51Pのコンポジション #image(51_11.png) -51Pのコンポジションの中の一部(水洗いと布叩きの一つ) |#image(51_1110.png)|#image(51_1110_2.png)| -51Pのレイヤー「水洗い」を1秒ごとに動かしてみた |#image(mizu1.png)|#image(mizu2.png)|#image(mizu3.png)|#i... 51Pのアニメーション制作に取り掛かった。 計94個のレイヤーがあり、その半分ほどにキーフレームを打っ... ずっと動かす為にキーフレームを打つのは大変なので エクスプレッションを使用しループさせている。 また、まだイージングなどは欠けていない状態です。 ~ ***今週のまとめ 先週は学祭で授業がなかったので2週間かけて51Pのアニメーシ... とりあえずは完成させました。 まだ、100％の出来ではないが一旦保留して 来週からは52Pのアニメーション制作をスタートさせて行こうと... ~ ~ **2023.10.27 ***ナレーションのテロップ入れ #image(terop.png) -制作した台本をナレーションの音声に合わせて挿入した。 ~ ***動画のタイトルオープニング作成 #image(title1.png) -動画の内容的にもタイトルには装飾などは施さず シンプルなデザインが良いと思った。 だが質素過ぎるとも思うので改善の余地はあると思う。 また、タイトルにもテキストアニメーションを付ける。 ~ ***今週のまとめ 今週はナレーション、テロップ、タイトルを追加した為、 動画の尺がほぼ分かりました。 これからこの尺に合わせたアニメーションを絵につけていこう... ~ ~ **2023.10.20 ***AfterEffectsに素材を読み込み -AfterEffectsに素材を読み込んでレイヤー分けと アンカーポイントの設定を行った。 また、グループになっている素材はプリコンポーズをして タイムラインパネルが見やすいようになるべく整理した。 ~ |51Pのコンポジション|52Pのコンポジション| |#image(51s_1.png)|#image(52s_1.png)| ~ ***挿入ナレーションの作成 -動画で使用するナレーションを制作した。 ナレーションを先に取っておく事で動画の尺がおおよそにわか... 今回はナレーションを読み上げる「[[音読さん>https://ondoku... ナレーションは前期で制作した物を使用。 #image(Nare.png) ***今週のまとめ いよいよAfterEffectsでの作業が始まった。 また、ナレーションの問題をソフトで解決出来たのは大きい。 最新の技術なだけあって人で無くても違和感の無いナレーショ... ~ ~ **2023.10.13 ***スキャンしたページのデータ化⑥ -52Pの修正、加筆作業 --全体 |Before(修正前)|After(修正後)| |#image(52p.png)|#image(52_3.png)| --具体的に |Before(修正前)|After(修正後)| |#image(52_3_1.png)|#image(52_3_2.png)| |#image(52_3_3.png)|#image(52_3_4.png)| ~ ***今週のまとめ 今週は主に52Pの修正、加筆作業を行なった。 これにて画像加工の作業はほぼ終了した。 次は動画編集です。 ~ ~ **2023.10.06 ***スキャンしたページのデータ化⑦ -52Pの背景削除、切り抜き作業 |Before|After| |#image(52p.png)|#image(52_1.png)| ~ -52Pの素材分け、レイヤー分け作業 #image(52_2.png) ~ ***今週のまとめ 今週は52Pの背景削除から素材分けまでの作業を1週間で終える... 今までは各作業に1週間ずつかけていたので作業効率が上がって... 次週はこのページに修正、加筆を加えていよいよ動画にするフ... ~ ~ **2023.09.29 ***スキャンしたページのデータ化⑥ -51Pの修正、加筆作業 --全体 |Before(修正前)|After(修正後)| |#image(51p.png)|#image(51_1.png)| --具体的に |Before(修正前)|After(修正後)| |#image(51_3_1.png)|#image(51_3_2.png)| このように本来は人と人が重なっていたりして見えなくなって... 修正、加筆する事によって見えるようにする。 この作業をする事により、動きを追加した際でも違和感の無い... ~ ***今週のまとめ 今週は51Pの修正、加筆作業を行なった。 素材がかなり多くかなり時間がかかってしまった。 来週からは３枚目の52Pのデータ化に取り組んでいきたい。 ~ ~ **2023.09.22 ***スキャンしたページのデータ化⑤ -51Pの素材分け、レイヤー分け作業 #image(51_2.png) ~ ***今週のまとめ 今週は前回背景を抜き取った絵から各パーツを分けた。 49Pに比べて人が多く、パーツが多くなったが作業スピードは 上がっていたので1週間で作業を終えることができた。 次週はこの絵の修正、加筆も終えて早めに３枚目の絵に入りた... ~ ~ **2023.09.15 ***スキャンしたページのデータ化④ -後期は51Pからスタート ~ -51Pの背景削除、切り抜き作業 |Before|After| |#image(51p.png)|#image(51_1.png)| ~ ***今週のまとめ 今週は51Pの背景削除の作業を行なった。 夏休みは部活や就活で一切作業をやっていない為、 今後は作業ペースをさらに上げていきたい。 ~ ~ **夏休み ***夏休みに石垣市伝統工芸館を訪問 夏休みに挨拶と情報収集を兼ねて石垣市伝統工芸館を訪ねまし... 今回絵で動かしている地機の機械を実際に見ることができまし... また、館長にも今回のプロジェクトの説明を行った。 |#image(natu1.png)|#image(natu2.png)| |#image(natu3.png)|#image(natu4.png)| ~ ~ #hr CENTER:&color(#000000){&size(25){''前期終了''};}; #hr ~ ~ **2023.07.21 ***前期のまとめ 前期では主に本制作のためのテストを行った。 また、動画の構成もまとめる事ができた。 後期では前期に行った素材分け作業があと2ページ分残っている... 実際に絵を細かく動かして行くフェーズに入っていく為、 もう少し作業効率を上げる方法を模索しながら制作を進めてい... ~ ***前期の成果物 #youtube(ksMcAPScxQc) ~ ~ **2023.07.14 ***動画のナレーション(仮) -オープニング 「アニメで学べる八重山諸島の歴史　地機の歴史編」 -１枚目 地機、これは日本の伝統的な織り機の一つで、特に琉球王国、... -２枚目 苧麻で織り上げた上布は、次に海水に晒されます。このプロセ... -３枚目 完成した布にとって最後の試練は、検査小屋での厳しいチェッ... ~ ***今週のまとめ ChatGPTを利用して作った台本が仮ではあるが完成した。 ページごとに絵に合った説明をナレーションで流す構成になっ... ~ ~ **2023.07.07 ***動画の構成を考える ChatGPTを利用して動画の構成、台本、ナレーションの作成(画... #image(gpt_1.png) ~ ***ChatGPTとの会話の流れ -①自分が行おうとしているプロジェクトの内容を伝える。 -②自分がこのプロジェクトを行う背景と目的を伝える。 -③八重山蔵元絵師画稿集の情報を送る。 -④送った情報を元に構成、台本を考えてもらう。 -⑤受け取った台本を自分で書き換える。 -⑥その台本をChatGPTに添削してもらう。 -⑦何度か繰り返す。 -⑧完成 ~ ***今週のまとめ 今週はChatGPTを利用して動画の構成などを考えたが、 AIに思うように伝える事が難しく思ったより苦戦している。 だが、自分ひとりで考えるより格段に良い台本ができていると... ~ ~ **2023.06.30 ***資料特別利用の許可証 #image(Kyoka.png) ***今週のまとめ 6/17に申請した資料特別利用の許可が公式に出ました。 ~ ~ **2023.06.23 ***After Effectsで読み込んだ絵を動かす #youtube(ksMcAPScxQc) ***今週のまとめ とりあえずキーフレームを3個打ちループ出来るように動かした。 今は動く事とYouTubeへの投稿テストの段階なのでこの程度に動... 後期では細かい動きも追加したり、もっと動きを滑らかにした... ~ ~ **2023.06.16 ***資料特別利用の申請 #image(Shinsei.png) ***今週のまとめ 前回の中間発表で指摘された画稿集の著作権の問題に 対処すべく八重山博物館へ資料特別利用の申請を行った。 ~ ~ **2023.06.09 ***データ化したイラストをAfter Effectsへ読み込み #image(49_3.png) ***今週のまとめ 今週は分解した素材をAfter Effectsに読み込んで 動かすことを想定しながら各パーツにアンカーポイントを設定... 来週は動かせたらいいなと思う。 ~ ~ **2023.06.02 ***スキャンしたページのデータ化③ -前回の続き |Before|After| |#image(49_2_1.png)|#image(49_2_2.png)| |#image(49_2_3.png)|#image(49_2_4.png)| |#image(49_2_5.png)|#image(49_2_6.png)| ~ ***今週のまとめ 今週は前回分解した作業の加筆作業などを行った。 元の絵に写っていない部分の線や右手、左足などを加筆した。 あくまで新しい物を加筆するのではなく見えなかったものを 見えるようにした程度の修正に抑えた。 ~ ~ **2023.05.26 ***スキャンしたページのデータ化② -前回の続き #image(49_2.png) ~ ***今週のまとめ 今週はとりあえずパーツごとに大雑把に分解した。 だが、機械の部分や人の手など重なっている部分があり 動かした際に描かれていない部分が出てくる為、 次はそういった部分の加筆作業が必要になってくると思う。 ~ ~ **2023.05.19 ***スキャンしたページのデータ化① -49Pからスタート |Before|After| |#image(49p.png)|#image(49_1.png)| ~ ***今週のまとめ 今週は線画抽出や手作業を駆使して画像の背景を取り除くこと... 次は動かすパーツごとの分ける作業と重なっている部分などの... ~ ~ **2023.05.12 ***アニメーション化するページの選定 |①機織女の図(49P)|②布晒の図１(51P)|③布晒の図２(52P)| |#image(49p.png)|#image(51p.png)|#image(52p.png)| ~ ***選定理由 祖父に選定をお願いした所、①地機の歴史パート②豊年祭の歴史... ~ ~ **2023.05.05 ***今後のスケジュール ~ToDo リスト~ -アニメーション化するページの選定 -制作する動画の構成を考える(絵コンテ作る？) -選定したページのスキャン -スキャンした素材をイラストデータに変換 -イラストデータのレイヤー分け -AfterEffectsにイラストを読み込みパペットピンツールを設定 -パペットピンツールを動かしアニメーションを付ける -音声の収録、音声の挿入 -仕上げ 大体この流れで計画を立てる ~ ~ **2023.04.28 ***先行事例調査 ~ ''①鳥獣戯画のアニメーション化'' ~ -戦国鳥獣戯画～甲～ #youtube(q9lC8SkMKtE?si=PJEr8tM1nuZdLy9t) -鳥獣戯画　モーショングラフィックスアニメ #youtube(CIa8gk5A3RU) ~ ''②静止画を動かしているもの'' ~ -『GANTZ』動く漫画で「ねぎ星人編」無料公開中!!│ヤンジャン... #youtube(w63dq12g7p0?si=eGcutfp3Y1aI-8_e) -【AfterEffects】髪の毛の揺らし方を教えるのだ【ずんだもん... #youtube(vnrFYbNufN0?si=KF9D5srmKNIeGkxr) ~ ~ **2023.04.21 ***研究内容の決定 ''「八重山蔵元絵師画稿集」''という書物の絵をアニメーショ... ~ ***八重山蔵元絵師画稿集とは 「八重山蔵元絵師画稿集」とは、八重山蔵元（やえやまくらも... 琉球王国は、現在の沖縄県に位置し、15世紀から19世紀にかけ... 「八重山蔵元絵師画稿集」は、彼らの制作した絵画の模写や原... 「八重山蔵元絵師画稿集」は、美術愛好家や研究者、歴史学者... ~ ***関連リンク -[[蔵元絵師画稿集>https://www.city.ishigaki.okinawa.jp/so... -[[『八重山日報』重文に蔵元絵師画稿類　文化審議会、文科相... ~ ~ **2023.04.14 ***研究内容の案出し -案１：ChatGPT × WebDesign --福岡のアウトドア系(釣り、キャンプ、山、花)まとめサイト... -案２：競馬、競艇予想AI作成。 -案３：メタバース制作の続き。 ~ ~ ~ ~

ページ名: