# Shape in Photoshop

**URL:** <https://forum.kirupa.com/t/shape-in-photoshop/24049>\
**Category:** design\
**Created:** [June 25, 2003, 6:17pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049 "2003-06-25T18:17:05Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Eberth](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/eberth/32/41_2.png) [@Eberth](https://forum.kirupa.com/u/Eberth)\
**Post date:** [June 25, 2003, 6:17pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/1 "2003-06-25T18:17:05Z")

</div>

hi everybody

how can i create a shape like this in photoshop?  
with the corners rounded. because i’ve tried it and i only get a very ugly square. i supose it must be easy, but i just dont know how…  
[http://robouk.mchost.com/tuts/insetbuttons/img1.gif](http://robouk.mchost.com/tuts/insetbuttons/img1.gif)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:17pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/2 "2003-06-25T18:17:43Z")

</div>

use the pen tool

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:23pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/3 "2003-06-25T18:23:23Z")

</div>

i used it, but i get a very strange figure that doesnt even looks like it ☹

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:28pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/4 "2003-06-25T18:28:28Z")

</div>

just keep practicing. once you have the curve you want, you should be able to copy the path and paste and flip so that it matches the otherside of the box

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:36pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/5 "2003-06-25T18:36:01Z")

</div>

select a rectangle w/ the rectangle marquee tool then using the elliptical marquee tool deselect the rounded top and bottom. go to channels and create a new alpha channel and fill in the selection w/ white. deselect, then use a gaussian blur (5-10 depending on how rounded you want it all to be). then go to image\>adjustments\>levels and make it so all the arrows are near the center. you should have a smooth shape now. control click on the alpha channel then swtich back to layers and fill in your selection. hopefully that’ll work for ya.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:37pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/6 "2003-06-25T18:37:47Z")

</div>

thnx, but what i want the most is the kind of shape, in order to do shapes like this:  
[design.com/fxzone/images/irc\_shot.gif](http://design.com/fxzone/images/irc_shot.gif)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:38pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/7 "2003-06-25T18:38:39Z")

</div>

link that works plz! 😛

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:39pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/8 "2003-06-25T18:39:12Z")

</div>

this is what i got after a few minutes or so… you can play around with the levels a bit more to get a smoother overall shape as well, but i was too lazy.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:39pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/9 "2003-06-25T18:39:42Z")

</div>

[http://www.eyeball-design.com/fxzone/images/irc\_shot.gif](http://www.eyeball-design.com/fxzone/images/irc_shot.gif)

sorry

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:40pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/10 "2003-06-25T18:40:54Z")

</div>

pen tool! do one half (left or right half) then copy the path and join them.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:41pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/11 "2003-06-25T18:41:30Z")

</div>

is there any tutorial on pen tool, because it seems too complicated to me ☹

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 6:59pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/12 "2003-06-25T18:59:13Z")

</div>

try this: [http://www.gurusnetwork.com/tutorials/photoshop/pen1intro.html](http://www.gurusnetwork.com/tutorials/photoshop/pen1intro.html)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 7:14pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/13 "2003-06-25T19:14:33Z")

</div>

ok, i used the grids, as guide, and i came to this:

now, how can i make the grid smaller (with more squares)??

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 7:16pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/14 "2003-06-25T19:16:01Z")

</div>

not looking too bad there m8!

grid: got to Edit|Preferences|Grids…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 7:20pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/15 "2003-06-25T19:20:42Z")

</div>

tnx 😃

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 7:22pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/16 "2003-06-25T19:22:42Z")

</div>

thats looking pretty good. if you colored it orange and put a circle at the top, it’d look like the singular guy!!😉

j/k, its looking sharp.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 7:52pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/17 "2003-06-25T19:52:48Z")

</div>

another…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 25, 2003, 8:13pm UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/18 "2003-06-25T20:13:40Z")

</div>

> \*Originally posted by Eberth \*  
> \*\*now, how can i make the grid smaller (with more squares)?? \*\*

edit\>preferences\>guides,grids and slices, then set your gridsize in the menu that comes up

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 29, 2003, 9:52am UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/19 "2003-06-29T09:52:57Z")

</div>

Like he said -  
select a rectangle w/ the rectangle marquee tool then using the elliptical marquee tool deselect the rounded top and bottom. go to channels and create a new alpha channel and fill in the selection w/ white. deselect, then use a gaussian blur (5-10 depending on how rounded you want it all to be). then go to image\>adjustments\>levels and make it so all the arrows are near the center. you should have a smooth shape now. control click on the alpha channel then swtich back to layers and fill in your selection. hopefully that’ll work for ya.

I know it sounds a lot more difficult but I’m sure that’s the way that he did it. Its faster, quicker, and looks nice. If you use the pen tool and you still want it to look like that - You’ll still have to go to the channels and smooth it out. Here’s my examples

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 29, 2003, 9:54am UTC](https://forum.kirupa.com/t/shape-in-photoshop/24049/20 "2003-06-29T09:54:28Z")

</div>

Here’s the other one - I adjusted these through the layer sets and such also, while adding a gradient and a transparent gradient. If you’d like the .PSD just let me know and I’ll post it up for download also.

[Next page](https://forum.kirupa.com/t/shape-in-photoshop/24049.md?page=2)
