.::Comunidad Online::.
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
Conectarse

Recuperar mi contraseña

Últimos temas
» mu pirata 99c new informacion!!
Cómo hacer botones estilo Apple sin perder la vida en el intento. I_icon_minitimeVie Feb 26, 2010 11:09 am por rob09

» NUEVO MU 2010!!! SERVER ONLINE S2 S4 Y TIBIA Y MAS.
Cómo hacer botones estilo Apple sin perder la vida en el intento. I_icon_minitimeMar Feb 02, 2010 12:26 pm por Nonoh

» Mu eleveth season 5
Cómo hacer botones estilo Apple sin perder la vida en el intento. I_icon_minitimeMiér Ene 20, 2010 2:59 pm por MrsMunch

» Nuevo Gran Mu ..::Imperio-Mu::.. Pruebalo :)
Cómo hacer botones estilo Apple sin perder la vida en el intento. I_icon_minitimeDom Ene 10, 2010 9:51 am por charlypeluch

» MuPirata 99c
Cómo hacer botones estilo Apple sin perder la vida en el intento. I_icon_minitimeLun Ene 04, 2010 4:57 pm por rob09

» Mu online azteca -la leyenda del continente Pre season 5
Cómo hacer botones estilo Apple sin perder la vida en el intento. I_icon_minitimeSáb Oct 17, 2009 1:09 am por mrdead

» Mu Online Azteca Pre Season 5. El Mejor de México!!!!
Cómo hacer botones estilo Apple sin perder la vida en el intento. I_icon_minitimeJue Oct 15, 2009 7:59 pm por MUMERO

» MU TITAN SEASON 4 EXP X1500 65K STATS FULL MASTER RESET
Cómo hacer botones estilo Apple sin perder la vida en el intento. I_icon_minitimeMar Oct 13, 2009 1:17 pm por Nonoh

» Radical-RO Server de Ragnarok
Cómo hacer botones estilo Apple sin perder la vida en el intento. I_icon_minitimeLun Sep 14, 2009 8:41 pm por Anatsu

Abril 2024
LunMarMiérJueVieSábDom
1234567
891011121314
15161718192021
22232425262728
2930     

Calendario Calendario

Bookmarking social

Bookmarking social reddit      

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.

2 participantes

Ir abajo

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

Mensaje por Rastone 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:

Cómo hacer botones estilo Apple sin perder la vida en el intento. 01-nuevo_archivo
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.
Cómo hacer botones estilo Apple sin perder la vida en el intento. 02-escribir_texto
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.
Cómo hacer botones estilo Apple sin perder la vida en el intento. 03-boton_negro
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í:
Cómo hacer botones estilo Apple sin perder la vida en el intento. 04-resplandor_exterior
También activaremos la opción de Superposición de degrado y la dejaremos así:
Cómo hacer botones estilo Apple sin perder la vida en el intento. 05-superposicion_degradado
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:
Cómo hacer botones estilo Apple sin perder la vida en el intento. 06-resplandor_interior
De momento nos queda así:
Cómo hacer botones estilo Apple sin perder la vida en el intento. 07-opciones_fusionAhora 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:
Cómo hacer botones estilo Apple sin perder la vida en el intento. 08-elipse_blanca
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.
Cómo hacer botones estilo Apple sin perder la vida en el intento. 09-elipse_boton
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:
Cómo hacer botones estilo Apple sin perder la vida en el intento. 10-capas
Y el resultado final:
Cómo hacer botones estilo Apple sin perder la vida en el intento. 11-resultado
Rastone
Rastone

Staff Comunidad Online.
Staff Comunidad Online.

Masculino
Mensajes Mensajes : 21

Volver arriba Ir abajo

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

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

que buen resultado final !

gracias!!!
pablog
pablog

Empezando
Empezando

Mensajes Mensajes : 15

Volver arriba Ir abajo

Volver arriba

- Temas similares

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