Creating two layers to do a rounded corner stroke? Why would you want? Layer style stroke achieves the same thing or you can paste from illustrator as smart object/shape layer.
@Artistdanz I am just using a simple example, a more common use for this technique is situations where you need something like this and they need to be separate shapes.
These have been pretty cool to look at lately - so I am throwing one in too!
When creating a button that has depth using a gradient, set your shape object to the base color you want it to be (orangish yellow in this case) and then use a B/W gradient with an overlay or multiply gradient effect instead of setting the colors of the gradients. You'd be surprised at how much easier it is to go back later and change 1 color (the layer color) than tweaking multiple gradient colors. This is very handy if you have many buttons on an app or page that the client suddenly says "I want the buttons to be green instead of yellow-orange now!" :-)
Someone else rebound and drop some knowledge on us!
In my experience this is quite common, but can easily be adjusted. Transform (Control+T)(Command+T) and just remove the numbers before the decimal. Fixed & Crispy! (edit: to be clear, this is in photoshop)
29 Responses (page 1 of 2)
Pro
Mac Tyler
Just something that hopefully helps illustrate the proper way to do border radius.
[EDIT]
I'm looking at making this whole process automated.
Watch the Video | Download the Script
4 months ago
Pro
Anders Drage
Photoshop?
4 months ago
Pro
Mac Tyler
Yeahp.
4 months ago
Pro
Isaac Grant *
good, we gotta keep it rollin.
4 months ago
Pro
Mac Tyler
Yeah man, hopefully more people will join up, really cool series!
4 months ago
Rebound
Pro Tip 4: Layer styles panel
by Anders Drage
Tired of always getting the layer style dropdown when you´ve applied it to a layer?
4 months ago
Pro
AndyTheJoker
Thanks man! Much appreciated.
4 months ago
Pro
Anton Kudin
this should be in every book
4 months ago
Good call - some many peeps cant seem to work out that inner border radius is gonna be smaller than the outer one! Nice way of explaining it ;]
4 months ago
It drives me nuts when people do this wrong. Nice one.
4 months ago
What type of idiot would ever mess this up?
4 months ago
Pro
Mac Tyler
lol ohhh steve ;)
4 months ago
http://cl.ly/E4H2
4 months ago
Pro
Steffen Nørgaard Andersen
Heard! - Well illustrated
4 months ago
Good tip. I remember learning this from adam betts a while ago. Really helped me out :)
4 months ago
Pro
Joshua Hibbert
Ha, I actually wrote an article on this very thing, and made a tool so that you can work it out easily: http://joshnh.com/2012/01/getting-inner-border-radius-just-right/
4 months ago
Creating two layers to do a rounded corner stroke? Why would you want? Layer style stroke achieves the same thing or you can paste from illustrator as smart object/shape layer.
4 months ago
Pro
Mani
fabulous.
4 months ago
Pro
Mac Tyler
@Artistdanz I am just using a simple example, a more common use for this technique is situations where you need something like this and they need to be separate shapes.
http://cl.ly/3p183y3i1T1U2O3K1w1F
4 months ago
Pro
Stephen Dixon
It's a great reminder for everyone but really this should come as second nature to everyone.
4 months ago
Pro
Mac Tyler
@Stephen, nothing starts out as second nature! Everyone has to learn what they learn from somewhere.
4 months ago
Pro
Roy Abbink
Agree with Stephen and Mac. A great tip.
4 months ago
YES. Thank you for illustrating this. Incorrectly nested rounded rectangles are one of my all-time biggest pet peeves. Again, thank you.
4 months ago
Rebound
Pro Photoshop button tip
by Jason Kirtley
These have been pretty cool to look at lately - so I am throwing one in too!
When creating a button that has depth using a gradient, set your shape object to the base color you want it to be (orangish yellow in this case) and then use a B/W gradient with an overlay or multiply gradient effect instead of setting the colors of the gradients. You'd be surprised at how much easier it is to go back later and change 1 color (the layer color) than tweaking multiple gradient colors. This is very handy if you have many buttons on an app or page that the client suddenly says "I want the buttons to be green instead of yellow-orange now!" :-)
Someone else rebound and drop some knowledge on us!
4 months ago
Rebound
Pro Tip: Lose Decimal points in type
by Tom Gurka
In my experience this is quite common, but can easily be adjusted. Transform (Control+T)(Command+T) and just remove the numbers before the decimal. Fixed & Crispy! (edit: to be clear, this is in photoshop)
4 months ago