次はグラデーションマスクに挑戦！

先ほどは白い丸で切り抜きましたが、同じ要領で白から黒へのグラデーションで切り抜く事も出来ます。バナー作成の際など、少し幅が足りない画像や、端にテキストを入れたい時などに良く使われます。

まずは写真を用意します。右にテキストを入れたいので右側に空白部分作っておきます。(図1)

写真と空白部分の境界がはっきりしているので、もう少し柔らかい感じを出すために、グラデーションマスクをかけてみたいと思います。

まずはツールバーから、矩形ツール(場所は白円の図１参照)ですっぽりと写真を覆います。(図2)

次にこの矩形にグラデーションをかけます。先ほどの円と同じで、白色部分がマスク（隠されて残る部分）されます。
白から黒へのグラデーションをかけて、だんだん残す部分を少なくし、最終的に全く見えなくするという考え方です。そこで写真の中で、「残す部分」を白、「残さない部分」を黒と考えてグラデーションをかけます。
プロパティボックスから、塗りの種類⇒グラデーション⇒線形を選択します。(図3)

左側を白、右側を黒に設定します。(図4)
マスク処理をした後でも微調整は可能ですので、ここでは単純に白から黒へ均一なグラデーションを作ります。

ここからは円と同じ要領で、矩形と写真のレイヤーを両方選択し、メニューから修正⇒マスク⇒マスクとしてグループ化を選択します。ここまでで、こんな仕上がりになりました。(図5)

少し、ボケた印象になってしまったので、微調整します。
マスクをかけたレイヤーを見てみると、写真とグラデーションをかけた矩形が鎖のような物で繋がれています。
これは、「関連付けられています」といった意味なのですが、各々をクリックする事で、関連付けを行ったまま調整をする事が出来ます。(鎖をクリックすると関連付けを外す事も出来ます。)

ここではグラデーションの調整をしますので、右側の矩形部分をクリックします。(図6)選択すると、緑色の枠線がつきます。
ここで必ず、矩形と写真部分のどちらを選択しているのか確認して下さい。

後は、グラデーションのハンドルか、プロパティボックスから「塗り」をクリック、白と黒の開始位置を変化させて調整を行ってください。(図7)

これで右側に字を入れても自然な感じに仕上がりました。

同じ要領で、矩形だけでなく、写真や文字など何でもマスクする事ができます。勿論、マスクしたレイヤーにもドロップシャドウやグローなど、エフェクトがかけられますので、アイデア次第で色々なデザインが楽しめます！ぜひお試しを。

ページ: 1 2

トラックバックURL