<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: aguidehub</title>
    <description>The latest articles on DEV Community by aguidehub (@aguidehub).</description>
    <link>https://dev.to/aguidehub</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F835546%2Fb2acdc63-381d-448f-88f6-fa8be25dd843.png</url>
      <title>DEV Community: aguidehub</title>
      <link>https://dev.to/aguidehub</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/aguidehub"/>
    <language>en</language>
    <item>
      <title>How to add shapes in photoshop?</title>
      <dc:creator>aguidehub</dc:creator>
      <pubDate>Wed, 23 Mar 2022 16:02:10 +0000</pubDate>
      <link>https://dev.to/aguidehub/how-to-add-shapes-in-photoshop-1gf6</link>
      <guid>https://dev.to/aguidehub/how-to-add-shapes-in-photoshop-1gf6</guid>
      <description>&lt;p&gt;Hi Friends 👋,&lt;/p&gt;

&lt;p&gt;Welcome To aGuideHub! ❤️&lt;/p&gt;

&lt;p&gt;Learn how to draw shapes on your canvas and use live shape properties to interact with your shapes&lt;/p&gt;

&lt;p&gt;Table of contents&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Select a shape tool&lt;/li&gt;
&lt;li&gt;Set shape tool options&lt;/li&gt;
&lt;li&gt;Draw a shape&lt;/li&gt;
&lt;li&gt;Draw a custom shape&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Photoshop comes with the ability to draw and edit vector shapes easily. You can also convert your vector shape to a raster or pixel-based shape.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Original Post&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://aguidehub.com/blog/how-to-add-shapes-in-photoshop/"&gt;https://aguidehub.com/blog/how-to-add-shapes-in-photoshop/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 1: Select a shape tool
&lt;/h2&gt;

&lt;p&gt;From the toolbar, &lt;strong&gt;click **and hold the **Shape tool&lt;/strong&gt; group icon to bring up the various shape tool options — Rectangle, Ellipse, Triangle, Polygon, Line, and &lt;strong&gt;Custom Shape&lt;/strong&gt;. Select a tool for the shape you want to draw.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--8SNNFnlu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ueowrmcuszvcywkw22f1.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8SNNFnlu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ueowrmcuszvcywkw22f1.jpg" alt="Rectangle, tool" width="630" height="373"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 2: Set shape tool options
&lt;/h2&gt;

&lt;p&gt;In the shape tool options bar, you can set:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Mode: Set a mode for your Shape tool — Shape, Path, and Pixels.&lt;/li&gt;
&lt;li&gt;Fill: Choose a color to fill your shape.&lt;/li&gt;
&lt;li&gt;Stroke: Choose the color, width, and type of your shape stroke.&lt;/li&gt;
&lt;li&gt;W&amp;amp;H: Manually set the width and height of your shape.&lt;/li&gt;
&lt;li&gt;Path operations: Use path operations to set the way your shapes interact with each other.&lt;/li&gt;
&lt;li&gt;Path alignment: Use path alignment to align and distribute your shape components.&lt;/li&gt;
&lt;li&gt;Path arrangement: Use path arrangement to set the stacking order of shapes you create.&lt;/li&gt;
&lt;li&gt;Additional shape and path options: Click the gear icon to access additional shape and path options to set attributes such as width and color of the on-screen display of your path, and constrain options while drawing shapes.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZjV-PBG4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/que4m6yz3ck7o7qro0id.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZjV-PBG4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/que4m6yz3ck7o7qro0id.jpg" alt="shape, tool, bar" width="630" height="54"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 3: Draw a shape
&lt;/h2&gt;

&lt;p&gt;Click and drag on the canvas with your selected &lt;strong&gt;shape tool&lt;/strong&gt; to draw a &lt;strong&gt;shape&lt;/strong&gt;. This &lt;strong&gt;automatically **creates a new shape layer in the **Layers panel&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Hold the &lt;strong&gt;Shift key&lt;/strong&gt; while drawing to make your shapes proportional. With your shape layer selected, use the &lt;strong&gt;Move tool&lt;/strong&gt; to move your shape around and reposition on the canvas. To easily scale, transform, or rotate your shape, choose Edit -&amp;gt; &lt;strong&gt;Free Transform&lt;/strong&gt; or press &lt;strong&gt;Control+T&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--osqw2UfK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uxilge7mblnlxss6jxvp.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--osqw2UfK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uxilge7mblnlxss6jxvp.jpg" alt="Rotate" width="630" height="374"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Once you’ve drawn a shape, you can &lt;strong&gt;click anywhere&lt;/strong&gt; on the canvas to bring up a Create Shape &lt;strong&gt;pop-up&lt;/strong&gt; dialog and modify your &lt;strong&gt;shape parameters&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--y_069FJW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ebo0om0p6iv23v8tcef9.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--y_069FJW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ebo0om0p6iv23v8tcef9.jpg" alt="Pop up" width="630" height="371"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Step 4: Draw a custom shape
&lt;/h2&gt;

&lt;p&gt;You can draw &lt;strong&gt;custom shapes&lt;/strong&gt; by using shapes from the Custom Shape &lt;strong&gt;pop-up panel&lt;/strong&gt;, or save a shape or path to use as a custom shape.&lt;/p&gt;

&lt;p&gt;Select the &lt;strong&gt;Custom Shape tool&lt;/strong&gt; from the shape tools in the toolbar.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Cm69cgzm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2sz35yvqv379i572enbr.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Cm69cgzm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2sz35yvqv379i572enbr.jpg" alt="All shape" width="630" height="373"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;To view all the custom shapes that come with Photoshop, click the gear icon on the right of the Custom Shape picker in the shape tool options bar. You will see the list of available shapes. Select any custom shape as desired.&lt;/p&gt;

&lt;p&gt;Click and drag anywhere in the canvas to draw your custom shape and you choose the gradient pattern. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ruquQb5_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9iy2ll7txhub2pfdqvqj.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ruquQb5_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9iy2ll7txhub2pfdqvqj.jpg" alt="Custom, Shape" width="630" height="372"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thanks for reading… &lt;/p&gt;

</description>
      <category>photoshop</category>
      <category>shapes</category>
    </item>
  </channel>
</rss>
