チュートリアル記事

中級

2 分

ロゴとイラストを組み合わせる

Illustratorで作成したロゴをPhotoshopに読み込んで、イラストと組み合わせて編集する方法をご紹介します。

動画と同じように体験できるサンプルファイルもご用意しました。⼿順を⾒ながら、実際に試してみましょう。

必要なもの

本サンプルファイルは学習目的のために限り使用することができ、営利目的に使用することはできません。

ライブラリからロゴを配置する

PhotoshopでCCライブラリパネルを開き、グループ「3」の中から「3-1」をダブルクリックして開きます。

次に、グループ「2」の中にある6つのロゴをそれぞれドラッグ&ドロップで配置し、イラストに合わせて大きさや角度を調整します。

6つのロゴのレイヤーをすべて選択し、右クリックメニューから「レイヤーをラスタライズ」を選択します。これでロゴのレイヤーを自由に編集できるようになります。

ロゴの形状を歪ませる

1つ目のロゴを選択した状態で、「編集→変形→ワープ」を選択します。

イラストの頭の形にフィットするように、コーナーポイントおよびグリッド線をドラッグしてロゴの形状を歪ませます。

他のロゴも同様に、イラストに合わせて形状を歪ませます。

(完成サンプルファイル:「3-2」)

ロゴにドロップシャドウを付ける

ロゴを一括処理できるように、ロゴのレイヤーをすべて選択し、右クリックメニューから「レイヤーを結合」を選択します。結合したレイヤー①を下部の「新規グループを作成」にドラッグしてグループを作成し、グループ名を「装飾」とします。

レイヤー①をダブルクリックしてレイヤースタイルウィンドウを開き、左側の「ドロップシャドウを選択して、以下の設定を行います。

・描画モード:オーバーレイ
・不透明度:30%
・角度:132°
・距離:28px
・スプレッド:4%
・サイズ:10px

ロゴにハイライトとシャドウを追加する

レイヤー①の上に新規レイヤーを作成し、右クリックメニューから「クリッピングマスクを作成」を選択します。描画モードを「スクリーン」に変更し、ツールパネルからブラシツールを選択して、白色でロゴにハイライトを入れます。

次に、レイヤー①を選択した状態で「新規レイヤーを作成」ボタンをクリックすると、クリッピングマスク付きの新規レイヤーが作成されます。描画モードを「乗算」に変更し、ブラシの色をグレーに設定してロゴにシャドウを入れます。

(完成サンプルファイル:「3-3」)

図形ツールで装飾を追加する

四角形ツールや多角形ツールなど使用して基本的な図形を描き、それらを組み合わせて様々な装飾を作成します。位置や大きさ、角度を調整したら、ドロップシャドウなどのレイヤースタイル効果を適用します。

最後に、レイヤーパネルで一番上の「装飾」レイヤーグループを選択し、パネル下部の「塗りつぶしまたは調整レイヤーを新規作成」から「トーンカーブ」を選択します。プロパティパネルが開くので、カーブをドラッグして全体の色味を調整します。ここでは、カラーチャンネルの「ブルー」に対して調整を行います。

(完成サンプルファイル:「3-4」)

その他のチュートリアル


Photoshop でこれらのチュートリアルをお試しください

写真を編集して新しい画像やグラフィックを作成