Tutorial photoshop crea boton para la web

tutorial photoshop crea boton para la web

Este tutorial te enseñará cómo crear un botón de estilo simple tecnología, que funciona muy bien para las aplicaciones de software, así como sitios web. Los pasos utilizados para crear este tutorial son bastante fáciles de seguir, y orientado a los recién llegados a Photoshop que están interesados en el diseño de sitios web con este paquete de software de gran alcance.
Página 1 de 2

Abra un documento existente de cualquier tamaño, o crear una nueva. Me va a utilizar un documento que es 120x36 para este tutorial.

Establezca su color a blanco (# FFFFFF) y utilizar la herramienta de relleno de inundación (cubo de pintura) para llenar el fondo con blanco.

Crear una nueva capa pulsando CTRL + SHIFT + N y salir de la herramienta rectángulo redondeado

Defina el radio en 5 píxeles

Crear un rectángulo similar a la siguiente imagen:

Haga doble clic en esta capa, y aplicar las siguientes opciones de fusión:

Sombra interior:

Bisel y Relieve:

Superposición de colores:

Puede usar # d8ff00 o su propia elección del color lo que sea apropiado.

Carrera:

Crear una nueva capa pulsando CTRL + SHIFT + N en el teclado y salir de la herramienta única carpa columna (

)

Crear una selección de un lugar similar al que se muestra a continuación:

Rellenar la selección con blanco (# FFFFFF) utilizando el cubo de pintura relleno de inundación.
A continuación, puntee en la flecha derecha en el teclado y llenar la selección con negro. (# 000000) inundación cubo de pintura llenado.

Sugerencia: Es posible que necesite aumentar para lograr el relleno de inundación, para acercar mantenga presionada la tecla CTRL del teclado y pulse la tecla + del teclado para hacer un zoom de cerca.

Presione CTRL + D en el teclado para anular la selección de la selección
La caída de la opacidad de esta capa a un 47 por ciento:

Mantenga pulsada la tecla CTRL del teclado y haga clic una vez en la capa 2 (la capa rectangular), esto debería hacer una selección de todo en esa capa.

Ahora capa de selección de tres y haga clic en el icono de la máscara de capa:

Paso # 8

Seleccione la herramienta de marco elíptico y hacer un pequeño círculo en una nueva capa, debe ser de un tamaño similar al de la imagen de abajo.
Sugerencia: Si mantiene pulsada la tecla Mayús mientras hace su selección garantizará el círculo está perfectamente formado

Rellenar la selección con # 474747 utilizando la herramienta Bote de pintura relleno de inundación.

Haga doble clic en esta capa, y aplicar las siguientes opciones de fusión:

Sombra interior:

Bisel y Relieve:

Carrera:

Acercar un poco manteniendo pulsada la tecla CTRL y pulsando el botón + un par de veces, (a aproximadamente 600 por ciento).

Duplicar el círculo pulsando CTRL + J en su teclado.

Pulse 'V' en el teclado para salir de la herramienta mover y posicionar el círculo duplicado como l lo han hecho a continuación:

Repita este proceso dos veces más hasta que tenga cuatro círculos equidistantes entre sí como se muestra aquí:

Para completar el tutorial añadir un poco de texto y cualquier otro efecto que desea. Si usted está interesado en descargar algunas fuentes para este tipo de botones por favor ver nuestra sección de descargas de grandes fuentes, pinceles y otras descargas excelentes.

Aquí está el resultado final:

Gracias por leer este exclusivo que www.PhotoshopForce.com tutorial!

Oscar perez

Arquitecto especialista en gestion de proyectos si necesitas desarrollar algun proyecto en Bogota contactame en el 3006825874 o visita mi pagina en www.arquitectobogota.tk