チュートリアル記事

初級

5 分

ソーシャルメディアの画像に楽しいグラフィックを追加

ベクターグラフィックを追加して、ユニークなソーシャルメディアの画像を作成します。

このサンプルファイルは、このチュートリアルの学習内容の練習に使用できるAdobe Stock素材です。このチュートリアル以外でサンプルファイルを使用する場合には、Adobe Stock のライセンスを購入してください。このサンプルファイルの使用に適用される利用条件については、フォルダー内のReadMeファイルを参照してください。

学習した内容:シェイプレイヤーを使用して、ソーシャルメディアで使用する画像にベクターオブジェクトを作成

吹き出しの作成

  1. ツールバーでカスタムシェイプツールを選択します。

  2. オプションバーでシェイプフィールドをクリックしてシェイプピッカーを開きます。

  3. シェイプピッカーで歯車アイコンをクリックして吹き出しカテゴリを選択し、シェイプを選択します。

    注意: Photoshop 2020では、 吹き出しのシェイプは「従来のシェイプとその他」にあります。表示する方法:

    • ウィンドウメニューで「シェイプ」をクリックし、シェイプパネルを開きます。
    • シェイプパネルの右上にある3本線アイコンをクリックして、「従来のシェイプとその他」を選択します。
    • シェイプパネルの一番下にスクロールし、「従来のシェイプとその他」フォルダーを展開します。さらに「従来のすべてのデフォルトシェイプ」フォルダーを展開します。下にスクロールし、「吹き出し」フォルダーを展開します。ここで吹き出しのシェイプを選択できます。

  4. 次回から、吹き出しなどの従来のシェイプを使用するときは、ツールバーのカスタムシェイプツールを選択し、シェイプメニューのシェイプフィールドをクリックすれば、「従来のシェイプとその他」フォルダーが表示されます。

  5. 画像内をドラッグして、吹き出しオブジェクトを作成します。すると、このオブジェクトを含むシェイプレイヤーが自動的に作成されます。

  6. オプションバーで塗りフィールドをクリックして、吹き出しの色を選択します。

  7. ツールバーで移動ツールを選択し、吹き出しをドラッグして配置します。

  8. 編集/変形/水平方向に反転を選択し、吹き出しを反転します。

別の吹き出しの作成

  1. レイヤーパネルでシェイプレイヤーを右クリックまたはCtrlキーを押しながらクリック(macOS)して、レイヤーを複製を選択します。

  2. レイヤーパネルで2番目のシェイプレイヤーを選択したまま、ツールバーで移動ツールを選択します。画像内で2番目の吹き出しをドラッグして移動します。

  3. ツールバーでカスタムシェイプツールをもう一度選択し、塗りフィールドをクリックして、2番目の吹き出しの色を選択します。

  4. 編集/自由変形を選択するか、Command + Tキー(macOS)またはCtrl + Tキー(Windows)を押します。画像内で2番目の吹き出しのハンドルをドラッグしてサイズを変更します。吹き出し以外の場所をクリックして、変更を確定します。

    ヒント: シェイプツールで作成するオブジェクトはベクターオブジェクトです。そのため、輪郭が滑らかで、画像の品質を損なうことなく何回でもサイズを変更したり、変形したりできます。

  5. オプションバーで横書き文字ツールを選択し、それぞれの吹き出しにテキストを追加します。

画像の一部を囲むフレームの作成

  1. ツールバーで長方形ツールを選択します。

  2. 画像内をドラッグして、長方形を作成します。

  3. プロパティパネルでカラーフィールドをクリックし、カラーなしアイコンを選択します。線フィールドをクリックして色を選択します。サイズスライダーをドラッグして線のサイズを設定します。空のオブジェクトを囲む線は、画像の一部を囲むフレームのように見えます。

  4. 編集/自由変形を選択するか、Command + Tキー(macOS)またはCtrl + Tキー(Windows)を押します。画像内でこのオブジェクトのハンドルをドラッグしてサイズを変更します。EnterキーまたはReturnキーを押して、この変更を確定します。

ヒント: 青色のパスを非表示にするには、別のレイヤーまたはツールを選択します。

作品の保存

  1. ファイル/保存を選択し、必要に応じて後でまた編集できるようにレイヤーをそのままにして写真のコピーをPSD形式で保存します。

  2. 画像をソーシャルメディアに投稿するために、ファイル/保存をもう一度選択し、画像のコピーをJPEGまたはPNG形式で保存します。

Tutorial Finderで推奨したチュートリアルは参考になりましたか?フィードバック の提供にご協力ください。お客様のフィードバックは、このようなエクスペリエンスの改善に役立ちます。


Adobe Stock提供元

Samuel B.

プレゼンター

Jan Kabili

2020年9月2日

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

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