Tutorial Botón Adobe Photoshop

Muchos sitios web utilizan botones para navegar entre las páginas e incluso para los enlaces de otros sitios. La mayoría de los paquetes de software de diseño de sitios web tienen diseños de botón predeterminado que puede utilizar. Adobe Photoshop, sin embargo, le permite crear botones que son únicas en ningún otro lugar en la web. Se tarda unos pocos pasos, pero el diseño final será el suyo propio.

Lo esencial

Diseño básico botón en Photoshop se puede hacer en unos pocos minutos. Comenzar con un nuevo archivo de alrededor de 10 por 10 pulgadas y una resolución de 200 puntos por pulgada. Va a cambiar eso más tarde al 72 dpi estándar para el uso del sitio web, pero vas a conseguir diseños más limpios si se inicia alta. Ir a la barra de herramientas y seleccione la herramienta Forma. Esto le proporciona las herramientas básicas rectángulo, elipse y polígono junto con la herramienta de forma personalizada. Si desea simplemente un botón básico, seleccione un rectángulo redondeado o una elipse. Antes de dibujar la figura en el archivo, vaya a Ventana> Estilos y seleccione un ajuste preestablecido que desee para su botón. Asegúrese de que este diseño aparece en la barra de herramientas superior. A continuación, dibujar la forma. El ajuste preestablecido se formará en cualquier forma que elija.

Capas

Una vez que tenga su forma básica y botón de estilo, se puede trabajar con él para personalizarlo. Ir a Capas> Estilos de capa. Aquí usted será capaz de ajustar la forma y el estilo que ha seleccionado. Por ejemplo, para darle a su botón de cierta profundidad, elija Sombra. Para mayor profundidad y forma, utilizar bisel y relieve. También puede ajustar el color y darle su forma un derrame cerebral alrededor del borde de una mayor definición.

Texto

La parte final del botón es el texto. Más corto es mejor, pero usted puede nombrar a su botón de lo que quiera. Ir a la barra de herramientas y seleccione la herramienta de tipo. Haga clic en el cursor en algún lugar no sobre el botón y el tipo. Seleccione el texto y cambiar la fuente en la barra de herramientas superior, si lo desea. A continuación, haga clic en la herramienta de puntero y mover el texto sobre el botón. Ahora vaya a Ventana> Estilos de nuevo y seleccionar un estilo para el texto. Elija algo fácil de leer sobre el estilo del botón. Por ejemplo, si tiene un botón de oro, elegir un estilo de fuente como el blanco o cualquier otra cosa que se destaca. Al llegar el preset que quiera, ir a Capas> Estilos de capa y ajustar el texto. Cuando se tiene el texto y el botón alineados y fijados, vaya a la barra de herramientas y seleccione la herramienta Cubo de pintura. Splash el color de fondo que coincide con el fondo sitio web. Esto es esencial para que el botón aparece como un botón y no en su propio fondo cuadrado blanco. Luego ir a Capa> Acoplar capas. Ir a Imagen> Tamaño de imagen y cambiar el botón a 72 dpi.