Today I officially downloaded my 1000th song on iTunes. This was my start of summer goal. My next goal is to own 50 physical CDs (right now i’m at 23).
And the 1000th song was Scars by PapaRoach
I’ve made the site myself in Powerpoint and exported it to HTML. Could you convert it to Joomla?
“
| — | (via clientsfromhell) |
My collection of 14 limited edition Mountain Dew Bottles. I personally drank every single one and enjoyed them all. MD just tastes that much better from a designer bottle.
The problem with you college students is that you always expect to get paid for the work that you do.
“
| — | (via clientsfromhell) |
A logo I just finished for a friend of mine. Notecloud is a webapp that lets you post notes, images, or videos in clouds and arrange/move them how you’d like.
Creating a subtle, realistic button with depth (in photoshop)
One of the keys to creating a beautiful interface is realism. Giving your site’s elements a feeling of tangible depth gives the user a stronger relationship with what they are viewing. Creative use of layer styles and effects makes this much easier then you might think.
1: Create a rounded rectangle that will act as our button. Give it a solid fill color for now.
2: Give your button a light gradient overlay. The colors I used where #99cc33 and #55680e.
3: Add a border. Make the stroke 1px, inside, and set the color to #45540c
4: Give the button depth by using both inner and drop shadows. Make a black drop shadow with the following properties:
- Blend mode: Multiply
- Opacity: 75%
- Angle: 90
- Distance 1px, Spread 0%, Size 0px
Now add a white inner shadow to your button with these properties:
- Blend mode: Screen
- Opacity: 100%
- Angle: 90
- Distance 1px, Spread 0%, Size 0px
We are also going to add a dark background to help us see the image easier
5: Now that we have the button, let’s add some text. Type some basic text inside your button. Make the text a dark green color (#354109). To make the text look “inset”, as if engraved into the button, add the following effects.
- Inner Shadow
- Blend mode: Multiply
- Opacity: 30%
- Angle: 90
- Distance 1px, Spread 0%, Size 0px
- Drop Shadow
- Blend mode: Screen
- Opacity: 50%
- Angle: 90
- Distance 1px, Spread 0%, Size 0px
6: Finally we need to give our button some texture. We can do this by adding noise to our button. *NOTE: If we try this right now, it won’t display because we are using Layer styles for a gradient overlay.* We need to convert our button to a smart object first.
Once you have done that, go to Filter > Noise > Add Noise. Set the Amount to 2.5% and the Distribution to Uniform. Make sure “monochromatic” is NOT checked. Click Ok to apply.
Well, that’s really all you need to know. You can apply these styles and techniques to shapes, text, or anything you want. Play around with it and try to get the effect you’re looking for.
