写真にデザイン性の高い影をつけよう!② | 西澤リュウジの宇宙(セカイ)

写真にデザイン性の高い影をつけよう!②

ビジュアルの伝道師が行うデザイン集客(TM)-写真にデザイン性の高い影をつけよう!



【GIMP紹介記事】


・オリジナル画像を作成しよう!【GIMPってどんなソフトなの?】


・GIMPのインストール方法



今回も前回に引き続き


「写真にデザイン性の高い影をつけよう!②」をお届けいたします。


完成イメージはコチラ↓の3つです。



ビジュアルの伝道師が行うデザイン集客(TM)-完成イメージ2

※今回もプロカメラマン茅原田さんのブログ より無料素材の中から写真を1点提供して頂きました。



写真のフレーム作りは前回のチュートリアルを御覧ください。



【前回記事】


・写真にデザイン性の高い影をつけよう!①



では1番左の影のチュートリアルから始めていきます。


【レイヤー】【レイヤーを追加】をクリックし新規レイヤー名を影とします。


短形選択ツールをクリックし下記の設定に合わせ選択範囲を作成。


ビジュアルの伝道師が行うデザイン集客(TM)-短形選択ツール


ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲ぼかしツール

ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲ぼかし1


作成した選択範囲内を塗りつぶしツールで色をつけます。(色 #b7b1ac)


ビジュアルの伝道師が行うデザイン集客(TM)-塗りつぶしツール


ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲ぼかし2


そして【レイヤー】【レイヤーの自動切り抜き】をクリックします。


ビジュアルの伝道師が行うデザイン集客(TM)-レイヤー切り抜き


次に【遠近法ツール】をクリックし、選択範囲の四隅を下記のようにドラッグさせ


台形の逆の形を作成します。


ビジュアルの伝道師が行うデザイン集客(TM)-遠近法ツール


ビジュアルの伝道師が行うデザイン集客(TM)-遠近法1


形が整ったらr遠近法パレットの【変換】をクリックし確定させます。


ビジュアルの伝道師が行うデザイン集客(TM)-遠近法パレット


そして、写真レイヤーと影レイヤーを入れ替えて完成です!

ビジュアルの伝道師が行うデザイン集客(TM)-遠近法影



次に真ん中の影の作り方ですが、手順はほぼ同じです。


ビジュアルの伝道師が行うデザイン集客(TM)-完成イメージ2


【レイヤー】【レイヤーを追加】をクリックし新規レイヤー名を影2とします。


短形選択ツールをクリックし下記の設定に合わせ選択範囲を作成。


ビジュアルの伝道師が行うデザイン集客(TM)-短形選択ツール


ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲ぼかしツール

ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲ぼかし1


作成した選択範囲内を塗りつぶしツールで色をつけます。(色 #b7b1ac)



ビジュアルの伝道師が行うデザイン集客(TM)-塗りつぶしツール


ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲ぼかし2



そして【レイヤー】【レイヤーの自動切り抜き】をクリックします。



ビジュアルの伝道師が行うデザイン集客(TM)-レイヤー切り抜き

次に【遠近法ツール】をクリックし、選択範囲の四隅を下記のようにドラッグさせ


台形の形を作成します。


ビジュアルの伝道師が行うデザイン集客(TM)-遠近法ツール


ビジュアルの伝道師が行うデザイン集客(TM)-遠近法2


形が整ったら遠近法パレットの【変換】をクリックし確定させます。


ビジュアルの伝道師が行うデザイン集客(TM)-遠近法パレット2


そして、写真レイヤーと影2レイヤーを入れ替えて完成です☆



ビジュアルの伝道師が行うデザイン集客(TM)-遠近法影2



では、最後に右の影の作り方ですよ。

ビジュアルの伝道師が行うデザイン集客(TM)-完成イメージ2

【レイヤー】【レイヤーを追加】をクリックし新規レイヤー名を影3とします。

短形選択ツールをクリックし下記の設定に合わせ選択範囲を作成。


ビジュアルの伝道師が行うデザイン集客(TM)-短形選択ツール



ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲ぼかしツール



ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲小


作成した選択範囲内を塗りつぶしツールで色をつけます。(色 #b7b1ac)


ビジュアルの伝道師が行うデザイン集客(TM)-塗りつぶしツール


ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲小塗りつぶし


そして【レイヤー】【レイヤーの自動切り抜き】をクリックします。


ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲小レイヤー切り抜き

次に【フィルタ】【変形】【ひん曲げる】をクリックし、パレットの設定に合わせます。


ビジュアルの伝道師が行うデザイン集客(TM)-ひん曲げるパレット


ビジュアルの伝道師が行うデザイン集客(TM)-ひん曲げる処理


【回転ツール】で90度の角度をつけます。


ビジュアルの伝道師が行うデザイン集客(TM)-回転ツール

ビジュアルの伝道師が行うデザイン集客(TM)-回転ツールパレット


ビジュアルの伝道師が行うデザイン集客(TM)-回転後


さらに【移動ツール】で下記の位置へ持って行きます。


ビジュアルの伝道師が行うデザイン集客(TM)-移動ツール

ビジュアルの伝道師が行うデザイン集客(TM)-移動


そして、写真レイヤーと影3レイヤーを入れ替えます。


ビジュアルの伝道師が行うデザイン集客(TM)-レイヤー入れ替え

右にも影をつけるために影3レイヤーを複製します。


そして、【鏡像反転ツール】をクリックし、下記の設定で複製したレイヤーを水平に反転させます。


ビジュアルの伝道師が行うデザイン集客(TM)-反転ツール

ビジュアルの伝道師が行うデザイン集客(TM)-鏡面ツール


そして、写真の右へ複製した影3レイヤーを持ってきたら完成です☆


ビジュアルの伝道師が行うデザイン集客(TM)-ひん曲げる影処理


それぞれの影の作り方を覚えると奥行きや、浮遊感など様々な立体表現が可能になります。


前回記事も含め是非マスターしてみましょう☆


【前回記事】


・写真にデザイン性の高い影をつけよう!①





【目次】プロフェッショナルGIMP