martes, 12 de noviembre de 2013

Cómo hacer simple botón Imágenes

La página Web botónes fácil de hacer.

 

BOTÓN SIMPLE

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

 

Lo que necesita

Software de edición de imagen Sugiera Edita Con GIMP

 

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

 

Crear una página en blanco. En "Archivo", haga clic en "Create New Image." Se abrirá un cuadro de diálogo. Especifique 200 píxeles de ancho y 100 de alto a 72 puntos por pulgada. El espacio de color debe ser de color RGB para el uso en un monitor de ordenador. En "Rellenar con", seleccione en el menú desplegable de "Transparencia".

 

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

 

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

 

Rellenar la imagen con un color. Haga clic en la paleta de colores y seleccione un color brillante. Seleccione la herramienta "Pintar" y haga clic en la casilla a rellenar con el color seleccionado.

 

Haz otra capa. Copie la imagen que acaba de hacer escogiendo "Duplicar capa". Mantenga la herramienta duplicado seleccionado y seleccione la opción "Relleno degradado". Haga negro del color del primer plano del cuadro de diálogo y seleccione la opción "Transparent al primer plano" degradado y arrastre 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.

 

Dibuja otra caja. Seleccione la herramienta "Rectángulo" y arrastre para crear un nuevo cuadro para cubrir la parte superior de dos tercios de la caja original. Elija la herramienta "degradado" y cambiar el color de primer plano a blanco y arrastre el cursor. Cambio de opacidad a 35 por ciento.

 

Mejorar el aspecto de tres dimensiones (3D). Para obtener una imagen 3D más pronunciado, dibuje otra herramienta de degradado de negro como el color de primer plano en la parte superior de la imagen anterior y cambiar la opacidad hasta que te gusta el aspecto.

 

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 el texto aún más.

 

Guarde el archivo. Seleccione "Formato de intercambio de gráficos (GIF)" de la opción "Guardar como" cuadro de diálogo. Los archivos GIF son pequeñas y optimizado para su uso en sitios web.

Utilice Vista Buttons

 

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

 

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

 

Seleccione "+ Agregar elementos de menú." Seleccione el tema y los colores que desee en el menú de la derecha.

 

Seleccione el botón creado en el paso anterior para modificarlo para sus necesidades. Añade el texto que desee en el botón. En el texto, haga clic en la casilla "Link" y escriba la dirección de la página Web en la que se utiliza el botón.

 

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

Utilice Adobe Elements

 

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

 

Seleccione "Archivo", "Nuevo" y luego "Blank File". Especifique las dimensiones de 200 píxeles por 100 píxeles a 72 dpi y establecer el fondo como transparente. Haga clic en "Aceptar".

 

Elige un color brillante de la paleta de colores.

 

Dibuje el botón con el "Rectángulo" o la herramienta "Círculo" 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ú del panel Capas y seleccione "degradado".

 

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

 

Agregar texto con la herramienta "Texto". Un tipo de paleta se abrirá. Seleccione 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.

 

Consejos y advertencias

Utilice una fuente de texto que es fácil de leer de un vistazo. El botón imágenes serán pequeños y desea que el espectador sea capaz de leer el botón, incluso en una pequeña pantalla.

 

Muchos gratuitos imágenes están disponibles para su descarga si no desea crear su propio botón de la imagen.

 

No haga que el relleno de imagen muy grande o que tomará mucho tiempo para cargar en una pantalla de ordenador.

 

 

No hay comentarios:

Publicar un comentario