コスプレ加工

コスプレ写真と相性が抜群! 教えて!シネマグラフ

コスプレ動画を作ってみたいけど、BGMを付けたり肌などの修正も難しそうだし、何より動画素材を撮るのが大変…。それならば手持ちの修正済みの写真を少しパワーアップさせたシネマグラフを作ってみない?
COSPLAYMODE Nov.2019

使用ソフト:PhotoshopCC2019OS:Windows

コスプレ・撮影・編集
ラブマツ

鎖音プロジェクトのリーダー。コスプレからCG加工まで自身が行うクリエイター兼パフォーマー。ライブステージのほか、MCやDJなど多岐に渡って活動している。
@Matsu_Kusarine

コスプレ写真と相性が抜群! 教えて!シネマグラフ
シネマグラフって写真なの?動画なの?

画像の一部にだけ動きを取り入れた静止写真。GIFアニメと違い、背景を一部動かす表現方法。「新しく動く素材」を用意しなくても「手持ちの写真」を新しく生まれ変わることができるよ!

コスプレ写真でシネマグラフを作る
①手持ちの写真を読み込む


Photoshopに素材を読み込み、レイヤーの鍵のマークをクリックして、ロックを解除(鍵マークが消去)しておきます。元素材のレイヤーの名前は「Back」としておきます。

コスプレ写真でシネマグラフを作る
②ブラシツールで打つ


新規レイヤーを作成し、名前を「Glow1」とします。画像の光らせたい部分にブラシツールで白いテンテンを打ちます。わかりやすく赤くしてあります。

キャンディフルーツ

レース付ランジェリー(ピンク)
¥5,060(税込)
ロマンティックなランジェリーがキャンフルから新発売♪こういうフリフリしたランジェリーって、売ってないですよね。ということで、キャンフルがデザインしてみました。ピッタリフィットではき心地抜群です♪

コスプレ写真でシネマグラフを作る
③描画モードで調整


Glow1」レイヤーの描画モードをオーバーレイ「Glow1」不透明度を20にします。

コスプレ写真でシネマグラフを作る
④新規レイヤーをさらに作成


新規レイヤーを2つ作成し、それぞれ名前を「Glow2」「Glow3」とします。「Glow1」と同様の手順で適当にテンテンを打ちます。同様に描画モードをオーバーレイ、不透明度も20に変更しておきます。

アニメイトコスチューム館 アコス

銀魂 真選組隊長服 コスプレ衣装
¥13,970(税込)
これ一つで近藤、土方、沖田になれちゃう優れもの!!

コスプレ写真でシネマグラフを作る
⑤ビデオタイムラインを作成


ウィンドウ>タイムラインをクリックしてタイムラインを表示し、「ビデオタイムラインを作成」をクリック。工程05までで作った「Back」「Glow1」「Glow2」「Glow3」の各レイヤーを読み込みます。タイムラインの横のメモリが時間軸となっており、Photoshopのレイヤー構造そのままで動画の編集ができるようになります。

コスプレ写真でシネマグラフを作る
⑥フレームをカットし縮める


ハサミマークのツールを指定し、6フレームで全体をカットします。カットして余ったレイヤーはレイヤーウィンドウのゴミ箱マークで削除しておきます。続いて「Glow1」「Glow2」「Glow3」のレイヤーの端をぐいっと(Shiftキーを押しながら選択すると複数レイヤーを選択できます)2フレームまで縮めます。

アニメイトコスチューム館 アコス

ONE PIECE ワンピース モンキー・D・ルフィの衣装/新世界編 コスプレ衣装
¥14,410(税込)
ONE PIECE ワンピース モンキー・D・ルフィの衣装/新世界編 コスプレ衣装販売中。

コスプレ写真でシネマグラフを作る
⑦GIF形式で保存して出来上がり


「Glow1~3」をそれぞれ後ろにドラッグして配置し1つに並べます。ファイル>書き出し>Web用に保存(従来)を開き、形式をGIF、ループ数が無限になっていることを確認したら保存を押して完成!

コスプレ写真でシネマグラフを作る
*完成*光の結晶を動かしてみた

関連記事一覧