how would i go about creating this ?

<noob question> I know this looks really simple, but could someone please tell me how you would go about creating the graphical effects and shadowing like on this keyboard. I used Photoshop CS. </noob question>

Many Thanks

Attached Images

eclipse.jpg (24.2 KB, 43 views)

For the shadow, I'd make a new layer on top of the keyboard's layer, set a black to transparent gradient, drag the gradient tool from right to left, then set the gradient's layer opacity to about 15%.

I would do it differently:-
The image appears to be composed of a 'daytime' keyboard, and a 'night' version of the same keyboard (keyboard in shadow with blue lighting effects, etc).

So, I would duplicate the daytime layer and convert the new one to the 'night' image. Your image would be quite complex to create from scratch but, the simplest way would be to create a new black layer over the top of the new image and reset the opacity until you can see the keyboard beneath. Then re-create all the blue lighting on a new layer. You won't need to do this for the whole keyboard as we're only going to use the right hand side of this layer.

You could merge these new layers before proceding but this way will provide more flexibility, should you wish to change anything later.

On the 'night' keyboard layer apply a 'mask' and choose the gradient tool. Make sure the foreground to background colours are set to black and white (press 'd' key, followed by 'x' key). You will now drag a black and white mask over the layer, noticing that black hides and white reveals. Thus, where you use the white part of your gradient, you will see the night keyboard revealed. Where the black part is used, it will be hidden but you can now see the 'day' keyboard beneath.
Cut and paste the layer mask from the 'night' layer to the layers above and apply a 'drop shadow' layer style to both keyboard layers.
Robert should then be your Mother's Brother.

You may find these PS-CS tutorials useful (I did, and do):-
http://www.greycobra.com/tutorials/photoshop/
&
http://www.photoshopcafe.com/tutorials.htm

Thanks guys. Thanks squirel for taking the time 2 write that out. Brownies all round .

I was particularly interested in how to do that blue graphical effect behind the keyboard.

That's the tricky bit.
I don't think there's a quick way of achieving that and it still looking as good.
You'd need to practice.
In the meantime you might try the following

Create a new layer and draw out the areas you want the effect to apply to (remember, you only need to do it on the 'night' side). Name the layer something like "glow".

Then, I would create a new layer and apply a light blue (a light tourquoise might be better) to mid blue (on the darker side of middle though) circular gradient (light blue at the centre). Name this layer "Blue".
Move so the centre is over the number pad of the keyboard.

Now press and hold the 'Ctrl' key, and click on the "glow" layer to make it active. The path you created earlier will now be indicated. Now, invert the selection by pressing 'Ctrl' + 'i' together.

Release all the keys (without deselecting the layer). Then, click on the "Blue" layer so that what you're about to do affects only this layer. Now press the "Del" key. If you've done it right, the whole gradient will disappear, except for where it covered the "Glow" layer (the lit paths between the keys).

This is a very quick solution, but armed with this, you will see how you can take a bit more time and create a much better effect.