Home > adobe photoshop > Create a Triangle with Rounded Corners

Create a Triangle with Rounded Corners

July 7Hits:3
Advertisement

I know you can create a rounded-corner rectangle; but, how do you create a triangle with rounded corners in Photoshop?

I am actually interested in making it from scratch, not basing it on a custom shape that is available in Photoshop. Thanks.

Answers

There are several ways to do this. You can use the pen tool draw it yourself.

My answer is based on the way I've been doing it over the years.

Create a Triangle with Rounded Corners

Draw a triangle in a new layer. hit cmd+a(select all) then cmd+c(copy)

Create a Triangle with Rounded Corners

switch to the Channels tab and create a new channel. It will be named "Alpha 1" by default. now paste the triangle you copied from before. Note the triangle will be white. The white area in the channel will become your select mask later.

Create a Triangle with Rounded Corners

now give the entire channel layer a Gaussian blur. note: the blur value here won't translate exactly to the pixel border radius you want. you'll just have to play with it a bit. I'm using 10px blur in my example.

Create a Triangle with Rounded Corners

After you're done blurring, hit cmd+L(level). In the level menu, adjust input values. use the value I picked in my screenshot. The idea is to get the triangle "sharp" again. Doing so will create the circular tips on each end.

Create a Triangle with Rounded Corners

Now go back to the Layers tab, hide the triangle layer you drew from before. start a new layer, then to go "Select" -> "Load Selection." In the popup, for "Source" choose "Alpha 1"

Now you'll have the rounded cornered triangle outline selected, you then can fill it to whatever color you like.

there are some very easy steps to make such triangle with round corner with the help of pen tool, and its from scratch too

  • First of all create your triangle with pen tool.
  • add additional anchor point at the bottom corner right and left both side according to attached screen shot.
  • after that press A / or select (path selection tool)and move it slightly to the right side you can bend it according your desired round shape, apply the same thing at the top corner there you have to add only one anchor point and do the same as you did in bottom.

    turn on the grid (Ctrl/Cmd-,) it will help you for placing anchor points for exact round corner/radius for both side, you can increase/decrease your radius just by dragging anchor points.

check this SS....

(left click and view big image in new window).... Create a Triangle with Rounded Corners

Hope this will help...

  1. Create a triangle shape of the desired size
  2. Place circle shapes of the desired radius in the corners of the triangle, so that they align with the edges but not intersect.
  3. Combine shapes.
  4. Done. :)

I have an easier one...

  • Select the "Personalized shape".
  • Load "Symbols" from the 'form' menu.
  • Select the inverted triangle (it has rounded edges).
  • Done

You can rotate or flip it however you want. You can't change the radious, tho.

Create a rectangle with smooth borders (I use 3px) and then delete one corner with the pen tool. Adjust it to make it look the way you want.

Related Articles

  • Create a Triangle with Rounded Corners

    Create a Triangle with Rounded CornersJuly 7

    I know you can create a rounded-corner rectangle; but, how do you create a triangle with rounded corners in Photoshop? I am actually interested in making it from scratch, not basing it on a custom shape that is available in Photoshop. Thanks. -------

  • Drawing a triangle with rounded corners in TikZ

    Drawing a triangle with rounded corners in TikZMarch 21

    I'm trying to draw a simple equilateral triangle with rounded corners in Tikz. However, I can't get the rounded corners correct. I have the following MWE which draws the triangle: \documentclass{article} \usepackage{pgf} \usepackage{tikz} \usepackage

  • How to create irregular shapes with round corners

    How to create irregular shapes with round cornersApril 26

    I found a logo of a company named Ibbt. As you can see, there is a separation between elements (the shapes in the left). Can anybody tell how to create such effect in Illustration? --------------Solutions------------- The actual fanning looks like la

  • How create rounded corners for a layer or selection in PhotoshopJune 4

    I have a white screen area 142x113 px in Photoshop. I select half of this area and tried Select ⇒ Modify ⇒ Smooth but it does not work the way I expected. I tried decreasing the selection's width and now the Smooth command works, but not very well. I

  • CSS and Round Corners: Build Boxes with Curves Article

    CSS and Round Corners: Build Boxes with Curves ArticleMarch 18

    One of the main reasons why designers use images on a Web page is to create curves and round corners. It's currently impossible to create any kind of curved shapes using pure HTML, so images need to be applied. The problem? Putting these images into

  • How to automatically add rounded corners to thumbnails?

    How to automatically add rounded corners to thumbnails?April 29

    I want to created automatically rounded corner thumbnails for a particular project I'm working on, using something like this: http://webdeveloperplus.com/php/create-thumbnail-images-with-rounded-corners/ What I'd ideally like to do is find a way to h

  • SitePoint Podcast #112: Where Are My Rounded Corners?May 13

    Episode 112 of The SitePoint Podcast is now available! This week the panel is made up of Louis Simoneau (@rssaddict), Brad Williams (@williamsba), Patrick O'Keefe (@ifroggy), Stephan Segraves (@ssegraves), and Craig Buckler (@craigbuckler). Listen in

  • How can I make a triangle with two rounded corners?

    How can I make a triangle with two rounded corners?February 22

    I need to create an image like this one.. It's a basically a triangle with 2 rounded corners. --------------Solutions------------- After reading your question again, I was answering a little more broadly with that last answer and assuming you would w

  • IOS: create a UIImage or UIImageView with rounded corners

    IOS: create a UIImage or UIImageView with rounded cornersOctober 9

    Is it possible create an UIImage or an UIImageView with rounded corners? Because I want take an UIImage and show it inside an UIImageView, but I don't know how to do it. --------------Solutions------------- Yes, it is possible. Import the QuartzCore

  • How can I get Illustrator to respect the rounded corners on the top shape when creating a mask?

    How can I get Illustrator to respect the rounded corners on the top shape when creating a mask?November 10

    I have two shapes (left) and I have added rounded corners to the rectangle on the top one using the "Rounded Corners" menu item. When I select the two shapes and choose "create mask" I want Illustrator to make a mask of the actual shap

  • How do I create a layer that is a rectangle with rounded corners?

    How do I create a layer that is a rectangle with rounded corners?July 31

    I am trying to create a rectangle shape with rounded corners that I can freely move around, align, fill, etc. I tried using the rectangle select tool and add a stroke, then copy that and paste as new layer, but the layer's stroke were cropped/semi-tr

  • How can I create rounded corners In Adobe Illustrator in a specific way?

    How can I create rounded corners In Adobe Illustrator in a specific way?May 7

    Say i'm rounding the corners of a word that i've typeset in Illustrator (as if i were creating a logo). That word is 'Kresge' and i've set it in 'Avenir Heavy', a sturdy sans-serif typeface. You'll notice that 'Kresge' contains letterforms that are n

  • How do I create a rounded corners text box using CSS?January 25

    How can I create a rounded corners text box relative to the position of the text? As of now, the box I've created is located on the top left corner of the page while the text has a specific setting with 300px padding on the left and the right. I want

  • Creating List view items with rounded corners fails

    Creating List view items with rounded corners failsFebruary 2

    I am developing an application which has a List View in it. I want each List View item to be round cornered. I have tried to do so but I failed to achieve my requirement instead of each item in List View the entire List View became round cornered and

  • How to create rounded corners on WiFi signal shape in Adobe Illustator?

    How to create rounded corners on WiFi signal shape in Adobe Illustator?October 14

    I want to recreate my logo in AI. I do not know how to achieve arched WiFi signal vector shape with rounded corners. What I tried: I tried to use rounded rectangle + warp arch effect. This effect gave me banana type corners which are not perfectly ro

  • Scaling rounded corners in Illustrator

    Scaling rounded corners in Illustrator July 10

    Possible Duplicate: How can I resize this object without distorting it ? I've created a rounded-corner triangle in Illustrator by creating a triangle and then doing Effect>Stylize>Round Corners. Works great, except that the corners won't scale- No m

  • How do rounded corners affect usability?

    How do rounded corners affect usability?September 12

    How do rounded corners on buttons and containers affect usability? Do they make buttons look more clickable? When used on other non-button elements, do they make the site look more friendly? I'm looking for some scientific tests on their effect. Roun

  • how to create a triangle with text

    how to create a triangle with textDecember 8

    I want create a triangle with the text inside, I'm able to the write the text but how I can create the triangle? My code for the text is \documentclass{article} \usepackage[english]{babel} \usepackage[utf8]{inputenx} \usepackage{tkz-euclide} \usetkzo

  • Rounded Corners with CSS and JavaScriptMay 28

    Rounded corners are one of the most frequently requested CSS techniques. As with many things in CSS, there are various ways in which this problem can be approached. In this article, I'll look at the pros and cons of some common techniques and introdu

  • CSS and Round Corners: Build Accessible Menu Tabs Article

    CSS and Round Corners: Build Accessible Menu Tabs ArticleSeptember 4

    One of the best Websites out there, in terms of functionality, is Amazon. In terms of accessibility, though, it's not great. The Problem Amazon's menu tabs, with their nice round corners, look good - but they're totally inaccessible. First of all, th

Copyright (C) 2017 ceus-now.com, All Rights Reserved. webmaster#ceus-now.com 14 q. 0.782 s.