今回は速度感を表現する方法と画像の馴染ませ方などのレクチャー。使用したフリー画像のリンクもあるから試してみてね!
合成して馴染ませる
こちらの画像2枚を合成して高速で動いている風にするよ!
![竜の元画像](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_dragon-3009174_1920.jpg?resize=340%2C350&ssl=1)
![背景の元画像](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_palace-4320416_1920.jpg?resize=525%2C367&ssl=1)
まず、合成して色調整
![まず、合成して色調整](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-230454.jpg?resize=525%2C365&ssl=1)
竜の色を暗くする
![竜の色を暗くする](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-230624.png?resize=326%2C642&ssl=1)
色相と彩度を調整
![色相と彩度を調整](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-29-002101.png?resize=306%2C768&ssl=1)
こんな感じで竜が背景になじみました。
![こんな感じで竜が背景になじみました。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-230705.jpg?resize=700%2C486&ssl=1)
ぼかしをかける準備
元画像レイヤーを複製する。(背景と竜それぞれ複製)
レイヤーで右クリック>レイヤーを複製
![レイヤーで右クリック>レイヤーを複製](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-29-002757.png?resize=371%2C271&ssl=1)
レイヤーを結合する(色調整竜と背景を結合)
複数枚のレイヤーを選んで
![レイヤーで右クリック>レイヤーを結合](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-29-002343-1.png?resize=432%2C480&ssl=1)
レイヤーで右クリック>レイヤーを結合
![レイヤーを結合](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-29-002429.png?resize=344%2C553&ssl=1)
結合されました。
![結合されました。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-29-002857.png?resize=323%2C259&ssl=1)
ぼかし(移動)で元画像に動きをつける
フィルター>ぼかし>ぼかし(移動)
![フィルター>ぼかし>ぼかし(移動)](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-150521.png?resize=275%2C360&ssl=1)
距離と角度を下記の数値で調整>OK
![距離と角度を下記の数値で調整>OK](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-29-003020.png?resize=383%2C435&ssl=1)
はい、ボケました。
![はい、ボケました。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-231145.jpg?resize=700%2C488&ssl=1)
レイヤーはこんな状態
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-231254.png?resize=300%2C234&ssl=1)
背景にぼかしていない竜を重ねる
ぼかした竜付き背景を非表示にして、複製した竜だけのレイヤーにぼかしをかけて、ぼかしていない竜を移動
![ぼかした竜付き背景を非表示にして、複製した竜だけのレイヤーにぼかしをかけて、ぼかしていない竜を移動](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-29-003743.png?resize=323%2C285&ssl=1)
ぼかした竜とぼかしてない竜が重なっている状態
![ぼかした竜とぼかしてない竜が重なっている状態](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-231726.jpg?resize=700%2C489&ssl=1)
全部表示させるとこのようになる。
![全部表示させるとこのようになる。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-231426.jpg?resize=700%2C489&ssl=1)
完成!
このままでもいいけど、+アルファ勉強したい方は下記の方法も試してみてね。
【+アルファ】竜のまわりだけ線を引いて速度感を出す方法
ノイズを入れる
新規レイヤー作成(背景ベタ塗り)>フィルター>ノイズ>ノイズを加える
![新規レイヤー作成(背景ベタ塗り)>フィルター>ノイズ>ノイズを加える](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-150606.png?resize=419%2C423&ssl=1)
量、分布方法の数量記入とグレースケールにチェックを入れる。
![量、分布方法の数量記入とグレースケールにチェックを入れる。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-150917.png?resize=269%2C345&ssl=1)
このようになる。
![このようになる。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-232215.jpg?resize=700%2C490&ssl=1)
ノイズからの横縞
フィルター>その他>スクロール
![フィルター>その他>スクロール](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-151008.png?resize=411%2C575&ssl=1)
全面横縞模様を作る
![全面横縞模様を作る](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-151320.jpg?resize=525%2C347&ssl=1)
数値はこんなかんじ。
![数値はこんなかんじ](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-151242.png?resize=402%2C285&ssl=1)
竜の切り抜きレイヤーの下に配置する。
![竜の切り抜きレイヤーの下に配置する。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-232357.jpg?resize=525%2C369&ssl=1)
横縞柄の調整
横縞レイヤーの描画モードをスクリーンにする。(今回は、効果が分かりやすいように白っぽくしました)
![横縞レイヤーの描画モードをスクリーンにする](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-232624.png?resize=299%2C426&ssl=1)
少し背景が見えるようになる。
![少し背景が見えるようになる。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-232640.jpg?resize=525%2C368&ssl=1)
まだ激しいので不透明度を10%くらいにする
![まだ激しいので不透明度を10%くらいにする](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-232751.png?resize=311%2C434&ssl=1)
良くなってきた!
![良くなってきた!](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-232720.jpg?resize=700%2C486&ssl=1)
横縞を竜のまわりだけにする
レイヤーマスクをかける。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-20-130944.png?resize=314%2C69&ssl=1)
レイヤーマスクのサムネイルをクリックして左側ブラシツールにする
![レイヤーマスクのサムネイルをクリックして左側ブラシツールにする](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-153206.png?resize=62%2C169&ssl=1)
上部でブラシの直径を調整。ブラシの色は黒。
![上部でブラシの直径を調整。ブラシの色は黒。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-28-153150.png?resize=382%2C327&ssl=1)
サムネイルの竜まわりだけ残して、下記の感じに黒く塗りつぶす。
![サムネイルの竜まわりだけ残して、下記の感じに黒く塗りつぶす。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_スクリーンショット-2021-06-28-235425.jpg?resize=700%2C488&ssl=1)
レイヤーマスクの黒に塗りつぶした部分が消えるため下記の状態になる。
![レイヤーマスクの黒に塗りつぶした部分が消えるため下記の状態になる。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.29_スピードのある竜-2.jpg?resize=700%2C489&ssl=1)
仕上の描画モードとマスク調整
最後にレイヤーマスクをぼかして、描画モードを乗算にしました。
![最後にレイヤーマスクをぼかして、描画モードを乗算にしました。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/スクリーンショット-2021-06-29-005822.png?resize=644%2C443&ssl=1)
![速度感の効果がわかりやすいように、暗めの背景にしました!](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.29_スピードのある竜-3.jpg?resize=700%2C489&ssl=1)
速度感の効果がわかりやすいように、暗めの背景にしました!
Before→After
(左)作業前、(右)作業後
![](https://i1.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.28_%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2021-06-28-230454.jpg?ssl=1)
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/21.06.29_スピードのある竜-3.jpg?resize=700%2C489&ssl=1)
完成!
今回の素敵なフリー素材はこちらから借りました!
背景:Darkmoon_ArtによるPixabayからの画像
竜:Parker_WestによるPixabayからの画像
コメント