LogoMark.png

鈴木貴久/情報デザイン研究I のバックアップの現在との差分(No.5)


#author("2021-04-15T18:55:37+09:00","default:member","member")
*映像×アニメ・マンガ風
SubTitle ・・・・・・・・・・・・・・・・ 

  
 
             Main Visual / CurrentStatus
             プロジェクトの最新の状態を視覚的に掲載
 
   

#author("2021-07-14T12:42:33+09:00","default:member","member")
*映像×手書き・イラスト風
景色をイラストに
#image(Main Visual.jpg)
-''Project Director''
-'''Keywords:映像, イラスト,・・・'''
-https://www.example.com
-'''Keywords:映像, イラスト,ハイパーラプス,・・・'''
//-https://www.example.com

~


**Overview
***Introduction / What is This
実写映像を手書き風・イラスト風に編集する映像
//&color(red){これは何か・・を簡潔に};
~

***Background and Purpose
実写映像は一つ一つの細部まで視認でき、情報量が多い。
イラストなどアニメーション映像は、強調したい所を実写映像に比べて、強調することができる。
そのため、実写映像を手書き風・イラスト風に編集する事で、実写映像のいいところをより強調させたいと考えたから。
//&color(red){プロジェクトの背景と目的};
~

***Concept
ハイパーラプス撮影を使った、主観映像で自分が見ている景色をイラスト風に編集した映像
//&color(red){基本的な考え方、枠組み、視点など};
~

***Output
1分〜2分の動画・2〜3本
YouTubeに公開
#youtube(5kQvvhQqwHs,75%)
#youtube(Qj_MeUSWJMo,75%)
#youtube(1m11FZQ3Dgg,75%)
//|48|4|48|c
//|#youtube(5kQvvhQqwHs) |#youtube(Qj_MeUSWJMo) |
//|48|4|48|c
//|#youtube(TKZT9QgoRlk) |#youtube(sF--IFZ072k) |
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視覚的な資料を掲載・リンクして下さい。);};
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本情報も記載して下さい。);};
~

***Member
鈴木貴久
//***Member
//鈴木貴久
//&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};
~
//~

***Tools
Premiere Pro・After Effects・Photoshop
//&color(red){使用するツール|ハードウエア・ソフトウエア};

~

***Term
2021.04.08 - 2021.07.15
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
~

***Conclusion / Summary 
今回の作品は景色、風景を中心とした映像であり、情報量の多い編集前の写真や映像と比べると、空や花、海の景色や太陽の光、影などの部分をしっかり強調させることができたため、「実写映像のいいところをより強調させたい」という目的は達成できた。
映像全体を通して、イラスト感の薄い部分などがあり、クオリティーを維持できていない所があるのが反省点である。
今回はストーリー性のない作品であったため、今後はストーリー性のある映像にも挑戦できるといいと思う。

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


**Survey

***Present Status
-写真や動画をアニメ風や絵画風に加工できるサービスも増えている
--[[Olli>https://apps.apple.com/jp/app/olli-by-tinrocket/id1039012834]]
--[[Prisma>https://apps.apple.com/jp/app/prisma-写真編集者/id1122649984]]
-写真加工アプリやサービスの普及により、比較的簡単に加工できるようになった
-簡単に作ることが可能になったのに、実写映像をイラスト風にした作品は少ない
//&color(red){現状調査、現状の問題の洗い出し};
~

***Precedent
-[[ハイパーラプス、タイムラプスの違い>https://drone-wiki.net/qa/lapse/]]
タイムラプス⇨カメラを固定して、1コマずつの写真を繋ぎ合わせた動画
ハイパーラプス⇨カメラを移動させながら、タイムラプスと同じように撮影した動画
~
-先行事例
--[[アニメ風に。>http://tomo-tag.jp/works/cartoon-style-memories-of-the-summer]]
--[[Stylizing Video by Example>https://video.yahoo.co.jp/c/1104/d231827377f8d1cefdbf4439009bbfcd8ce3222a]]
//&color(red){先行事例の紹介、傾向分析など};
~

***Technique / Technology
-[[イラスト風映像加工>https://youtu.be/epEKBjU5THo]]
-[[イラスト風写真加工>https://youtu.be/QtO3D2D4Tz8]]
-[[ハイパーラプス撮影>https://vook.vc/n/1551]]
-[[カートゥーンエフェクト>https://goldeza.com/ae-tutorial-anime]]
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};

~
~

**Project Management

***Schedule
[[スケジュール管理>https://docs.google.com/spreadsheets/d/1hI6q1JShPoFwYv5Sem-45ap807riXcg9oERWD6jTMJ0/edit?usp=sharing]]
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~

***ToDo
-スケジュール制作
-試作用映像撮影
-%%スケジュール制作%%
-%%試作用映像撮影%%
--%%主観映像%%
--%%ハイパーラプス映像%%
-%%本作品用映像撮影%%
-Photoshopで映像の編集
-Premiereで映像の編集
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};

~
~
~

#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**2021.07.01
***作品
本制作とは別のイメージに編集した映像(BGMなし)
#youtube(TKZT9QgoRlk,75%)
~
#youtube(sF--IFZ072k,75%)

~
~

**2021.06.24
***作業
-本制作の映像の1コマの切り抜き
#image(IMG_8296.jpg,,75%)
-本制作とは別のイメージで制作した映像の切り抜き
#image(IMG_8297.jpg,,75%)
//|#image(IMG_8296.jpg)|#image(IMG_8297.jpg)|
~
***作品
本制作
改善点:前回の映像にBGMをつける
#youtube(5kQvvhQqwHs,75%)
//-本制作とは別のイメージの映像(BGMなし)
//#youtube(TKZT9QgoRlk,75%)
//#youtube(Qj_MeUSWJMo)
//#youtube(1m11FZQ3Dgg)
//#youtube(TKZT9QgoRlk)
//#youtube(sF--IFZ072k)

~
~

**2021.06.17
***作業
#image(IMG_824012.jpg,right,23%)
撮影した素材の映像をPhotoshopを使い、Main Visualのイメージと合うように編集する。
~
~
~
***作品
#youtube(IzRmz57Y0Tk)

~
~

**2021.06.10
***作業
中間報告で言われた点を参考にして、素材の動画を撮影
花のある場所を中心にした映像を撮影した
//#image(IMG_8204.jpg,,40%); &#image(IMG_8232.jpg,,40%); &#image(IMG_8239.jpg,,40%)
//#image(IMG_8204.jpg,20%)#image(IMG_8232.jpg,20%)#image(IMG_8239.jpg,20%)
|30|1|30|1|30|c
|#image(IMG_8204.jpg)||#image(IMG_8232.jpg)||#image(IMG_8239.jpg)|

~
~

**2021.06.03
***試作
-Photoshop
#youtube(gCDt31vnViY)
~
-試作2
#youtube(hq90RrlTxL0,75%)
-2本つなぎ
#youtube(bz_KXVg0eI8,75%)
~
***調査
-[[Photoshop 編集>https://photoshop.thinktaro.jp/usage/apply-filter-video.php]]

~

**2021.05.27
***中間報告
-%%Output 具体的に書く(何分の動画なのか、何本作るのか)%%
-%%Memberの欄を消す%%
-Main Visualと試作のイメージが違う
-素材の場所選びが大切(例:ネオンがあり色数が多いところ、花のある場所)
-映像の演出を工夫する(静止画、動きを工夫する)
-フィルムストラップ

~

**2021.05.20
***試作
-イラスト風加工映像
#youtube(-Tcjk6nGo2M)
~
手順
 1、調節レイヤー1:イラスト風に外枠を強調する
   ビデオエフェクト⇨スタライズ⇨輪郭検出
 2、調節レイヤー2:色味の調節
    彩度、ハイライト、シャドウ
 3、元の映像:コマ落ち
    ビデオエフェクト⇨時間⇨ポスタリゼーション時間
~
ポイント
--輪郭調節:シャープ
--ノイズをかけるとビンテージ感がでる

~

**2021.05.13
***試作
-イラスト風加工画像
#image(IMG_001112#1.jpg)
JR別府駅東口画像のイラスト風加工
~
手順
 1、ドライブラシで画像を荒くする
 2、彩度を調節
 3、ベタ塗りで空の色を乗せる(ソフトライト)
 4、3と同じようにして太陽の光を入れ(スクリーン)、グラデーションをかける
 5、影を作る
~
ポイント
--不透明度の調節
--違和感を感じるくらい大袈裟に影をつける
--影の方向

~

**2021.05.06
***企画
-主観映像
--自分目線で映像撮影する
---[[ネックレス型ホルダー>https://munesada.com/2018/12/12/blog-13977]]
首の前にぶら下げて撮影できる
---[[スタビライザー>https://www.dji.com/jp/om-4?site=brandsite&from=nav]]
---[[自転車スマホ撮影>https://skcnat.info/bicycle-movie-by-smartphone/]]
~
-ハイパーラプス撮影
ハイパーラプスとは、タイムラプスに動きを加えたもの
--事例
#youtube(A8aClO5172c,75%)
1枚写真を撮ったら、数歩移動して、また写真を撮る。この行動を繰り返し行う。手ブレ補正のため、スタビライザーを使う。
--撮影方法
#youtube(Wvd3VFNE1Vc,75%)

~

**2021.04.22
***企画
-ツール
映像⇨After Effects
写真⇨Photoshop
~
***調査
-手描き風動画
#youtube(AfxC5kcIfc0,75%)
-アニメ風写真
#youtube(QtO3D2D4Tz8,75%)
~

**2021.04.15
***テーマ
イラスト風映像
~

***調査
-[[イラスト風編集>https://yakumoreo.com/2019/10/08/illustration_style_processing/]]
実写映像をイラスト風に編集する
~
-アプリ・サービス
--[[Olli>https://apptopi.jp/2018/11/08/olli/]]
写真や動画を手書きのように加工できるアプリ
--[[Prisma(プリズマ)>https://apptopi.jp/2016/10/30/prisma-movie/]]
写真が絵画風に加工できるアプリ
~

***作業
-テーマ決定
-スケジュール制作
~
~

**2021.04.14
**2021.04.08
***情報の収集
-[[プロジェクションマッピング>https://youtu.be/xHsbdq8GtKc]]
-[[実写合成>https://youtu.be/AVY2GDakmSs]]
-[[イラスト風映像>https://youtu.be/pasjvaM2Umo]]
~
***WEBを活用した調査
興味のあるキーワード
-映像編集
-住宅間取り
-ホームデザイン
-[[マイホームクラウド>https://myhome-cloud.net]]
~

**20XX.XX.XX
***XXXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
~
***XXX
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
~
//**20XX.XX.XX
//***XXXXXX
//-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
//-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
//~
//***XXX
//-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
//-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
//~
//~

~