“Conocimientos software>Photoshop

Cómo hacer botones HTML en Photoshop CS5

2016/2/6
Como compilar varias páginas Web HTML para guiar a los visitantes a su dominio en línea , darles una forma sencilla de moverse con los botones puede hacer clic. Incluso los usuarios de primera vez sabrán que hacer clic en un botón les lleva a otro lugar , pero con Photoshop, usted puede crear una experiencia personalizada para los clics . Aproveche proceso de diseño del botón de creación de Adobe Photoshop CS5 para hacer botones que hacen que su página HTML se destacan. Instrucciones
1

Abrir Photoshop CS5, haga clic en el menú " Archivo" y haga clic en " Nuevo". Ingrese el nombre del botón , como " HelpButton ", o el nombre de su archivo preferido en el "nombre " caja. Introduzca las dimensiones para el botón en el "Ancho " y cajas "Altura" , con píxeles o pulgadas según los requisitos de su sitio. Haga clic en el menú " Contenido de fondo " y seleccione " transparente ". Haga clic en el botón " Aceptar" para abrir el lienzo botón de decisiones .
2

Pulse el cursor hacia el centro de la plaza de color en la parte inferior del panel " Herramientas" en la parte izquierda de la pantalla. Elija un color para el botón y haga clic en "OK . "

3 Haga clic en el icono de una línea, un círculo gris , cuadrado gris o estrella gris en la parte inferior de las " herramientas" panel en el lado izquierdo de la pantalla . Seleccione " Herramienta Rectángulo redondeado " o " herramienta Elipse " de la forma del botón .
4

Coloque el cursor en la esquina superior izquierda del lienzo de tablero de ajedrez gris. Haga clic y mantenga pulsado el botón izquierdo del ratón y mover el cursor a la esquina inferior derecha. Tenga cuidado de no arrastrar hacia el escritorio Photoshop gris. La forma del botón aparece en el lienzo.
5

Haga doble clic en la línea de la capa 1 en la paleta de " Capas " . Cuando se abra la ventana " Estilo de capa " , haga clic en la opción " Sombra " . Esto es opcional , pero le da al botón de un aspecto más elevado , lo que puede ayudar a los visitantes de guía a su sitio HTML. Haga clic en " Aceptar " para cerrar la ventana.
6

clic en el icono de "T " en el panel " Herramientas". Elija un tipo de letra , tamaño y color del texto de la barra de herramientas en la parte superior de la pantalla. Para el color , elegir uno que se destaca contra el fondo del botón elegido , como un blanco si el botón está oscuro.
7

Haga clic en el botón y escriba el texto del botón , como " Ayuda" o " Inicio". Arrastre el texto en su lugar en el centro del botón .
8

Haga clic en la nueva capa de texto en la paleta de " capas " . Seleccione " Combinar visibles ".
9

Haga clic en el menú " Archivo" y seleccione " Guardar como". Haga clic en el menú " Formato" y seleccione " PNG " o " GIF ", que mantendrá el botón de fondo transparente, requerido para las páginas HTML. Haga clic en el botón "Guardar " .

Photoshop
Cómo editar un vídeo en Photoshop CS5
Cómo hacer rectángulos redondeados en Photoshop
Cómo hacer GIFs Fading en Photoshop
Cómo utilizar el Tampón de clonar en Photoshop
Cómo Photoshop una imagen así que usted está Faceless
Cómo hacer un efecto de sombra en Photoshop
Cómo crear una secuencia de calendario en Photoshop
Cómo llenar un borde en Photoshop
Conocimientos Informáticos © http://www.ordenador.online