LogoMark.png

山村樹/卒業研究I の変更点


#author("2021-06-19T06:05:55+09:00;2021-06-19T06:01:35+09:00","default:member","member")
#author("2021-06-19T06:12:21+09:00;2021-06-19T06:12:08+09:00","default:member","member")
*W.G(仮)
WEB × GIFアニメーション

#image(w-g-c.jpg);             

-''Project Director''
-'''Keywords:Web, Gif , Cinemagraph , ・・・'''
-https://www.example.com

~


**Overview
***Introduction / What is This
GIFアニメーション、シネマグラフを活用した新しいWEBサイト制作
~

***Background and Purpose
今回の研究では、WEBを軸としてイラストを使ったコンテンツで面白いものを作りたいという思いがあった。そこで、調査の際に興味をもったGIFアニメーションとシネマグラフを用いた作品の制作を企画した。
~

***Concept
自分だけの世界観(仮)
~

***Output
//&color(red){成果物の直接掲載またはリンク誘導};//
//&color(red){&small(プロジェクトの途上では、試作品等、視覚的な資料を掲載・リンクして下さい。);};//
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本情報も記載して下さい。);};//
~

***Tools
Illustrator、Photoshop、Atom
~

***Term
プロジェクトの期間|2021.04. - 2021.10. 
~

***Conclusion / Summary 
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};//
~
~


**Survey

***Present Status
現状の要素(WEB、シネマグラフ、GIFアニメーション)だけでは単にシネマグラフ、GIFアニメーションを載せたギャラリーサイトになってしまう。そのため他の要素を追加する必要がある。
~
***案
-Web版の絵本、小説(スクロールすることで文字、アニメーションが表示され物語を読み進めることができる)
-シネマグラフとシネマ(映画)を掛けてみる?
~
***Precedent
-[[Maori Sakai>https://maorisakai.tumblr.com]]
-[[Maori Sakai 2>https://www.maorisakai.com]]
イラストレーターである酒井真織さんのWebページ。

-[[グラフィックガール>http://cre-m.jp/ogi_12/]]
ファッション、写真、アニメーション、グラフィックを混ぜたグラビアサイト


~

***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};//

~
~

**Project Management

***Schedule
進行表
[[卒業研究/スケジュール等]]
~

***ToDo
-webサイトの形やシネマグラフの見せ方を工夫を考える。
~
-作り方の路線を決める。例えば、顔写真をモチーフにするなら目だけにエフェ     クトをつけた作品に統一するなど。自分だけの「独特の世界観」、「山村ワールド」を見つける。 
~
-さらに調査を行い、試作をいくつか作って完成のイメージを想定する。

~
~
~

#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};//
#hr
~
~

**2021.06.18
~
***試作
&image(試作_2.gif,left,40%);  &image(試作_1.gif,right,40%);
&image(試作_2.gif,left,40%);  &image(試作_3.gif,right,40%);
~
-[[制作イメージ1>https://www.pinterest.jp/pin/803259283542289937/]]
-[[制作イメージ2>https://www.pinterest.jp/pin/803259283542289920/]]
-[[制作イメージ3>https://www.pinterest.jp/pin/235594624244730526/]]
~
**2021.05.21
~
***中間報告
WEB、シネマグラフ、GIFアニメーションのほかに小説や映画などの要素を
追加する案。追加しなくてもwebサイト上にシネマグラフを載せるだけでも面白いのではないか?
~
→webサイトの形やシネマグラフの見せ方を工夫を考える。
~
→作り方の路線を決める。例えば、顔写真をモチーフにするなら目だけにエフェ     クトをつけた作品に統一するなど。自分だけの「独特の世界観」、「山村ワールド」を見つける。 
~
→さらに調査を行い、試作をいくつか作って完成のイメージを想定する。
~
~
**2021.05.14
~
***制作物
Webを軸に、シネマグラフ、GIFアニメーション等を組み合わせたコンテンツ
-参考
[[グラフィックガール>http://cre-m.jp/ogi_12/]]
(ファッション、写真、アニメーション、グラフィックを混ぜた新感覚グラビアサイト)
~
***先行事例
-[[シネマグラフ×GIFアニメーション>http://cre-m.jp.s3-website-ap-northeast-1.amazonaws.com/wp-content/uploads/2015/10/tumblr_ntkc4yJf8d1td963vo1_r4_400.gif]]
-[[Web×GIFアニメーション>https://gifmagazine.net/users/4814/profile]]
~
***企画案
-JavaScript、CSSでのアニメーションを活用
~
**2021.04.22
~
Web×イラスト、Web×アニメーションで面白いものが作れないか模索
-イラストレーター、アニメーション作家のWebサイトを閲覧
[[Backside-Works>https://www.shartproject.com/main-artists/backside-works/]]
[[KYNE>http://kyne.jp]]
女性モチーフのイラストが多いイメージ、男性はほとんど見なかった
[[藍にいな>https://ainina.net]](夜に駆けるのアニメーション担当。サイトのアニメーションも特徴的)
~
-Web、誌面を使ってクリエイターが自己プロモーションのできるサイト
https://creatorsvalue.jp
~
-パーツを組み合わせてオリジナルのイラストを作成
https://amigos.blush.design
~
-Web制作の参考になるサイト集(動き、エフェクト、アニメーション)
https://sankoudesign.com/category/motion-effect/
~
-アイデア、キーワードから連想
ファッション→ドメブラ
web×イラスト→サイトをキャンパスに見立ててイラストを描く?
ペイントツールは発見→https://weva.cloud/?p=259
~
-コロナ禍での生活様式、習慣に着目
健康的なおうち時間の過ごし方
~
~
**2021.04.16
~
***Web×〇〇〇
-Webと映像やイラストなど他のコンテンツを
組み合わせた作品
~
~
**2021.04.14
~
***卒業研究キーワード
-トレンド、昭和レトロ、古品、喫茶、服
~
//100サイト閲覧して絞ったサイトを10載せる//
//進路に合わせたテーマ設定。進路がweb系ならweb制作、映像系なら映像//
//過去の事例、写真集、サイトの調査を簡単に//
~
~

~