奈須本真椰/卒業研究I をテンプレートにして作成

開始行:
*ひんやりそのまま詰め込んで 清涼感を届けるWebコンテンツ ~ #image(main.jpg) ~ -''奈須本真椰'' -'''Keywords：夏,清涼感''' -https://youtu.be/13VWVUMSkfg ~ ~ **概要 ~ ***これは何？ //&color(red){これは何か・・を簡潔に}; イラスト×アニメーション×Webサイト：「夏」をモチーフに物語... //動的なWebサイト //グッズの製作も出来れば ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; //-現状やこれから（未来）の話をソースを並べて //-若者の夏に対する気持ち //私自身もすっきりとした涼しげなイメージのある想像上の夏... 背景：近年、日本の夏が暑すぎることから、「夏」というもの... 目的：夏を涼しく過ごすための知恵を描写し、その場の空気感... //動画を見た人やWebサイトを訪れた人の、夏に対する嫌悪感を... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 物語を展開させる際に、夏を涼しく過ごすための知恵を描写す... //制作したイラストを郵便物に見立て、動画を見る人やWebサイ... //「暑い」という単語を使わずに夏の暑さを表現し、「涼しい... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; イラスト：サイズは1280px ×720px、23~30枚制作 動画：サイズは1920px ×1080px、約45秒の動画を10個前後制作 Webサイト：GitHubを用いて制作、GIFに変換した動画を埋め込... -[[部分的な構成のラフ>https://drive.google.com/file/d/1X6... -[[字/絵コンテ全動画分まとめ>https://drive.google.com/fil... -[[キャラクターデザイン>https://drive.google.com/file/d/1... -[[イラストのブラッシュアップ>https://drive.google.com/fi... -[[Webサイトのサイトマップ>https://drive.google.com/file/... ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... //~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ibisPaint X, After Effects, Premiere Pro, Atom ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... [[進行管理表>https://docs.google.com/spreadsheets/d/1Vga4... ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... //動画やWebサイトの完成イメージ //ラフスケッチ 卒業研究I（前期）では主に[[情報デザイン研究II>https://des... [[全体的な動画の構成>https://drive.google.com/file/d/1XJq... //https://youtu.be/13VWVUMSkfg ~ ~ **調査 ~ ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -近年、日本の夏が暑すぎるために、[[屋外での季節行事が涼し... -[[夏の東京の平均気温はこの100年間で3℃上昇>https://toyoke... -毎年異常な暑さを記録する日本の夏に対し、世間はどう捉えて... ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[夏の作業用BGMに合わせた動画>https://youtu.be/-jj-rHDjC... 効果音に合わせてイラストが動くことで、よりリアリティを感... -[[漫画のPV>https://youtu.be/vsPbfdv41-w]]※音が出ます 大胆なカットインやBGMの切り替えから、漫画の持つ独特な世界... ~ -[[日記風のWebサイト>https://monokai.nl/2019/japan/]] 画像と文章の比率がまとめられていてとても見やすい。Webサイ... -[[遊び心のあるWebサイト>http://waaark.com/]] アイコンにギミックを取り入れている点など、見る人を飽きさ... -[[特殊な動きを取り入れたWebサイト>https://seaballoon.com... サイトを訪れると海中をイメージした音楽が流れ、触れると波... -[[夏の過ごし方の知恵>https://kinarino.jp/cat6-%E3%83%A9%... 物語を展開していく上で取り入れることで、よりリアリティを... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[Webサイトに水の表現を取り入れる技法>https://www.global... -[[HTMLで動画を自動再生する方法>https://webliker.info/525... //-After Effectsでの水面の取り入れ方 ~ ~ **プロジェクト管理 ~ ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... [[進行管理表>https://docs.google.com/spreadsheets/d/1Vga4... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%テーマ案の模索%% -%%テーマの決定／登録%% -%%メインビジュアルの制作／設定%% -%%目的の部分を明確にする（根本的なところを練り直す）%% -%%キャラクターデザインの制作%% -%%アニメーション動画の試作%% -%%&color(red){7/1までに作品概要を完成};%% -%%字／絵コンテの制作%% -%%イラストのブラッシュアップ%% -%%Webサイトのサイトマップの制作%% ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2022.7.22 ~ ***試作 -[[イラストのブラッシュアップ>https://drive.google.com/fi... イラスト内の時間を変更し、またそれに合わせた光の角度を描... [[情報デザイン研究II>https://design.kyusan-u.ac.jp/social... -[[Webサイトのサイトマップ（ラフ）>https://drive.google.c... 物語のみのシンプルなWebサイトを制作予定。GIFに変換した動... ~ ***今週の目標 -最終調整(前期時点) ~ ~ **2022.7.15 ~ ***試作 -[[字/絵コンテ全動画分まとめ>https://drive.google.com/fil... 作品の全体を把握するため、字/絵コンテをシーンごとに分けて... ~ ***プレゼンを通して見つかった改善点 -Webサイトのサイトマップを制作し、全体を把握する -イラスト内の時間の表記に合わせた光の角度の描写をする（ブ... -夏の嫌悪感を軽いものにするためには、昔ながらの知恵では難... ~ ***今週の目標 -Webサイトのサイトマップの制作 -指摘されたイラストのブラッシュアップ ~ ~ **2022.7.8 ~ ***試作 -[[字/絵コンテその7>https://drive.google.com/file/d/1EsZy... -[[字/絵コンテその8>https://drive.google.com/file/d/1EuU2... 主人公が下校するシーン。ところどころに文章・効果音を取り... ~ ***今週の目標 -プレゼンの準備 -作品概要の再調整 ~ ~ **2022.7.1 ~ ***試作 -[[字/絵コンテその5>https://drive.google.com/file/d/1EC-Z... -[[字/絵コンテその6>https://drive.google.com/file/d/1EItu... 主人公が登校するシーン。ところどころに文章・効果音を取り... ~ ***今週の目標 -プレゼンの準備 -作品概要の再調整 ~ ~ **2022.6.24 ~ ***試作 -[[字/絵コンテその3>https://drive.google.com/file/d/13IXT... -[[字/絵コンテその4>https://drive.google.com/file/d/17ee4... 引き続き主人公が朝の支度をするシーン。ところどころに文章... ~ ***今週の目標 -字/絵コンテを最後まで制作 ~ ~ **2022.6.17 ~ ***試作 -[[キャラクターデザイン>https://drive.google.com/file/d/1... 主人公の視点（一人称視点）で物語を進めることで、よりリア... ~ ***今週の目標 -字／絵コンテを最後まで制作 -&color(red){7/1までに作品概要を完成}; ~ ~ **2022.6.10 ~ ***試作 -[[字／絵コンテその2>https://drive.google.com/file/d/1uzh... 主人公が朝の支度をするシーン。ところどころに文章・効果音... -[[物語で取り入れる知恵まとめ>https://drive.google.com/fi... 物語を展開させる際に、夏を涼しく過ごすための知恵を描写す... ~ ***今週の目標 -目的の部分を明確にする（根本的なところを練り直す） -キャラクターデザインの制作 -字／絵コンテを最後まで制作 ~ ~ **2022.6.3 ~ ***試作 -[[イラストのブラッシュアップ2>https://drive.google.com/f... 見る人により涼しげな印象を与えるよう、全体的なトーンを寒... ~ ***プレゼンを通して見つかった改善点 -絵コンテを最後まで制作し、全体を把握する -目的の部分を明確にする（アイデア集なのか、嫌悪感を軽くす... -見てもらう時期について考えることで、作品の質を高める -動画からWebサイトへ誘導する仕組みの導入 -時間ごとにWebサイトの背景の色を変更・天気予報や時間を表... -「知恵」をカテゴリ化することで、Webサイトの充足感を高める -「知恵」に関しては、テクノロジーではなく自然さにこだわる ~ ***今週の目標 -字／絵コンテを最後まで制作 -イラストのブラッシュアップ -目的の部分を明確にする（根本的なところを練り直す） ~ ~ **2022.5.27 ~ ***試作 ~ #youtube(13VWVUMSkfg) ~ -[[字／絵コンテその1>https://drive.google.com/file/d/1juq... ~ ***今週の目標 -字／絵コンテの続き -イラストのブラッシュアップ ~ ~ **2022.5.20 ~ ***試作 -[[字／絵コンテその1>https://drive.google.com/file/d/1juq... 主人公が起床するシーン。ところどころに文章・効果音を取り... ~ ***今週の目標 -字／絵コンテの続き -イラストのブラッシュアップ -中間報告の準備 ~ ~ **2022.5.13 ~ ***調査 -[[特殊な動きを取り入れたWebサイト>https://seaballoon.com... サイトを訪れると海中をイメージした音楽が流れ、触れると波... -[[特殊な動きを取り入れたWebサイト2>https://offandrelax.j... サイト内の画像に触れると波紋が広がっていく。臨場感のあるW... -[[特殊な動きを取り入れたWebサイト3>http://eightthethalas... サイト内の画像に触れると波紋が広がり、スクロールすると水... ~ ***試作 -[[イラストのブラッシュアップ>https://drive.google.com/fi... 見る人により涼しげな印象を与えるよう、部屋のアイテムを寒... ~ ***今週の目標 -字／絵コンテのスケッチ -イラストのブラッシュアップ -中間報告の準備 ~ ~ **2022.4.22 ~ ***テーマのメモ -イラスト×アニメーション×Webサイト：「夏」をモチーフに物... お楽しみ要素などの説明は省き、物語そのものだけのサイトに 特典画像はダウンロード出来るように 夏の過ごし方の知恵をストーリーに組み込む？ ~ ***調査 -[[遊び心のあるWebサイト>http://waaark.com/]] アイコンにギミックを取り入れている点など、見る人を飽きさ... -[[夏の過ごし方の知恵>https://kinarino.jp/cat6-%E3%83%A9%... 物語を展開していく上で取り入れることで、よりリアリティを... -[[おばあちゃんの知恵袋>https://kura-nora.com/chiebukuro-... 上に同じ。物語を展開していく上で参考にしたい。 ~ ***試作（ラフ） -[[メインビジュアルのラフ1>https://drive.google.com/file/... -[[メインビジュアルのラフ2>https://drive.google.com/file/... それぞれ「夏の詰まった箱」が流れてやってくるイメージ。 ~ ***卒業研究II（後期）に向けての長期的な目標 -卒業研究I（前期）では主に[[情報デザイン研究II>https://de... -卒業研究II（後期）では主に卒業研究Iでの成果物を用いたWeb... ~ ***今週の目標 -テーマの決定／登録 -メインビジュアルの制作／設定 -キャラクターデザインの制作 -イラストのブラッシュアップ ~ ~ **2022.04.15 ~ ***テーマのメモ -イラスト×アニメーション×Webサイト：「夏」をモチーフに物... -イラスト×グッズ：上記のWebサイトと動画に用いたイラストを... ~ -イラスト×Webサイト：旅行の際に必要な「持ち物チェックリス... ~ ***調査 -[[漫画のPV>https://youtu.be/vsPbfdv41-w]]※音が出ます 大胆なカットインやBGMの切り替えから、漫画の持つ独特な世界... //-[[HTMLで動画を自動再生する方法>https://webliker.info/5... //動画を制作する上で覚えておきたい。 ~ ***試作（ラフ） -[[「夏」をモチーフに物語が展開していく動画/全体的な構成... 画面が上から下へ流れていくのに合わせて、物語も進んでいく... ~ -[[いるものリスト/グッズ化も見込んだ壁紙のラフ>https://dr... [[Webサイトに用いた持ち物のイラスト>https://drive.google.... ~ ***今週の目標 -テーマ案の模索 -事前調査の継続 ~ ~ **2022.04.08 ~ ***テーマのメモ -イラスト×アニメーション×Webサイト：「夏」をモチーフに物... -イラスト×アニメーション：「夏」をモチーフに物語が展開し... -イラスト×グッズ：上記のWebサイトや動画に用いたイラストを... ~ -イラスト×Webサイト：旅行の際に必要な「持ち物チェックリス... //壁紙としてダウンロード ~ //***使用するツール //-ibisPaint X //-GitHub //-Adobe After Effects //-Adobe Premiere Pro //~ ***調査 -[[オリジナルグッズ>https://shopzokuzoku.thebase.in]] ピアスやルームキーのキーホルダー。画期的な形のグッズなど... -[[物語が展開していくWebサイト>http://yourpower.panda.org... 下にスクロールするに連れて物語が展開していく。絵本のよう... -[[日記風のWebサイト>https://monokai.nl/2019/japan/]] 画像と文章の比率がまとめられていてとても見やすい。Webサイ... -[[個人的に好きな構成のWebサイト>https://es-cinnamon.cafe]] 配色やフォントなどの統一感も含め、全体的に情報が整理され... -[[リリックビデオ1>https://youtu.be/XKOtUV_7izo]] 歌詞と連動したイラストが表示されることで、楽曲が表す情景... -[[リリックビデオ2>https://youtu.be/-MKfbxHy_NA]] 上に同じ。動画を作る際に参考にしたい。 -[[夏の作業用BGMに合わせた動画>https://youtu.be/-jj-rHDjC... 効果音に合わせてイラストが動くことで、よりリアリティを感... ~ -[[旅行の持ち物チェックリスト>https://hotels.his-j.com/ct... 性別や場面ごとに分かりやすくまとめられていてとても見やす... -[[鞄の中身を描いたイラスト>https://www.pixiv.net/tags/%E... 持ち物のレイアウトなど、Webサイトを作る際に参考にしたい。 -[[持ち物を並べていくゲーム>https://store.steampowered.co... 細かいところまでドット絵で綺麗に描写されていてとても見や... //情報の整理 ~ ***試作（ラフ） -[[いるものリスト/Webサイトのレイアウトラフ>https://drive... 持ち物のイラストを選択し、それぞれドラッグすることで「入... ~ ***スケジュール管理 -[[進行管理表>https://docs.google.com/spreadsheets/d/1Vga... ~ ***今週の目標 -テーマ案の模索 -事前調査の継続 ~ ~ ~ ~

終了行:
*ひんやりそのまま詰め込んで 清涼感を届けるWebコンテンツ ~ #image(main.jpg) ~ -''奈須本真椰'' -'''Keywords：夏,清涼感''' -https://youtu.be/13VWVUMSkfg ~ ~ **概要 ~ ***これは何？ //&color(red){これは何か・・を簡潔に}; イラスト×アニメーション×Webサイト：「夏」をモチーフに物語... //動的なWebサイト //グッズの製作も出来れば ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; //-現状やこれから（未来）の話をソースを並べて //-若者の夏に対する気持ち //私自身もすっきりとした涼しげなイメージのある想像上の夏... 背景：近年、日本の夏が暑すぎることから、「夏」というもの... 目的：夏を涼しく過ごすための知恵を描写し、その場の空気感... //動画を見た人やWebサイトを訪れた人の、夏に対する嫌悪感を... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 物語を展開させる際に、夏を涼しく過ごすための知恵を描写す... //制作したイラストを郵便物に見立て、動画を見る人やWebサイ... //「暑い」という単語を使わずに夏の暑さを表現し、「涼しい... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; イラスト：サイズは1280px ×720px、23~30枚制作 動画：サイズは1920px ×1080px、約45秒の動画を10個前後制作 Webサイト：GitHubを用いて制作、GIFに変換した動画を埋め込... -[[部分的な構成のラフ>https://drive.google.com/file/d/1X6... -[[字/絵コンテ全動画分まとめ>https://drive.google.com/fil... -[[キャラクターデザイン>https://drive.google.com/file/d/1... -[[イラストのブラッシュアップ>https://drive.google.com/fi... -[[Webサイトのサイトマップ>https://drive.google.com/file/... ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... //~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ibisPaint X, After Effects, Premiere Pro, Atom ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... [[進行管理表>https://docs.google.com/spreadsheets/d/1Vga4... ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... //動画やWebサイトの完成イメージ //ラフスケッチ 卒業研究I（前期）では主に[[情報デザイン研究II>https://des... [[全体的な動画の構成>https://drive.google.com/file/d/1XJq... //https://youtu.be/13VWVUMSkfg ~ ~ **調査 ~ ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -近年、日本の夏が暑すぎるために、[[屋外での季節行事が涼し... -[[夏の東京の平均気温はこの100年間で3℃上昇>https://toyoke... -毎年異常な暑さを記録する日本の夏に対し、世間はどう捉えて... ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[夏の作業用BGMに合わせた動画>https://youtu.be/-jj-rHDjC... 効果音に合わせてイラストが動くことで、よりリアリティを感... -[[漫画のPV>https://youtu.be/vsPbfdv41-w]]※音が出ます 大胆なカットインやBGMの切り替えから、漫画の持つ独特な世界... ~ -[[日記風のWebサイト>https://monokai.nl/2019/japan/]] 画像と文章の比率がまとめられていてとても見やすい。Webサイ... -[[遊び心のあるWebサイト>http://waaark.com/]] アイコンにギミックを取り入れている点など、見る人を飽きさ... -[[特殊な動きを取り入れたWebサイト>https://seaballoon.com... サイトを訪れると海中をイメージした音楽が流れ、触れると波... -[[夏の過ごし方の知恵>https://kinarino.jp/cat6-%E3%83%A9%... 物語を展開していく上で取り入れることで、よりリアリティを... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[Webサイトに水の表現を取り入れる技法>https://www.global... -[[HTMLで動画を自動再生する方法>https://webliker.info/525... //-After Effectsでの水面の取り入れ方 ~ ~ **プロジェクト管理 ~ ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... [[進行管理表>https://docs.google.com/spreadsheets/d/1Vga4... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%テーマ案の模索%% -%%テーマの決定／登録%% -%%メインビジュアルの制作／設定%% -%%目的の部分を明確にする（根本的なところを練り直す）%% -%%キャラクターデザインの制作%% -%%アニメーション動画の試作%% -%%&color(red){7/1までに作品概要を完成};%% -%%字／絵コンテの制作%% -%%イラストのブラッシュアップ%% -%%Webサイトのサイトマップの制作%% ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2022.7.22 ~ ***試作 -[[イラストのブラッシュアップ>https://drive.google.com/fi... イラスト内の時間を変更し、またそれに合わせた光の角度を描... [[情報デザイン研究II>https://design.kyusan-u.ac.jp/social... -[[Webサイトのサイトマップ（ラフ）>https://drive.google.c... 物語のみのシンプルなWebサイトを制作予定。GIFに変換した動... ~ ***今週の目標 -最終調整(前期時点) ~ ~ **2022.7.15 ~ ***試作 -[[字/絵コンテ全動画分まとめ>https://drive.google.com/fil... 作品の全体を把握するため、字/絵コンテをシーンごとに分けて... ~ ***プレゼンを通して見つかった改善点 -Webサイトのサイトマップを制作し、全体を把握する -イラスト内の時間の表記に合わせた光の角度の描写をする（ブ... -夏の嫌悪感を軽いものにするためには、昔ながらの知恵では難... ~ ***今週の目標 -Webサイトのサイトマップの制作 -指摘されたイラストのブラッシュアップ ~ ~ **2022.7.8 ~ ***試作 -[[字/絵コンテその7>https://drive.google.com/file/d/1EsZy... -[[字/絵コンテその8>https://drive.google.com/file/d/1EuU2... 主人公が下校するシーン。ところどころに文章・効果音を取り... ~ ***今週の目標 -プレゼンの準備 -作品概要の再調整 ~ ~ **2022.7.1 ~ ***試作 -[[字/絵コンテその5>https://drive.google.com/file/d/1EC-Z... -[[字/絵コンテその6>https://drive.google.com/file/d/1EItu... 主人公が登校するシーン。ところどころに文章・効果音を取り... ~ ***今週の目標 -プレゼンの準備 -作品概要の再調整 ~ ~ **2022.6.24 ~ ***試作 -[[字/絵コンテその3>https://drive.google.com/file/d/13IXT... -[[字/絵コンテその4>https://drive.google.com/file/d/17ee4... 引き続き主人公が朝の支度をするシーン。ところどころに文章... ~ ***今週の目標 -字/絵コンテを最後まで制作 ~ ~ **2022.6.17 ~ ***試作 -[[キャラクターデザイン>https://drive.google.com/file/d/1... 主人公の視点（一人称視点）で物語を進めることで、よりリア... ~ ***今週の目標 -字／絵コンテを最後まで制作 -&color(red){7/1までに作品概要を完成}; ~ ~ **2022.6.10 ~ ***試作 -[[字／絵コンテその2>https://drive.google.com/file/d/1uzh... 主人公が朝の支度をするシーン。ところどころに文章・効果音... -[[物語で取り入れる知恵まとめ>https://drive.google.com/fi... 物語を展開させる際に、夏を涼しく過ごすための知恵を描写す... ~ ***今週の目標 -目的の部分を明確にする（根本的なところを練り直す） -キャラクターデザインの制作 -字／絵コンテを最後まで制作 ~ ~ **2022.6.3 ~ ***試作 -[[イラストのブラッシュアップ2>https://drive.google.com/f... 見る人により涼しげな印象を与えるよう、全体的なトーンを寒... ~ ***プレゼンを通して見つかった改善点 -絵コンテを最後まで制作し、全体を把握する -目的の部分を明確にする（アイデア集なのか、嫌悪感を軽くす... -見てもらう時期について考えることで、作品の質を高める -動画からWebサイトへ誘導する仕組みの導入 -時間ごとにWebサイトの背景の色を変更・天気予報や時間を表... -「知恵」をカテゴリ化することで、Webサイトの充足感を高める -「知恵」に関しては、テクノロジーではなく自然さにこだわる ~ ***今週の目標 -字／絵コンテを最後まで制作 -イラストのブラッシュアップ -目的の部分を明確にする（根本的なところを練り直す） ~ ~ **2022.5.27 ~ ***試作 ~ #youtube(13VWVUMSkfg) ~ -[[字／絵コンテその1>https://drive.google.com/file/d/1juq... ~ ***今週の目標 -字／絵コンテの続き -イラストのブラッシュアップ ~ ~ **2022.5.20 ~ ***試作 -[[字／絵コンテその1>https://drive.google.com/file/d/1juq... 主人公が起床するシーン。ところどころに文章・効果音を取り... ~ ***今週の目標 -字／絵コンテの続き -イラストのブラッシュアップ -中間報告の準備 ~ ~ **2022.5.13 ~ ***調査 -[[特殊な動きを取り入れたWebサイト>https://seaballoon.com... サイトを訪れると海中をイメージした音楽が流れ、触れると波... -[[特殊な動きを取り入れたWebサイト2>https://offandrelax.j... サイト内の画像に触れると波紋が広がっていく。臨場感のあるW... -[[特殊な動きを取り入れたWebサイト3>http://eightthethalas... サイト内の画像に触れると波紋が広がり、スクロールすると水... ~ ***試作 -[[イラストのブラッシュアップ>https://drive.google.com/fi... 見る人により涼しげな印象を与えるよう、部屋のアイテムを寒... ~ ***今週の目標 -字／絵コンテのスケッチ -イラストのブラッシュアップ -中間報告の準備 ~ ~ **2022.4.22 ~ ***テーマのメモ -イラスト×アニメーション×Webサイト：「夏」をモチーフに物... お楽しみ要素などの説明は省き、物語そのものだけのサイトに 特典画像はダウンロード出来るように 夏の過ごし方の知恵をストーリーに組み込む？ ~ ***調査 -[[遊び心のあるWebサイト>http://waaark.com/]] アイコンにギミックを取り入れている点など、見る人を飽きさ... -[[夏の過ごし方の知恵>https://kinarino.jp/cat6-%E3%83%A9%... 物語を展開していく上で取り入れることで、よりリアリティを... -[[おばあちゃんの知恵袋>https://kura-nora.com/chiebukuro-... 上に同じ。物語を展開していく上で参考にしたい。 ~ ***試作（ラフ） -[[メインビジュアルのラフ1>https://drive.google.com/file/... -[[メインビジュアルのラフ2>https://drive.google.com/file/... それぞれ「夏の詰まった箱」が流れてやってくるイメージ。 ~ ***卒業研究II（後期）に向けての長期的な目標 -卒業研究I（前期）では主に[[情報デザイン研究II>https://de... -卒業研究II（後期）では主に卒業研究Iでの成果物を用いたWeb... ~ ***今週の目標 -テーマの決定／登録 -メインビジュアルの制作／設定 -キャラクターデザインの制作 -イラストのブラッシュアップ ~ ~ **2022.04.15 ~ ***テーマのメモ -イラスト×アニメーション×Webサイト：「夏」をモチーフに物... -イラスト×グッズ：上記のWebサイトと動画に用いたイラストを... ~ -イラスト×Webサイト：旅行の際に必要な「持ち物チェックリス... ~ ***調査 -[[漫画のPV>https://youtu.be/vsPbfdv41-w]]※音が出ます 大胆なカットインやBGMの切り替えから、漫画の持つ独特な世界... //-[[HTMLで動画を自動再生する方法>https://webliker.info/5... //動画を制作する上で覚えておきたい。 ~ ***試作（ラフ） -[[「夏」をモチーフに物語が展開していく動画/全体的な構成... 画面が上から下へ流れていくのに合わせて、物語も進んでいく... ~ -[[いるものリスト/グッズ化も見込んだ壁紙のラフ>https://dr... [[Webサイトに用いた持ち物のイラスト>https://drive.google.... ~ ***今週の目標 -テーマ案の模索 -事前調査の継続 ~ ~ **2022.04.08 ~ ***テーマのメモ -イラスト×アニメーション×Webサイト：「夏」をモチーフに物... -イラスト×アニメーション：「夏」をモチーフに物語が展開し... -イラスト×グッズ：上記のWebサイトや動画に用いたイラストを... ~ -イラスト×Webサイト：旅行の際に必要な「持ち物チェックリス... //壁紙としてダウンロード ~ //***使用するツール //-ibisPaint X //-GitHub //-Adobe After Effects //-Adobe Premiere Pro //~ ***調査 -[[オリジナルグッズ>https://shopzokuzoku.thebase.in]] ピアスやルームキーのキーホルダー。画期的な形のグッズなど... -[[物語が展開していくWebサイト>http://yourpower.panda.org... 下にスクロールするに連れて物語が展開していく。絵本のよう... -[[日記風のWebサイト>https://monokai.nl/2019/japan/]] 画像と文章の比率がまとめられていてとても見やすい。Webサイ... -[[個人的に好きな構成のWebサイト>https://es-cinnamon.cafe]] 配色やフォントなどの統一感も含め、全体的に情報が整理され... -[[リリックビデオ1>https://youtu.be/XKOtUV_7izo]] 歌詞と連動したイラストが表示されることで、楽曲が表す情景... -[[リリックビデオ2>https://youtu.be/-MKfbxHy_NA]] 上に同じ。動画を作る際に参考にしたい。 -[[夏の作業用BGMに合わせた動画>https://youtu.be/-jj-rHDjC... 効果音に合わせてイラストが動くことで、よりリアリティを感... ~ -[[旅行の持ち物チェックリスト>https://hotels.his-j.com/ct... 性別や場面ごとに分かりやすくまとめられていてとても見やす... -[[鞄の中身を描いたイラスト>https://www.pixiv.net/tags/%E... 持ち物のレイアウトなど、Webサイトを作る際に参考にしたい。 -[[持ち物を並べていくゲーム>https://store.steampowered.co... 細かいところまでドット絵で綺麗に描写されていてとても見や... //情報の整理 ~ ***試作（ラフ） -[[いるものリスト/Webサイトのレイアウトラフ>https://drive... 持ち物のイラストを選択し、それぞれドラッグすることで「入... ~ ***スケジュール管理 -[[進行管理表>https://docs.google.com/spreadsheets/d/1Vga... ~ ***今週の目標 -テーマ案の模索 -事前調査の継続 ~ ~ ~ ~

ページ名: