Tecnología

Inicio

Cómo hacer simple botón Imágenes

Cómo hacer simple botón Imágenes


Los orígenes de la Internet de hoy se remontan a 40 años. Hoy en día, millones de sitios existen y cada uno de ellos contiene al menos un elemento común botón. Para volver a la página principal, saltar a una página de productos o enviar un pedido, el usuario ve botones de todos los diferentes tamaños y colores. Hacer botones para una página Web es fácil con el software de edición de imágenes.

Instrucciones

El uso de GIMP

1 Descarga GIMP. GIMP, o GNU Image Manipulation Program, es una aplicación gratuita que funciona en plataformas Macintosh, Linux y Windows.

2 Crear una página en blanco. En "Archivo", haga clic en "Crear nueva imagen". Se abre un cuadro de diálogo. Especificar 200 píxeles de ancho y 100 de alto a 72 puntos por pulgada. El espacio de color debe ser de color RGB para su uso en un monitor de ordenador. En "Llenar Con", seleccione en el menú desplegable de "transparencia".

3 Seleccione la herramienta "Rectángulo" y arrastrar el cursor para formar una caja rectangular. Se cubrirá la mayor parte del espacio que ha hecho en el paso anterior, pero dejan espacio a cada lado.

4 Seleccione la función "esquinas redondeadas" y poner en un valor de 15. Cambiar el valor arriba o hacia abajo hasta obtener la imagen que desee. También puede utilizar la herramienta de círculo o hacer un cuadrado.

5 Llene la imagen con un color. Haga clic en la paleta de colores y elegir un color brillante. Seleccione la función "Cubo de pintura" y haga clic en la casilla para llenarlo con el color seleccionado.

6 Hacer otra capa. Copiar la imagen que acaba de hacer escogiendo "Duplicar capa". Mantenga el duplicado seleccionado y seleccione la función "Relleno degradado". Hacer negro el color de primer plano en el cuadro de diálogo y seleccione el gradiente "transparente al primer plano" y arrastrar el ratón de arriba a abajo hasta que le gustan los resultados. Hacer la opacidad del 60 por ciento por lo que la imagen de fondo original muestra a través.

7 Dibuje otra caja. Seleccione la herramienta "Rectángulo" y arrastre para crear una nueva caja para cubrir los dos tercios superiores de la caja original. Elija la herramienta "degradado" y cambiar el color de primer plano a blanco y arrastrar el cursor. Cambiar opacidad al 35 por ciento.

8 Mejorar las tres dimensiones (3D) buscar. Para obtener una imagen 3D más pronunciada, dibujar otra herramienta de gradiente con el negro como color de primer plano en la parte superior de la imagen anterior y cambiar la opacidad hasta que te gusta el aspecto.

9 Añadir texto. Seleccione la herramienta "Texto" y escriba el texto que desee. Utilice blanco, amarillo, negro o cualquier color que se mostrará bien contra el botón. Añadir una gota de sombra para mejorar aún más el texto.

10 Guarda el archivo. Seleccione "Formato de intercambio de gráficos (GIF)" en el cuadro de diálogo "Guardar como". Los archivos GIF son pequeños y optimizado para su uso en sitios web.

Utilice Vista Buttons

11 Abra Vista Buttons. El programa contiene las plantillas con los botones pre-hechos y temas de docenas a elegir para personalizar. A diferencia de los otros programas descritos, este programa sólo necesita el texto añadido a los botones y están listos para su uso en Internet. Es compatible con los sistemas operativos Macintosh, Windows y Linux.

12 Haga clic en el icono de la página en blanco en el extremo izquierdo de la barra de herramientas para crear un nuevo proyecto.

13 Seleccione "+ Añadir elementos de menú." Seleccione el tema y los colores que desee en el menú de la derecha.

14 Seleccione el botón creado en el último paso para modificarlo para sus necesidades. Añadir el texto que desee en el botón. En virtud de texto, haga clic en el cuadro de "Enlace" y escriba la dirección de la página Web en la que se utiliza el botón.

15 Seleccione "Guardar HTML (Hypertext Markup Language)" y el nombre del archivo. El botón se ha cargado a la ruta identificada en el último paso.

Utilice Adobe Elements

dieciséis Abra Adobe Photoshop Elements. Este programa es una versión simplificada de Adobe Photoshop. Cuenta con todos los mismos componentes básicos, sino por una fracción del precio de la versión completa.

17 Seleccione "Archivo", "Nuevo" y luego "archivo en blanco." Especificar las dimensiones de 200 píxeles por 100 píxeles a 72 DPI y establecer el fondo como transparente. Haga clic en Aceptar."

Elija un color brillante de la paleta de colores.

18 Dibuje el botón utilizando la herramienta o "Rectángulo" "Circle" de la barra de herramientas. Este objeto se coloca en una nueva capa. Utilice la herramienta "degradado" en el panel de capas para dar la profundidad botón. Seleccione "Opciones de fusión" en el menú en el panel de capas y seleccionar "degradado".

19 Utilice las asas de la barra de degradado para seleccionar un color haciendo clic sobre ellos. Los cambios son en tiempo real, para que puedan ver lo que el botón final se verá así.

20 Añadir texto usando la herramienta "Texto". Una paleta tipo se abrirá. Seleccionar el tipo de letra, tamaño y color. Escriba en el cuadro de texto en la parte superior del botón. Guarde el archivo como un archivo GIF.