西澤リュウジの宇宙(セカイ) -28ページ目

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

ビジュアルの伝道師が行うデザイン集客(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




ピュタゴラスの復讐 ③

ビジュアルの伝道師が行うデザイン集客(TM)-詩的脳内メモ記事背景画像


・ピュタゴラスは3つの足を持つ鼎(かなえ)がアポロンの予言力の象徴であるとした。



・ある種の物質には臨界温度を超えて冷やしたときに突然磁気を持つ


 ようになる性質(磁気相転移)がある。


 

ピュタゴラスの復讐  数学ミステリー




美しいグラフィックデザイン 10個 ⑯

ビジュアルの伝道師が行うデザイン集客(TM)-デザインの琴線記事背景画像2



参照元:creattica




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




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




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




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




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




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




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




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




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




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



参照元:creattica