How to make Corner shapes

[SharmaN]

Hi Gurus I am trying to achieve some corner shapes similar to the attached images I come across. I tried to achieve it using shape properties option in Photoshop. But I could not achieve the one am looking for. I have a strong feeling the original ones made of a different application called sketch? Even I tried the tool which I previously using before I started to learn photoshop. Can you guide me, please? i attached all the images for your reference so that you can guide me where I went wrong. Thank you !!

These are the original ones :






This is the properties panel of my ps:

 

[IamSam]

Two ways....

Layer mask
Note: Any layer style effects will apply and you can still edit the radii of the corners.





My preferred method.
Use the Pen or Direct Selection Tools to add two new anchor points to the shapes path and delete the corner anchor point or, add one new anchor point and move the corner anchor point.
Note: All Shape Tools create paths that can be edited.

 

[SharmaN]

Ok, awesome I tried your preferred method. I attached the PSD of it. I have a question for you. Somehow am not getting the radius properties. I mean it's not showing up when I tried to give some radius curves to the corners. Secondly how to do the same using the mask method? I really find masking in photoshop is the most complicated especially people like me who migrated from other tools

 

[IamSam]

Somehow am not getting the radius properties. I mean it's not showing up when I tried to give some radius curves to the shape

Because you used the Rectangle Tool instead of the Rounded Rectangle Tool.



Food for thought..........
Using the Pen Tool , if you want to constrain a path to a straight line, hold/move the cursor to a 90º angle form the last anchor point and hold the shift key. The same for a 45º angle, hold the cursor at an approximate 45º angle to the last anchor point and hold the shift key.

 

[IamSam]

Secondly how to do the same using the mask method? I really find masking in photoshop is the most complicated especially people like me who migrated from other tools

Easy.

Just add a layer mask to the shape layer.


You can then use the Pen Tool or the Polygonal Lasso Tool to edit the layer mask. Note the layer mask is selected.....brackets around the mask.

Use the Pen Tool to create a path of your liking...

Right click and choose "make a selection"..


Fill the selection with black.

Cmd/Cntrl + D to deselct.

 

[[ iLLuSioN ]]

You can also use the free "Corner Editor"-Script...

Corner Editor update for Photoshop CC 2015

Here is a new version of my Corner Editor script that is compatible with the new Photoshop CC 2015 release. Download Now! Alternate Link

photoshopscripts.wordpress.com

 

[SharmaN]

You can also use the free "Corner Editor"-Script...

Corner Editor update for Photoshop CC 2015

Here is a new version of my Corner Editor script that is compatible with the new Photoshop CC 2015 release. Download Now! Alternate Link

photoshopscripts.wordpress.com

This is awesome. Like extensions in Adobe Freworks?