Parallelogram photoshop

Parallelogram photoshop DEFAULT

Draw rectangles and modify stroke options

In the Stroke Options panel, do any of the following:

  • Choose the type of stroke you want.
  • Click the Align icon and choose an option to specify the position of the stroke relative to its path.
  • Click the Caps icon and choose a cap style to specify the appearance of both ends of a path:

Butt cap Creates squared ends that abut (stop at) the endpoints.

Round cap Creates semicircular ends that extend half the stroke width beyond the endpoints.

Projecting cap Creates squared ends that extend half the stroke width beyond the endpoints. This option makes the stroke weight extend evenly in all directions around the path.

Note: Keep in mind that the caps are not visible unless the path is opened. Also, cap styles are easier to see at thicker stroke weights.

  • Click the Corner icon to the appearance of the stroke at corner points:

Miter join Creates pointed corners that extend beyond the endpoint when the miter’s length is within the miter limit.

Round join Creates rounded corners that extend half the stroke width beyond the endpoints.

Bevel join Creates squared corners that abut the endpoints.

Note: Like caps, miters are easier to see at thicker stroke weights.


Custom Shapes As Text Frames In Photoshop

Step 1: Select The Custom Shape Tool

Select Photoshop's Custom Shape Tool from the Tools panel. By default, it's hiding behind the Rectangle Tool, so click on the Rectangle Tool's icon and hold your mouse button down for a second or two until a fly-out menu appears showing a list of the other tools available in that spot, then select the Custom Shape Tool from the list:

Photoshop Custom Shape Tool.

Click and hold on the Rectangle Tool, then choose the Custom Shape Tool from the menu.

Step 2: Choose A Shape

With the Custom Shape Tool selected, click on the shape preview thumbnail in the Options Bar along the top of the screen:

The shape preview thumbnail in the Options Bar in Photoshop.

The preview thumbnail displays the shape that's currently selected.

This opens Photoshop's Shape Picker, which displays small thumbnails of all the custom shapes we can choose from. To select a shape, just click on its thumbnail. I'm going to choose the heart shape. Once you've chosen a shape, press Enter (Win) / Return (Mac) to close out of the Shape Picker:

Choosing a custom shape from the Shape Picker in Photoshop.

Selecting the heart shape by clicking on its thumbnail.

Step 3: Select The "Paths" Option

Near the far left of the Options Bar is a row of three icons, each one representing a different type of shape we can draw. Photoshop gives us a choice of drawing normal shapes, paths, or pixel-based shapes. To use a shape as a container for our text, we want to draw a path, which is essentially an outline of the shape. We'll be placing our text inside the outline. Click on the middle of the three icons to select the Paths option:

Selecting the Paths option for the shape.

Click on the Paths option (the middle of the three icons).

Step 4: Draw Your Shape

With the Paths option selected in the Options Bar, click inside your document and drag out your shape. You'll see your shape appearing as a thin outline as you drag. You can hold down your Shift key as you drag to force the shape to keep its original appearance while you're drawing it. If you need to reposition the shape as you're drawing it, hold down your spacebar, drag the shape to where you need it in the document, then release your spacebar and continue dragging. Here, I've drawn my heart shape in the top right section of the image:

Drawing a shape in Photoshop.

Click and drag out your shape in the document. It will appear as an outline.

Step 5: Reshape, Rotate Or Move The Path (Optional)

If you need to reshape or rotate the path (the shape outline), or move it to a different spot, the easiest way to do it is by going up to the Edit menu in the Menu Bar along the top of the screen and choosing Free Transform Path. You could also press Ctrl+T (Win) / Command+T (Mac) to quickly select the same command with the keyboard shortcut:

Photoshop Free Transform Path command.

Go to Edit > Free Transform Path.

This places the Free Transform Path handles and bounding box around the shape. To reshape it, simply click on any of the handles (the small squares) around the bounding box and drag them. To resize the shape, hold down your Shift key and drag any of the four corner handles. To rotate it, move your cursor anywhere outside the bounding box, then click and drag with your mouse. Finally, to move the shape, click anywhere inside the bounding box and drag.

I'm going to rotate my heart shape a little so the curve down the left side flows better with the layout of the flowers:

Rotating a shape with the Free Transform Path command in Photoshop.

Rotating the shape with Free Transform Path.

Press Enter (Win) / Return (Mac) when you're done to accept the changes and exit out of the Free Transform Path command:

The path is now rotated.

The outline now appears rotated.

Step 6: Select The Type Tool

Now that we have our path, we're ready to add our text! Select the Type Tool from the Tools panel:

Photoshop Type Tool.

Select the Type Tool.

Step 7: Choose Your Font

Select the font you want to use for your text in the Options Bar. For my design, I'll use Palatino Italic set to 12 pt:

Photoshop font options in the Options Bar.

Choose your font from the Options Bar.

To choose a color for my text, I'll click on the color swatch in the Options Bar:

The text color swatch in the Options Bar.

Click on the color swatch to choose a color for your text.

This opens Photoshop's Color Picker. I'll choose a dark green from the Color Picker to match the color from the flowers in my image. Once you've chosen a color, click OK to close out of the Color Picker:

Photoshop Color Picker.

Choose a color for your text from the Color Picker.

Step 8: Open The Paragraph Panel

Click on the Character / Paragraph panel toggle icon to the right of the color swatch in the Options Bar:

Photoshop Character / Paragraph toggle icon.

The toggle icon opens and closes the Character and Paragraph panels.

This opens Photoshop's Character and Paragraph panels which are hidden by default. Select the Paragraph panel by clicking on its name tab at the top of the panel group:

Selecting the Paragraph panel in Photoshop.

Click on the Paragraph panel's tab.

Step 9: Choose The "Justify Centered" Option

With the Paragraph panel now open, click on the Justify Centered option to select it. This will make it easier for the text we're about to add to fill the entire width of the shape. When you're done, click again on the toggle icon in the Options Bar to hide the Character and Paragraph panels since we no longer need them:

Selecting the Justify Centered option in the Paragraph panel in Photoshop.

Select the "Justify Centered" option.

Step 10: Add Your Text

At this point, all that's left to do is add our text. Move the Type Tool's cursor anywhere inside the shape. You'll see a dotted ellipse appear around the cursor icon, which is Photoshop's way of telling us that we're about to add our text inside the path:

Photoshop Type Tool cursor icon.

A dotted ellipse appears around the cursor icon when you move it inside the shape.

Click anywhere inside the shape and begin typing your text. As you type, you'll see that the text is constrained to the area inside the path:

Adding text inside the shape in Photoshop.

As you type, the text stays within the boundaries of the shape.

Continue adding more text until you've filled the shape area:

More text added to the shape.

The shape is now filled with text.

Step 11: Click On The Checkmark To Accept Your Text

When you're done adding your text, click on the checkmark in the Options Bar to accept it and exit out of Photoshop's text editing mode:

Clicking the checkmark to accept the text.

Click on the checkmark to accept the text.

The text has now been added and fills the shape area nicely, but we can still see the path outline around it:

The shape outline is visible around the text.

The path around the text remains visible.

To hide the path outline, simply click on a different layer in the Layers panel. In my case, my document only contains two layers - the Type layer that holds my text (which is currently selected) and the Background layer below it that holds my background image, so I'll click on the Background layer to select it:

Selecting the Background layer in Photoshop.

The path will be visible when the text layer is active. To hide it, select a different layer.

And with that, we're done! The text I added may not win me any literary awards, but we've now seen how easy it is to use Photoshop's custom shapes as containers for text:

Fill shapes with text in Photoshop.

The final result.

  1. Get thick quick pills
  2. Amazon writing exercise samples
  3. Mobile on installment online
  4. Cursive logo design

Is there an easier way to draw a parallelogram aligned with a triangle?

I'm trying to draw two shapes in Adobe Illustrator CS4, but in a somewhat abnormal position.

I've attached an image of the desired effect I'm trying to achieve, and I've obviously gotten there, but my way feels clunky and I'm wondering if there's a better mechanism to do it. (Do note, this is my first Illustrator project ever.)

I want to draw a triangle, and then on the top-right edge I want a rectangle rotated and skewed so that the bottom-left corner is above and parallel to the top-right edge of the triangle, and the top-left edge of the rectangle (which is a parallelogram at this point) is coincident with but not in the same position as the top-left edge of the triangle.

My current method is to create a "Guidelines" layer, where I draw an equilateral triangle and convert it to a Guide. Then I draw the triangle and place it, then draw the rectangle and right-click → transform → rotate 60 degrees, then position and size it to where I hope it belongs, as I want the bottom corner of the parallelogram in vertical alignment with the right corner of the triangle, and then shear it at -150 degrees, along the 60 degree angle axis.

Then I free-hand move each corner until everything "looks right", which involves many instants of trial-and-error, and I get an imperfect result.

This seems like a lot of free-handing, because when I try to resize the parallelogram (if I shear first before positioning) it becomes very much skewed, I would like to maintain the angles of it, as they work with my intentions.

I've hand-drawn the red vertical line to indicate the intended alignment at that corner, the guides should indicate the desired effect with the remainder of the alignments, though they're not perfect. I would prefer the resultant shape to be perfectly aligned into my guide-lines, but freehanding it worked good enough.


How to Make a Parallelogram in Photoshop : Using Adobe Photoshop

Rounding corners of anything in Photoshop Tutorial

In this tutorial, Im going to show you how to smoothen of the sharp corners of your graphics.

If you are looking to just create rounded cornered rectangles, then use the shape tool in photoshop and choose the rounded corner option from the live shapes under the properties panel (Photoshop CC). If you are looking for something a bit more advanced, or how to round the corners of a rasterized shape, read on…

Screen Shot 2014-10-18 at 12.39.00 PM


Create a new layer, Make a shape, select it and fill with foreground color. Alt/Option delete.

You may already be starting with a shape, that’s fine too.

Screen Shot 2014-10-18 at 12.16.57 PM


Select>save selection name the new channel “shape”

Screen Shot 2014-10-18 at 12.17.42 PM


Switch to channels Palette and click on the “shape” channel. Cmd/Crtl +D to deselect all

Screen Shot 2014-10-18 at 12.18.04 PM


Filters>Blur>Gaussian Blur. Use a higher setting for a more pronounced effect or a smaller setting for a more subtle effect.

Screen Shot 2014-10-18 at 12.18.40 PM


Open the levels box: Cmd/Ctrl +L

This is where the magic happens. Drag the left triangle to the middle, now drag the right one to the center until all 3 arrows are on top of each other. Click ok.

Screen Shot 2014-10-18 at 12.19.40 PM


Screen Shot 2014-10-18 at 12.19.14 PM


Ctrl/Cmd click on the channels thumbnail (1) to turn on the selection.

Click on the RGB thumbnail to select all channels (2)

Screen Shot 2014-10-18 at 12.21.03 PM


Go back to the layers palette.

Hide the original shape layer

Create new layer (layer 2) and fill with a solid color or gradient.

Screen Shot 2014-10-18 at 12.21.35 PM

You now have your shape, ready for you to continue building something.

This is the technique I used to create the handle on my raygun.


Too see more of my Photoshop Illustration work, click here 

Get in-the-know!

CS6 Superguide

Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the free super guides. No spam, all content, no more than once a week.
If you’re on our list, you will receive it free by email as soon as it’s available. If not, sign up now and get the CS6 Superguide for free. Or click the image below.

more related tutorials


Photoshop parallelogram

Transform images, shapes, and paths

  • To scale numerically, enter percentages in the Width and Height text boxes in the options bar. Click the Link icon to maintain the aspect ratio.

  • To rotate by dragging, move the pointer outside the bounding border (it becomes a curved, two‑sided arrow), and then drag. Press Shift to constrain the rotation to 15° increments.

  • To rotate numerically, enter degrees in the rotation text box  in the options bar.

  • To distort relative to the center point of the bounding border, press Alt (Windows) or Option (Mac OS), and drag a handle.

  • To distort freely, press Ctrl (Windows) or Command (Mac OS), and drag a handle.

  • To skew, press Ctrl+Shift (Windows) or Command+Shift (Mac OS), and drag a side handle. When positioned over a side handle, the pointer becomes a white arrowhead with a small double arrow.

  • To skew numerically, enter degrees in the H (horizontal skew) and V (vertical skew) text boxes in the options bar.

  • To apply perspective, press Ctrl+Alt+Shift (Windows) or Command+Option+Shift (Mac OS), and drag a corner handle. When positioned over a corner handle, the pointer becomes a gray arrowhead.

  • To warp, click the Switch Between Free Transform And Warp Modes button  in the options bar. Drag control points to manipulate the shape of the item or choose a warp style from the Warp pop‑up menu in the options bar. After choosing from the Warp pop‑up menu, a square handle is available for adjusting the shape of the warp.

  • To change the reference point, click a square on the reference point locator  in the options bar.

  • To move an item, enter values for the new location of the reference in the X (horizontal position) and Y (vertical position) text boxes in the options bar. Click the Relative Positioning button  to specify the new position in relation to the current position.

  • Sours:
    How To Make Simple Shapes In Adobe Photoshop 2021 - My Design Class

    How to Crop an Irregular Shape in Photoshop

    By Ryan Menezes

    Use markers to create faces on pumpkins without carving.

    The crop feature in Adobe Photoshop removes part of your image, reducing the picture to a selected section. The crop tool always selects a rectangular shape but you may sometimes want to crop an image to an irregular shape. For example, you may want to crop a larger image to leave only your company logo, which likely does not form an exact rectangle. Though you cannot crop to this irregular shape using the crop tool, you can do so by selecting and deleting the image's unwanted sections.

    Press "F7" to open the Photoshop Layers panel.

    Double-click the icon of a lock beside your image layer if one appears there. Click "OK" to unlock the layer.

    Right-click the "lasso" icon in the toolbox and then click "Polygonal lasso tool" to change your mouse pointer to a small, irregular shape.

    Click one point on the outline of the shape to which you want to crop. Click a second point and then a third, and keep clicking points until you have exactly outlined the shape.

    Double-click to select the shape with the outline.

    Press "Shift-F7" to select the inverse of the shape, selecting all of the image other than the shape.

    Press "Backspace" to render the selected area transparent, cropping the image to the irregular shape.




    • If your shape contains curves, use the regular lasso tool rather than the polygonal lasso and outline the entire shape manually.

    Writer Bio

    Ryan Menezes is a professional writer and blogger. He has a Bachelor of Science in journalism from Boston University and has written for the American Civil Liberties Union, the marketing firm InSegment and the project management service Assembla. He is also a member of Mensa and the American Parliamentary Debate Association.


    You will also like:

    Fuck like a whore. The Arab leaned his whole body on Irma and increased his pace. She wrapped her legs around his hairy legs just above the knees so that the member could enter deeply, and began kissing him passionately.

    1240 1241 1242 1243 1244