Como hacer botones estilo Apple.
Páginas: 2 (327 palabras)
Publicado: 11 de abril de 2014
Como hacer botones estilo Apple.
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 lassiguientes 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, aunqueno 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ánguloredondeado (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 elfondo 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 queasí:
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 delboton 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 yla 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, yluego 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 omenos.
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:
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 lassiguientes 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, aunqueno 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ánguloredondeado (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 elfondo 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 queasí:
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 delboton 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 yla 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, yluego 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 omenos.
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:
Leer documento completo
Regístrate para leer el documento completo.