Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje26-07-2010, 17:39 (UTC)    
Título del mensaje: [Tutorial Photoshop] Menú con estilo

1.- Iniciamos creando un documento nuevo de 150x180 px con fondo color 393939. Usa las reglas y guías para simular una separación de 10 px entre el documento y lo que serán nuestros botones. Cada botón del menú será 40 px de alto, por lo que hay que colocar una segunda guía horizontal en el px 50 de nuestro documento. Justo como se ve en la imagen.


2.- Ahora marca una selección en el rectángulo principal formado por las guías.

3.- Crea una Nueva Capa y rellénala usando un degradado que va de 545454 a 171717.

4.- Luego aplica un contorno de 1 píxel con color negro.
Edición -> Contornear.

5.- Ahora reduce la selección 1 píxel.
Selección -> Modificar -> Contraer


6.- Y aplica nuevamente un Contorno de color gris (666666).

7.- Deselecciona (Ctrl+D).


8.- Duplica la capa del botón y acomoda cada una en su sitio para crear el menú.


9.- El resto corre por tu cuenta. Estos botones pueden estar en un orden Vertical como lo vemos en la imagen u Horizontal, según sean tus necesidades.


Espero que les sea de utilidad el tutorial.
¡Mucha Suerte!

Otros de mis tutoriales en el foro:
Userbar animado
Visualizador de noticias flash
______________
firma modificada pwg

la medida maxima es 450x100
Mensaje26-07-2010, 17:56 (UTC)    
Título del mensaje:

otro gran tuto de un profesional XD

esta super carlos cuando termine mi web lo probare checa mi firma con movimiento algo lenta pero lo hize XD

saludos
______________
Mensaje26-07-2010, 17:59 (UTC)    
Título del mensaje:

Exelnte tutorial.

Carlos sabes que soy un admirador tullo.

Carlos, Te Re Banco!

______________
Luciano Jmz
Luciano Jmz
Mensaje26-07-2010, 18:02 (UTC)    
Título del mensaje:

muchas gracias a ambos
"jumanimes" te quedo bien el Userbar animado, luego pondré mas tutoriales de como animar con estos programas.
Gracias por el aguante "tumamalaflogger"
______________
firma modificada pwg

la medida maxima es 450x100
Mensaje01-08-2010, 01:42 (UTC)    
Título del mensaje:

WWooow men! Seguramente sos profecional en webs flash
______________

[LINK ELIMINADO]
Mensaje01-08-2010, 16:00 (UTC)    
Título del mensaje:

Muy bueno,una pregunta tiene para antialias la font ? porque pierde calidad saludos
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group