Photoshopでカスタムシェイプを作成する方法【はじめてでもできる!】
Photoshop(フォトショップ)で「カスタムシェイプを作成する方法」を初心者向けに解説した記事です。カスタムシェイプを使えば、独自に作成した図形を追加して使えるようになります。画像を14枚使って操作方法を説明。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査
Photoshopでは、「カスタムシェイプの定義」を行うことで、独自に作成した図形をいつでも呼び出して使えるようになります。
本記事では、初心者向けにそのカスタムシェイプを作成・定義する方法を解説します。
※今回の作業はすべてAdobe Photoshop CCのバージョンで行っています
目次
今日はカスタムシェイプを作ってみようか。
田島メンター!!カスタムシェイプというのは何ですか~?
Photoshopの「カスタムシェイプツール」で呼び出せる、自分で作成したシェイプのことだよ。
一度作成して保存したものはいつでも使えるんだ。
便利そうですね。やってみたいです!
カスタムシェイプを作成する
まずは、ツールボックスの「ペンツール」の場所で右クリックします。
すると、ツールの一覧が表示されます。
ここで「ペンツール」あるいは「フリーフォームペンツール」を選択します。
カンバス上に作成したいシェイプを描画しましょう。
「フリーフォームペンツール」を使うと、普段ブラシでカンバスに描く感覚でシェイプを作成できます。
描画ができたら、右クリックで表示されるメニューから「カスタムシェイプを定義…」を選択します。
続いて、シェイプの名前を入力します。
ここでは「シェイプ1」としています。
これで作成したシェイプをカスタムシェイプとして定義できました。
簡単にできましたね。
作成したシェイプはどこから使ったらいいんですか~?
ツールボックスのシェイプツールグループ内から「カスタムシェイプツール」を選択しよう。
選びましたが、全然違うのになります……
まずはシェイプの一覧を表示させてみようか。
次の手順で解説するよ。
作成したカスタムシェイプを使ってみる
カスタムシェイプが作成できたら、さっそく使ってみましょう。
ツールボックスの長方形ツールなどがある場所を右クリックし、「カスタムシェイプツール」を選択します。
カンバス上で右クリックすると、選択できるシェイプの一覧が表示されます。
この一覧上で一番下までスクロールすると、先ほど作成したシェイプが追加されていますのでクリックで選択しましょう。
すると、カンバス上でドラッグすることによって、どこにでも描画が可能です。
また、シェイプの塗りや線の色、線の太さなどは上のオプションバーで変更できます。
このようにシェイプの大きさ、長さなどはドラッグする範囲に応じて変化します。
今のままでも大きな問題はありませんが、このままではシェイプ一覧の一番下まで毎回移動する必要があるため、少し面倒です。
よく使うシェイプは、シェイプ一覧の上のほうにドラッグし、すぐに選択できるよう並び替えておきましょう。
まとめ
本記事ではペンツールを使って作成したシェイプを、いつでも呼び出せるカスタムシェイプとして定義し、Photoshopに保存しました。
Webデザイン作成時によく使う矢印やアイコンなども、カスタムシェイプとして定義しておき、いつでもさっと使えるように整理しておくと良いでしょう。
今回の記事は以上です。
ぜひ自分でも試してみてください。
シェイプはうまく使えたかな?
できました!ドラッグによって比率が変わったりして面白いですね。
シェイプはベクター画像なので、どれだけ拡大縮小しても画質を変化させることなく使用できるんだよ。
なるほど、自分のよく使う図形を登録しておくと何かと役立ちそうですね。ありがとうございます!
Photoshopを学習中の方へ
これで解説は終了です、お疲れさまでした。
- Photoshopを調べたけど分かりづらい
- 副業や転職後の「現場で使える」知識やスキルを身につけたい
Photoshopの学習や情報収集をしていて、このように思ったことはありませんか?
テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。
合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。