Just something that hopefully helps illustrate the proper way to do border radius.
I'm looking at making this whole process automated.
Watch the Video | Download the Script
over 1 year ago
good, we gotta keep it rollin.
Yeah man, hopefully more people will join up, really cool series!
by Anders Drage
Tired of always getting the layer style dropdown when you´ve applied it to a layer?
over 1 year ago
Thanks man! Much appreciated.
this should be in every book
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 ;]
It drives me nuts when people do this wrong. Nice one.
What type of idiot would ever mess this up?
lol ohhh steve ;)
Heard! - Well illustrated
Good tip. I remember learning this from adam betts a while ago. Really helped me out :)
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/
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.
It's a great reminder for everyone but really this should come as second nature to everyone.
@Stephen, nothing starts out as second nature! Everyone has to learn what they learn from somewhere.
Agree with Stephen and Mac. A great tip.
YES. Thank you for illustrating this. Incorrectly nested rounded rectangles are one of my all-time biggest pet peeves. Again, thank you.
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!
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)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter