Tecnología

Inicio

Cómo crear un Banner Cabeza

Lo primero que un visitante ve cuando van a un sitio web es el banner de cabecera o la cabeza en la parte superior de la página. Esta bandera por lo general contiene un logotipo o el nombre de la página web y, a menudo una línea de etiqueta o lema que explica lo que el sitio web se trata. Los colores de la cabecera debe coincidir con el esquema de color de todo el sitio web. Esta es tu oportunidad de utilizar una fuente especial o un efecto especial, como un degradado o una sombra, pero asegúrese de crear una bandera que es fácil de leer.

Instrucciones

uso iBannerMaker

1 Ir a la página web de iBannerMaker (ver Recursos). Seleccione "Tamaño personalizado" de la ficha "Diseño". Introduzca la anchura y la altura de su bandera en píxeles en los campos respectivos de la pequeña caja que aparece. A continuación, seleccione las opciones para el fondo de la bandera. Sus opciones son o bien un gradiente de color o una imagen cargada desde el ordenador. Para el gradiente, seleccione uno de los seis patrones y dos colores, el más ligero y más oscuro, que puede seleccionar usando los dos menús de selector de color. Si desea cargar la imagen, haga clic en la casilla junto a la opción "Subir mi propia imagen", haga clic en el botón "Seleccionar archivo", busque el archivo en su ordenador y haga clic en el botón "Subir". Haga clic en el botón redondo con las flechas que dice "Ctrl-X" para volver a cargar la vista previa de la bandera en cualquier momento para ver que es lo que parece.

2 Seleccione la pestaña "Texto". Puede escribir en tres líneas de texto separadas, una de las cuales ya está ahí en forma de texto por defecto, "Hola". Escriba el texto en los campos de la parte superior de la ficha, a continuación, establezca las siguientes opciones para cada color, tipo de letra, tamaño, rotación, color de la sombra y la sombra distancia. Además, utilice los controles deslizantes a la izquierda y abajo para ajustar la posición de cada bloque de texto vertical y horizontalmente dentro del banner. Haga clic en el botón "Actualizar" para ver los resultados. Ajuste según sea necesario hasta que esté satisfecho.

3 Haga clic en la pestaña "Frontera". Cambiar el color del borde con el selector de color y el tamaño del borde con el control deslizante.

4 Haga clic en la pestaña "Efectos". Puede elegir un efecto, como negativo, escala de grises, brillo, contraste, Borde, falta de definición, Relieve, Esbozo o sepia. Puede optar por aplicar cada efecto para el fondo solamente haciendo clic en la casilla junto a "Aceptar sólo el fondo" o también puede elegir "Sin efecto", si se desea.

5 Haga clic en la pestaña "Guardar". Elegir un "enlace directo imagen Bandera", "código HTML de las páginas web", "banner Myspace", "MySpace mástil de la bandera" o "MySpace extendió la bandera de la red". Haga clic en la opción "Guardar y obtener los códigos de" botón y, a continuación, copiar el código que aparece en el cuadro de abajo para su sitio web.

uso PhotoShop

6 Ejecutar Photoshop o cualquier otro software de edición de imágenes y crear una "nueva imagen". Establecer la anchura y la altura de la pancarta en píxeles y establecer la resolución de 72 píxeles. Establecer las opciones del color en RGB.

7 Utilice el "Cubo de pintura" o la "herramienta Relleno" para rellenar el fondo con un color sólido, un degradado o un patrón de su elección.

8 Añadir una nueva capa con la paleta de "Capas" o el menú "Capas". Añadir una imagen o fotografía, si se desea. Dado que la imagen está en una capa separada del fondo, puede moverlo hasta que es donde lo desee. También puede arrastrar el "opacidad" de la capa de la imagen para hacerla mezcla en el fondo, o puede cambiar los ajustes de "mezcla" de la capa.

9 Añadir otra nueva capa. Seleccione la herramienta "Texto" y escriba el texto que desee. Establecer la fuente y su color y tamaño usando las opciones de la paleta tipo. Añadir una gota de sombra mediante el efecto de sombra, si se desea. Repita este paso de nuevo con diferentes ajustes de texto y diferentes si usted quiere que su banner para tener más de una línea de texto.

10 Guarda la imagen en el formato de archivo nativo de su software de edición de imágenes. Esto le permite volver atrás y hacer cambios, debido a que las capas siguen siendo accesibles. A continuación, "Guardar como" o "Exportar" el archivo como un archivo JPEG o PNG para ser utilizado en el sitio web.