LogoMark.png

奈須本真椰/情報デザイン研究I のバックアップソース(No.8)

#author("2021-05-21T02:49:15+09:00","default:member","member")
*かそう空間で息を吸う
仮想 × 夏想

~

#image(kasou_sample_01.jpg)

~

-''奈須本真椰''
-'''Keywords:夏,セーラー服,空気感'''
-https://kasou8.wordpress.com(準備中)
~

**Overview
~
***Introduction / What is This
//&color(red){これは何か・・を簡潔に};
イラスト×gifアニメーション×Webサイト:「概念的な夏」「セーラー服」のイラストを用いたWebサイト
~

***Background and Purpose
//&color(red){プロジェクトの背景と目的};
夏とセーラー服が好き!
どこかの誰かのあったかもしれない架空の夏の一場面を集め(仮想)、夏に想いを馳せる(夏想)
このサイトを通じて夏やセーラー服の良さを伝えたい(少しでも好きになってもらいたい)

~

***Concept
//&color(red){基本的な考え方、枠組み、視点など};
まるで自分もそこにいるかのような、夏の一瞬の空気感を鮮明に表現するイラストやそれを用いたgifアニメーション、Webサイトの作成
~

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

***Tools
//&color(red){使用するツール|ハードウエア・ソフトウエア};
スマホ(Android内蔵カメラ/ibisPaint X)、PC(Adobe Illustrator/Adobe After Effects/WordPress)
~

***Term
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
[[進行管理表>https://docs.google.com/spreadsheets/d/17sg7y8Inx4HBluotjVdZQfkQREF7b3tosz5w76ehe7A/edit?usp=sharing]]←こちらから!
~

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

~
~

**Survey
~
***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
-Webサイトに用いるイラストがまだ少ないのでとにかく描く
~

***Precedent
//&color(red){先行事例の紹介、傾向分析など};
-写真を用いた動画(シネマグラフ)のイメージ:(URL:https://helpx.adobe.com/jp/photoshop/how-to/create-cinemagraph.html)
-イラストを用いたアニメーションのイメージ1、2、3:(URL:https://twitter.com/imassc_official/status/1332200552000733187 、https://twitter.com/imassc_official/status/1332203845544337408 、https://twitter.com/imassc_official/status/1331876823639068673)花火や提灯の光の反射が自然で、リアリティがある。イラストを描く際に参考にしたい。
-イラストを用いたアニメーションのイメージ4:(URL:https://twitter.com/imassc_official/status/1332188863888982017)髪や植物のなびきが滑らかかつ自然な動きをしていて、リアリティがある。イラストを動かす際に参考にしたい。
//https://campaign-shinycolors.idolmaster.jp/ssr2020/
~

***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
//-Aeを用いたLive2D風アニメーションの作成方法
-シネマグラフの作り方:(URL:https://helpx.adobe.com/jp/photoshop/how-to/create-cinemagraph.html)
-WordPressでgifアニメーションを取り入れる方法(URL:https://dandashokai.com/5596)
-セーラー服の構造(URL:https://www.schoolwear-shop.com/smartphone-page/sailor-uniform01.html)

~
~

**Project Management
~
***Schedule
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
-[[進行管理表>https://docs.google.com/spreadsheets/d/17sg7y8Inx4HBluotjVdZQfkQREF7b3tosz5w76ehe7A/edit?usp=sharing]]←こちらから!
~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-%%テーマの決定%%
-%%テーマに基づいた調査を進める%%
-%%進行管理表の作成%%
-%%タイトルの決定%%
-%%メインビジュアルの作成%%
-%%Webサイトの作成%%
-サイトアイコンの変更
-試作(イラスト、アニメーション)
-Webサイトをより綺麗に

~
~

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


**2020.5.20
~
***Webサイトの作成
-[[プロトタイプサイト(準備中)>https://kasou8.wordpress.com]](←こちらから)
レンタルサーバーを用いたWebサイトの作成を試みたものの、上手く稼働しなかったため、限られた範囲内でより良いWebサイトの作成を進める。
~

//***試作
//~

***今週の目標
-イラストの試作
-Webサイトをより綺麗に、見やすくする
~

~

**2020.5.13
~
***メインビジュアルの作成
~
#image(kasou_sample_01.jpg,,75%)
~

***試作(完成イメージ)
~
#image(kasou_sample_01.jpg,,75%)
~
#image(kasou_sample_02.jpg,,75%)
~
-1枚目→2枚目のように、電車の動きに合わせて窓の外の景色も横に流れて見えるよう動かしてみる
~

***今週の目標
-イラストの試作
-Webサイトの作成
~

~

**2020.5.6
~
***スケジュール
-[[進行管理表>https://docs.google.com/spreadsheets/d/17sg7y8Inx4HBluotjVdZQfkQREF7b3tosz5w76ehe7A/edit?usp=sharing]](←URL)
~

***タイトルの決定
-「かそう空間で呼吸する」
~

***サブタイトルの決定
-「仮想 × 夏想」
~

***今週の目標
-メインビジュアルの作成
-イラストの試作
-イラストを動かしてみる(余裕があれば)
~

~

**2020.4.22
~
***調査
-イラストを用いたアニメーションのイメージ(URL:https://campaign-shinycolors.idolmaster.jp/ssr2020/)
~

***仮タイトルの決定
-「だれかのなつ」
~

***仮サブタイトルの決定
-「あったかもしれないしなかったかもしれない」
~

***今週の目標
-進行管理表の作成
-タイトルの決定
-サブタイトルの決定
~

~

**2020.4.15
~
***テーマの決定
-イラスト×gifアニメーション×Webサイト:「概念的な夏」「セーラー服」のイラストを用いたgifアニメーションやWebサイトの作成
-福岡の各地を訪れ、実際に存在する場所をイラストに(余裕があれば)
~

***Webサイト完成イメージ
-投稿イメージの参考1:透明愛好家(URL:https://tomeinohito.studio.site/)
-投稿イメージの参考2:昨年情報デザイン演習ⅢAにて作成したWebサイト(URL:https://nas5may.wordpress.com/)
~

***今週の目標
-テーマに基づいた調査を進める
-仮タイトルの決定
-仮サブタイトルの決定
~

~

**2020.4.8
~
***自分の好きなもの・持ち味
-概念的な夏
-セーラー服
-ダンス(より自分らしさが増す…?)
~

***概要
-イラスト×gifアニメーション×Webサイト:「概念的な夏」「セーラー服」のイラストを用いたgifアニメーションやWebサイトの作成
-ダンス×イラスト×gifアニメーション×Webサイト:「ダンス」「セーラー服」のイラストを用いたgifアニメーションやWebサイトの作成(自分が踊るところを撮影し、写真を参考にイラストを作成)
~

***使用するツール
-Android内蔵カメラ
-ibisPaint X
-Adobe Illustrator
-Adobe After Effects
-WordPress
-Live2D(余裕があれば)
~

***調査
-セーラー服について(URL:https://www.schoolwear-shop.com/smartphone-page/sailor-uniform01.html)購入も検討中
-WordPressでgifアニメーションを取り入れる方法(URL:https://dandashokai.com/5596)
~

***今年度の目標
-前期では主にイラスト・Webサイトの作成
-後期では主にgifアニメーションの作成
~

***卒業研究に向けての長期的な目標
-3年生(情報デザイン研究)では主にイラストの作成やそれを用いたgifアニメーション・Webサイトの作成
-4年生(卒業研究)では主にセーラー服をモチーフにしたグッズの作成・販売:情報デザイン研究で作成したイラストやgifアニメーションを用いたグッズ販売サイトの作成
//-「セーラー服を愛するすべての人たちへ。」
~

***今週の目標
-テーマの決定
~

//!メモ!
//夏の空気 呼吸 息吹 鼓動 足音
//夏のかお 香り/表情
//夏がそこにいる
//一瞬を閉じ込めました 一瞬を永遠に 一瞬が呼吸する
//シネマグラフ

~

~

~