この演出、どっちが正解？デザインに奥行きを生み出すセンスを磨こう

デザインに合わせた光と影の使い分け

平面上のデザインにおいては、この光と影の情報をリアルに再現するだけでなく、あえて簡略化したり、大げさに誇張したりしながらビジュアルに落とし込んでいきます。

例えば、目指したい世界観に合わせて、以下のような表現のバリエーションを意識してみましょう。

【手順1】3Dに変換したいオブジェクトを選択

まずは、「選択」ツールを選択し、3Dに変換したいオブジェクトをクリックします。

【手順2】「3Dとマテリアル」の「膨張」を選択

次に、「効果」メニューから「3Dとマテリアル」＞「膨張」を選択します。

すると、「3Dとマテリアル」パネルが開き、「膨張」が適用されます。

オブジェクトが風船のように膨らみました。

ここで、「3Dとマテリアルパネル」について少し解説しておきます。

パネル内には3つのタブがあり、それぞれの項目を調整しながら3Dを作成していきます。

【手順3】ライトの設定をする

「ライト」タブに切り替え、プリセットから「左上」を選択します。

光源が左上に設定されたら、今回はこの状態から「環境光」の強度のみ、以下の数値に調整しました。

・環境光（強度）：80%

【手順4】レンダリングを実行する

一連の設定が完了したら、パネル右上にある「レイトレーシングでレンダリング」アイコンをクリックして、レンダリングを実行します。

また、レンダリング設定のドロップダウンから、レンダリング方式や画質の選択もできます。

※レンダリングとは、光の当たり方や質感などを再計算し、より高品質で自然な見た目に仕上げる処理のことです。

【手順5】レンダリング実行後の微調整

レンダリング実行後もパネル内で調整が可能です。

今回は「マテリアル」タブに切り替えて、ベースプロパティの「粗さ」を以下の数値に調整してみます。

・ベースプロパティ「粗さ」：0.35

少しだけツヤ感がアップしました。

「粗さ」は、数値を下げるほどツヤが増し、上げるほどマットな質感に仕上がります。

（ちなみに、作例Bのハートのアイコンは「粗さ」の数値を上げて、マットな質感を演出しています。）

デザインのテイストに合わせて、お好みの3Dオブジェクトを作成してみてください。

オブジェクトを散りばめるコツ

今回の作例では、被写体の周りに散りばめた球体のサイズにメリハリをつけています。

オブジェクト同士の距離感を表現するとともに、画面にリズムや躍動感が生まれるよう意識しました。

また、被写体にオブジェクトの一部を重ねて配置すると、前後関係をより明確に表現できるのでおすすめです。

「スタイライズのぼかし」の作成手順

【手順1】「選択ツール」でぼかしたいオブジェクトを選択

【手順2】「効果」メニューから「スタイライズ」＞「ぼかし」を選択

【手順3】ダイアログボックスに任意の数値を入力し、「OK」ボタンを押して適用

「ぼかし（ガウス）」の作成手順

【手順1】「選択ツール」でぼかしたいオブジェクトを選択

【手順2】「効果」メニューから「ぼかし」＞「ぼかし（ガウス）」を選択

【手順3】ダイアログボックスに任意の数値を入力し、「OK」ボタンを押して適用

今回の作例Bでは、球体を均一にぼかしたかったため、「ぼかし（ガウス）」を使用しました。

ご紹介した2種類のぼかし効果は、一見似ているようでいて、実は異なる特性をもっていることがお分かりいただけたかと思います。

ぜひ、目的に合わせて使い分けてみてください。

【ポイント1】一部をあえて交差させてリアルな立体感を演出する

オブジェクトの一部分だけ前後を入れ替えることで、視覚的に手前と奥が交互に切り替わり、平面的な情報の中に立体的な関係性が生まれます。

また交差させる箇所を変えるだけで、上から見下ろしたり、下から見上げたりと、まるで視点が変わったかのような印象を与えることもできます。

このように、重ね方によって生まれる視覚効果の違いを意識することで、表現の幅はさらに広がります。

【ポイント2】重なりでインパクトとストーリーを生み出す

作例Aでは、被写体がただそこに配置されている状態から、「文字を通過している」「リボンを飛び越えている」という動き（動線）を感じさせる状態へと変化しています。

このように、オブジェクトの動線を意識した重なりを作ることで、インパクトやストーリー性が強調され、より奥行きを感じるビジュアルに仕上がります。

【手順1】「選択ツール」で前後関係を変更したいオブジェクトをすべて選択

まずは重ね順を入れ替えたい要素（人物、文字、リボンなど）をすべて一緒に選択します。

【手順2】「クロスと重なり」の「作成」を選択する

「オブジェクト」メニューから「クロスと重なり」＞「作成」を選択します。

【手順3】重なりを変更したい箇所をクリック、またはドラッグで囲んで適用する

マウスポインターがなげなわ（カッター）の形に変わるので、重なりを入れ替えたい交差部分をクリックします。

クリックで適用すると、該当箇所の前後関係が入れ替わります。

「細かな一部分だけ」を変更したい場合は、その範囲をドラッグで囲んで選択するのが、正確に適用するコツです。

重ね順を後から編集する方法

「やっぱり別の場所を交差させたい」「元に戻したい」という場合も、以下の手順でいつでも直せます。

【手順1】「選択ツール」で編集したいオブジェクトを選択

【手順2】「オブジェクト」メニューの「クロスと重なり」＞「編集」を選択

【手順3】作成時と同じ要領で、重なりを変更したい箇所をクリック（またはドラッグで囲む）

適用後も元のデータを壊さない「非破壊」の状態で効果がかかっているのが、この機能の便利なポイントです。

重ね順の変更はもちろん、後からのフォント変更やテキストの修正、色変更などもスムーズに行えます。

「クロスと重なり」は、テキストや図形、写真など幅広い要素に適用できます。

手軽かつ直感的に、印象的なビジュアルを作り出せる機能ですので、ぜひお試しください。