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.
121,476,241,005 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
33 Responses (page 1 of 2)
Hi, thanks for coming to Idiot Tips 101. Just going to do a quick register before I start. Phil? Jake? Samantha? Stuart? sexygurl75? Good, you're all here. Right, let's get to it.
Satin
This one's a weird one. If you've left it on Photoshop's default settings, it's at a crazy angle, and although it's got a cool future-y vibe, it's going to make you look like a Comic Sans enthusiast.
So, you're thinking, what's a good default, then? And what the hell do I use it for? Personally, I use it to give a nice shadow to buttons, like so: http://cl.ly/FOw9
To achieve this, all you've got to do is:
1. Change the angle to 0°.
2. Set the distance to 2px and size to 10px (although I'd adjust to preference).
3. Bam! Subtle shadowing effects.
Here's the layer style window I use: http://cl.ly/FQmj
Bevel and Emboss
So the button we just made looks pretty good, but it could "pop" a bit more. BZZZT! Wrong answer. Ain't no such thing as pop, just more details. But the bevel tool, when used subtly, adds a whole new layer of detail.
You know what? This one's a bit more practical, and definitely needs you to fine-tune it yourself. My only tip here is to never let the opacity on the style itself go over 25%. If you do, I'll hunt you down and krill you (that's right, I'll slap you in the face with a fish). Here's the layer style window: http://cl.ly/FQ8Z
That's al— oh, you want the .gif again? Sigh. Here you go: http://cl.ly/FPoa
Right, I'm going to go do whatever it is a panda teacher does when he's done with the day. Probably play some Xbox or eat bamboo. Best of luck in your layer style endeavours!
about 1 year ago
MOAR!!
about 1 year ago
Thank you, teacher.
about 1 year ago
They're a lot more than what meets the eye.This tutorial shows how they can be used to achieve complex metal shading.
about 1 year ago
That's helpful! Have fun eating bamboo
about 1 year ago
Thank you for this 101, quite useful indeed :)
On a side note... *phew* I guess I'm not the only one who can't stand the look of 'em when I see someone using default styles or changes all the default settings of layer styles immediately... Or uses the term "default look" in a sentence, e.g. "Look at that default look of that shadow! Ugh, I hate '120% 5px 0% 5px'." ;)
about 1 year ago
Idiot Tips 101 sounds like a newsletter or site I would definitely subscribe to...
about 1 year ago
Good show old chap. Pip pip.
about 1 year ago
@Visual Idiot Solid tip, I'll definitely keep this in mind :) You have the best sense of humour of any designer by far haha!
@Asher That's awesome! I never knew you could create a shiny metal effect :D
@Chris Veto It's sexygurl75_4_eva_sxcbabe_x_hawt@hotmail.com
about 1 year ago
@Louis Bullock Lmao. I think I know her.
about 1 year ago
f#*k yeah!
about 1 year ago
I thought this was common knowledge :P But thanks anyway.
about 1 year ago
asl?
about 1 year ago
Not sure which I like more, the commentary or the tutorial.
about 1 year ago
This is fantastic, great help for newbies like myself. PLEASE keep these coming, teach us how to drop shadow properly ;)
about 1 year ago
satin as I call it pluto, never gets talked about or used. GJ =)
about 1 year ago
font por favor
about 1 year ago
My hard disk ate my homework. =( I'll do some make up work tonight! Thanks Teach.
about 1 year ago
Thanks a lot for this!
about 1 year ago
Heh, neeed more :) Thanks!
about 1 year ago
@Jared Erondu Uni Sans!
Thanks guys, happy to know I have some knowledge to impart or something.
about 1 year ago
@Daryl :D
about 1 year ago
Awesome, thanks for sharing this!
about 1 year ago
Your writing style always put a smile on my face ;)
Thanks for the insight!
about 1 year ago
Thanks, Sensei
about 1 year ago