Conectarse

Recuperar mi contraseña

Últimos temas
» mu pirata 99c new informacion!!
Vie Feb 26, 2010 11:09 am por rob09

» NUEVO MU 2010!!! SERVER ONLINE S2 S4 Y TIBIA Y MAS.
Mar Feb 02, 2010 12:26 pm por Nonoh

» Mu eleveth season 5
Miér Ene 20, 2010 2:59 pm por MrsMunch

» Nuevo Gran Mu ..::Imperio-Mu::.. Pruebalo :)
Dom Ene 10, 2010 9:51 am por charlypeluch

» MuPirata 99c
Lun Ene 04, 2010 4:57 pm por rob09

» Mu online azteca -la leyenda del continente Pre season 5
Sáb Oct 17, 2009 1:09 am por mrdead

» Mu Online Azteca Pre Season 5. El Mejor de México!!!!
Jue Oct 15, 2009 7:59 pm por MUMERO

» MU TITAN SEASON 4 EXP X1500 65K STATS FULL MASTER RESET
Mar Oct 13, 2009 1:17 pm por Nonoh

» Radical-RO Server de Ragnarok
Lun Sep 14, 2009 8:41 pm por Anatsu

Enero 2019
LunMarMiérJueVieSábDom
 123456
78910111213
14151617181920
21222324252627
28293031   

Calendario Calendario

Bookmarking social

Bookmarking social digg  Bookmarking social delicious  Bookmarking social reddit  Bookmarking social stumbleupon  Bookmarking social slashdot  Bookmarking social yahoo  Bookmarking social google  Bookmarking social blogmarks  Bookmarking social live      

Conserva y comparte la dirección de Mundo Virtual en tu sitio de bookmarking social

Conserva y comparte la dirección de .::Comunidad Online::. en tu sitio de bookmarking social


Cómo hacer botones estilo Apple sin perder la vida en el intento.

Ir abajo

Cómo hacer botones estilo Apple sin perder la vida en el intento.

Mensaje por Rastone el Mar Jul 28, 2009 9:18 pm

Ejemplo de cómo hacer botones al estilo Apple iPhone de una forma sencilla con Photoshop (CS2), pasos a seguir:

Creamos un archivo nuevo con las siguientes propiedades:


Pintamos el fondo de color Negro con la Herramienta Bote de Pintura (G) y ponemos un texto de color blanco en el centro, yo he usado la fuente Gill Sans MT, aunque no es la que usan ellos pero se parece.

Le daremos el foco a la segunda frase, hemos creado cada frase en unca capa distinta.
Creamos un rectangulo con la Herramienta Rectángulo redondeado (U), de radio he puesto 0,1cm. y de color Negro, podemos ocultar la capa Fondo (la inicial) para poder ver el botón mientras trabajamos con él, ya que es del mismo color que el fondo de momento.

Clic derecho en la capa del boton y Opciones de fusión, marcaremos la opcion Resplandor Exterior (el color azul que he usado yo es el #4D89B5) y la dejaremos tal que así:

También activaremos la opción de Superposición de degrado y la dejaremos así:

Marcamos el resplandor interior y lo ponemos de color negro, para que quede el borde interior del boton negro y no llegue el brillo hasta los bordes:

De momento nos queda así:
Ahora creamos una capa nueva, yo la he llamado “Brillo Boton” y alli hacemos una elipse bien grande y la pintamos de blanco, algo como esto:

Ahora teniendo seleccionada esa elipse hacemos clic en la capa del botón mientras mantenemos pulsada la tecla Control, luego Shift + Ctrl + I, y luego Suprimir, con eso habremos eliminado toda la parte de la elipse que no concurra con el botón, le restamos opacidad a la capa de la elipse, lo suyo seria dejarlo a un 15% más o menos.

Le ponemos un suave degradado al Fondo entre negro y gris y ya tenemos listo nuestro pedazo de boton a lo Apple iPhone!.
Así quedan las capas:

Y el resultado final:

_________________
avatar
Rastone

Staff Comunidad Online.
Staff Comunidad Online.

Masculino
Mensajes Mensajes : 21

Ver perfil de usuario

Volver arriba Ir abajo

Re: Cómo hacer botones estilo Apple sin perder la vida en el intento.

Mensaje por pablog el Mar Jul 28, 2009 9:53 pm

que buen resultado final !

gracias!!!
avatar
pablog

Empezando
Empezando

Mensajes Mensajes : 15

Ver perfil de usuario

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.