Adobe Stockでは、画像やテンプレートなど、無料で使⽤できる素材も豊富に取り揃えています。今回は、これらの無料素材にPhotoshopから直接アクセスし、⾃由にカスタマイズして効率よくデザインを仕上げていく手順をご紹介します。まずは下の動画で⼀連の制作⼯程を確認しましょう。

難易度1/5


 

本チュートリアル内で使⽤する主な機能

Adobe Stockテンプレート、レイヤー、Adobe Stockを検索、画像の回転および拡⼤‧縮⼩、 調整レイヤー(⾊相‧彩度)、描画モード(乗算)

 

手順

1. 新規ドキュメントでテンプレートを選択する

2. テンプレートのレイヤーを確認する

3. Adobe Stockの無料素材を配置する

4. ポスターのデザインを編集する

    

⼿順1/4

新規ドキュメントでテンプレートを選択する

 

Photoshopを起動し、ホーム画⾯の「新規作成」をクリック、または「ファイル」→「新規」を選択します。

「新規ドキュメント」ダイアログボックスが開くので、上部の「印刷」タブをクリックし、下にスクロールしてテンプレートを検索します。

ここでは「ストリートビルボードモックアップ」というテンプレートを選択し、右のパネルで「プレビューを表⽰」をクリックします。

テンプレートの詳細を確認したら「ダウンロード」をクリックし、続けて「開く」をクリックすると、Photoshopでテンプレートが開きます。

⼿順2/4

テンプレートのレイヤーを確認する

 

テンプレートは、編集がしやすいように複数のレイヤーで構築されています。

「ウィンドウ」→「レイヤー」を選択してレイヤーパネルを開きます。

今回はビルボードフレーム内のポスターデザインを編集するため、上から2つ⽬のレイヤーを選択します。

レイヤー内の「スマートオブジェクトサムネール」をダブルクリックして、スマートオブジェクトファイルを開きます。スマートオブジェクトファイルはさらに複数のレイヤーで構成されています。

⼿順3/4

Adobe Stockの無料素材を配置する

 

まず初めにポスターのデザインに画像を配置します。画像は、Adobe Stockの無料素材を使⽤します。

レイヤーパネルで、⼀番下の「プレースホルダー画像」レイヤーを選択します。

次に「ファイル」→「Adobe Stockを検索」を選択すると、Adobe Stockサイトが⾃動的にブラウザーで開きます。

 

画⾯上部の「無料素材」タブをクリックし、素材を検索します。ここでは検索フィールドに「337232831」と⼊⼒します。

「Tropical green leaves background」という画像が表⽰されるので、「無料でライセンス」をクリックします。こちらは無料素材なので、料⾦はかかりません。

続いて「アプリケーションで開く」をクリックし、Photoshopのアイコンを選択します。

しばらくすると、ダウンロードした画像素材がPhotoshopのレイヤーとして配置されます。

⼿順4/4

ポスターのデザインを編集する

 

新たに追加された画像レイヤーを選択します。バウンディングボックスの右上のコーナー付近にマウスポインターを合わせて、回転のマークに変わったらShiftキーを押しながら左⽅向に-90°回転させます。

さらに、バウンディングボックスの各ハンドルをドラッグして、⻘いフレームの外側にはみ出るまで画像を拡⼤します。

 

画像レイヤーを選択した状態で、レイヤーパネルの下にある「塗りつぶしまたは調整レイヤーを新規作成」をクリックし、ドロップダウンメニューから「⾊相‧彩度」を選択します。

プロパティパネルが開くので、「彩度」スライダーを右⽅向にドラッグして葉の⾊が鮮やかになるように調整します。

 

画像の調整が終わったら、3つのテキストレイヤーをそれぞれ選択し、⽂字ツールを使って既存のテキストの上から好きな⽂字を⼊⼒し直します。

プロパティパネルの「⽂字」セクションで、フォントの種類やサイズ、カラーなどを変更します。

 

最後に、レイヤーパネルで「境界線」レイヤーを選択し、上部の「レイヤーの描画モードを設定」ドロップダウンから「乗算」を選択します。フレームにオーバーレイ効果がかかり、好みに応じて「不透明度」を調整します。

 

編集が終わったら、作業していたスマートオブジェクトファイルを保存して閉じます。元のファイルに作業内容が反映され、作品の完成です。

 

Adobe Stockでは、今回の印刷向けだけでなく、写真やイラスト、Web、動画などの制作に使える無料のテンプレートおよび素材を多数ご⽤意しています。無料とはいえ、商⽤利⽤可能なロイヤリティフリーライセンスです。ぜひ利⽤してみてください。

このページは役に立ちましたか。