【Photoshop】便利！シェイプを結合して矢印を作る方法

こんにちは！AK3です。

デザインするときに、いろいろな場面で矢印を使うことがあります。
Photoshopのカスタムシェイプにすでに登録されている矢印があるのは知っているけれど、その中に使いたい矢印がない！なんてことありませんか？

こんな方におすすめの記事です！

• 自分で簡単に矢印を作りたい人
• Photoshopで登録されている矢印でいいのがないので作りたい人
• 角が丸っぽい矢印を簡単に作りたい人
• シェイプの結合機能を学びたい人

Photoshopのシェイプツールで図形を（結合）組み合わせて使えば簡単に矢印を作ることができます。
シェイプの結合機能はWEB画像やアイコン制作にとって欠かせない機能です。

AK3

シェイプの基本機能をこのレッスンで覚えましょう！

Photoshop Creative Cloud Ver22.3使用

新規ファイル作成

はじめに新規ファイルを準備します。（サイズは自由）

［ファイル］から［新規］を選択 ショートカットCommand＋N
［プリセットの詳細］「点線」［幅：600］［高さ：600］［解像度：72ピクセル/インチ］［カラーモード：RGBカラー：8bit］［カンバスカラー：白］→［作成］をクリック

中央にガイドラインを引きます。

［表示］メニューから［新規ガイド］を選択
「新規ガイド」を［水平方向50％］、［垂直方向50％］に設定

AK3

ガイドを中央に引くことでアイコンなどを制作する場合はスムーズに進めることができます。

シェイプツールで矢印を描く

［三角形ツール］で三角を描く

［ツールバー］から［三角形ツール］を選択
［三角形ツール］が見当たらない場合は、「‥」を長押しして、ツール一覧の中から「三角ツール」を選択します。

［オプションバー］の［塗り］をクリックし、色を決定。

［オプションを追加設定］をクリックして［中央から］にチェックを入れます。

中央ガイドからクリック、ドラッグして三角形を描きます。

角を丸くする

　　上の小さい丸をクリック＆ドラッグすると簡単に角を丸くすることができます。

［長方形ツール］で四角を描く

［ツールバー］から［長方形ツール］を選択します。

三角形の下の中央部をクリック、ドラッグして四角を描きます。
ドラッグしながらSpaceキーを押すと位置の調整ができます。

［レイヤーパネル］に「三角形１」と「長方形１」レイヤーができていることを確認します。

シェイプを結合する

［レイヤーパネル］の「三角形１」と「長方形１」レイヤーをShiftキーを押しながらクリックして選択します。
右上の四本線をクリックし［シェイプを結合］を選択。
ショートカット　Command ＋E

2つのレイヤーが1つのレイヤーに結合されました！

矢印が完成しました！

作ったシェイプを登録する

自分で作ったシェイプを登録しておくことができます。

1. カンバス上の作成した矢印のところで右クリック
2. ［カスタムシェイプを定義］を選択

［シェイプの名前］ダイアログが出たらシェイプ名を入力し［OK］ボタンをクリック。

［シェイプパネル］に「矢印」が登録されたことを確認します。

Commandキー押しながら余白の部分をクリックすれば選択解除できます。

TRY！図形を組み合わせて作ってみよう

AK3

簡単な図形の組み合わせでいろいろなカタチを作ることができます。次のカタチを作ってみてください。それから自分の考えるカタチもぜひ作ってみてください。

※カタチを回転するにはプロパティの［回転］に数値を入れるか、カタチのまわりのバウンディングボックス外に表示される回転ハンドルを動かします。

まとめ

［シェイプ］で三角と四角の図形を描き、［シェイプを結合］すれば１つのオブジェクトとして矢印を作ることができます。［シェイプ］では簡単に角を丸くできるので、角丸の矢印も簡単に作ることができます。

AK3

基本をしっかり押さえておくことがPhotoshopをマスターする近道です。
最後までお読みいただきありがとうございました！
少しでもこの情報がお役に立てたら幸いです。