Button with a Lamp for your Site
Tutorial in Basics, Drawing, Web
We will create an interesting bar with web buttons. The lamp will appear next to the buttons, and it will change colors every time you place the cursor on it.
Create a new document (400×400px and black background).
Create a ((nueva capa)).
Draw thw buton using ((Rectangular Rounded Tool)) and a 5px ((radio)). Fill it in with black.
Double click the layer to open the ((Blending Options)) menu.
((Inner Glow)).
((Gradient Overlay)). Use these two colors: #10100e y #1e1e1e.
((Stroke)).
Take a look at the following image, you should be getting something like this so far.
Crete a ((nueva capa)).
Select ((Gradient Tool)) with ((Radial Gradient)) from white to transparent. Trace the gradient from top to bottom, as shown in the image below.
To the gradient layer, change the blending mode to ((Soft Light)). Take a look at the result you should be getting so far in the image below.
Create another ((nueva capa)). Make a small circle using ((Elliptical Marquee Tool)) and fill it in with white as shown in the image below.
Double click to go to ((Blending Options)).
((Drop Shadow)).
((Inner Shadow)).
((Inner Glow)).
((Gradient Overlay)). Use colors #00f900 and #029f02 for the gradient.
Thw button is almost done. There’s only one more step.
Zoom in on the button (Zoom: 1600%), create a white circle in a ((capa nueva)) using ((Elliptical Marquee Tool)) (you can see it i the image below). Then reduce the ((opacidad)) to 40%.
Our button is done! Sim ply add a title to it and…ready.
Hice otras variantes para completar la barra.
