Photoshopで塗りつぶしなしのシェイプを作成する方法を現役エンジニアが解説【初心者向け】
初心者向けにPhotoshopで塗りつぶしなしのシェイプを作成する方法について解説しています。ここではシェイプの作成時にオプションで設定しておく方法、すでに作成したシェイプを塗りつぶしなしにする方法を説明します。それぞれの手順を見ていきましょう。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査
Photoshopで塗りつぶしなしのシェイプを作成する方法について、TechAcademyのメンター(現役エンジニア)が初心者向けに解説します。
なお本記事は、TechAcademyのオンラインブートキャンプPhotoshop講座のカリキュラムをもとに執筆しています。
![](https://techacademy-magazine-cdn.techacademy.jp/magazine/wp-content/uploads/2018/02/20163020-2-400x400-e1517449291396.png)
今回は、Photoshopに関する内容だね!
![](https://techacademy-magazine-cdn.techacademy.jp/magazine/wp-content/uploads/2018/02/20160620-400x400-e1517449269611.png)
どういう内容でしょうか?
![](https://techacademy-magazine-cdn.techacademy.jp/magazine/wp-content/uploads/2018/02/20163020-2-400x400-e1517449291396.png)
塗りつぶしなしのシェイプを作成する方法について詳しく説明していくね!
![](https://techacademy-magazine-cdn.techacademy.jp/magazine/wp-content/uploads/2018/02/20160620-400x400-e1517449269611.png)
お願いします!
目次
シェイプとは
シェイプは点と線(パス)を組み合わせて作られた図形のことです。作成された図形は、ベクトル画像形式となり、拡大縮小や色の変更などを繰り返しても画質が変わらないのが特徴です。
また、シェイプは塗りと線で構成されており、個別で設定することができます。
基本的なシェイプの作成方法
ツールバーのシェイプアイコンを右クリックし、作成したいシェイプを選びます。
上部のオプションバーで「シェイプ」「塗り」「線」を設定します。
カンバス上をドラッグしシェイプを作成します。
塗りつぶしなしのシェイプを作成する方法
予め塗りつぶしなしのシェイプを作成する方法と、作成後、塗りつぶしなしにする方法があります。
[予め塗りつぶしなしのシェイプを作成する方法]
ツールバーのシェイプアイコンを選び、オプションバーの「塗り」を「カラーなし」に設定し、カンバス上をドラッグし、作成します。
[シェイプ作成後、塗りつぶしなしにする方法]
塗りつぶしなしにしたいシェイプを選択し、オプションバーの「塗り」を「カラーなし」に設定します。
または、レイヤーパネルの「塗り」を「0%」に設定することで、塗りつぶしなしにすることもできます。
まとめ
塗りの設定は、今回紹介した「カラー」や「カラーなし」の他にも「グラデーション」や「透明度」の設定もできます。
監修してくれたメンター
メンターOM
Webデザインの勉強のためロサンゼルスに留学。 現在もロサンゼルスで働く傍ら、フリーランスのWebデザイナーとして、アメリカだけでなく日本からのWeb制作も請け負う。 また、画像のリタッチが得意なので、しばしばリタッチの依頼も請け負う。 |
![](https://techacademy-magazine-cdn.techacademy.jp/magazine/wp-content/uploads/2018/02/20160620-400x400-e1517449269611.png)
内容分かりやすくて良かったです!
![](https://techacademy-magazine-cdn.techacademy.jp/magazine/wp-content/uploads/2018/02/20163020-2-400x400-e1517449291396.png)
ゆかりちゃんも分からないことがあったら質問してね!
![](https://techacademy-magazine-cdn.techacademy.jp/magazine/wp-content/uploads/2018/02/20160620-400x400-e1517449269611.png)
分かりました。ありがとうございます!
TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインブートキャンプ Photoshop講座を開催しています。
現役デザイナーに毎日チャットで質問することができます。