Tecnología

Inicio

Tutorial Photoshop CS3 Banner

Tutorial Photoshop CS3 Banner


Banderas del Web site se utilizan tanto como cabeceras para un sitio para que el visitante sepa quién eres y lo que haces y como anuncios en los sitios de otras personas para promover sus productos o atraer a gente a su sitio. Las banderas más impresionantes y llamativas a menudo incluyen algún tipo de animación, tales como el desplazamiento de texto. Se podría pensar que el diseño de un banner de calidad como este es un trabajo para un artista gráfico profesional, pero si tiene acceso a Photoshop CS3 puede producir una bandera verdaderamente impresionante ti mismo.

Preparación

Boceto en papel sus ideas para que la bandera antes de empezar a trabajar en Photoshop, ya que tener una idea de su diseño enfocado primera ahorrará tiempo. Decida lo que quiere decir que su banner, así como qué estilo de fuente, el color y el tamaño que desea utilizar para el texto. Cargar cualquier imagen - gráficos o fotografías - es posible que desee agregar a su bandera en su ordenador, ya sea mediante la transferencia de los archivos de una fuente digital o mediante el escaneo de ellos. Salvarlos a todos en la misma carpeta.

Creación de la Bandera

Ahora que el estandarte real. Comience abriendo Photoshop. Seleccione "Archivo" y luego en "Nuevo". En el nuevo cuadro de diálogo que se abre el documento, el enchufe en la anchura y la altura en píxeles para su página web bandera. Un tamaño de uso habitual para las banderas de cabecera es 468 por 60 píxeles. Este tamaño también funciona si va a crear un anuncio de la bandera. O es posible que desee hacer un banner vertical al 120 por 600. Hacer que la resolución 72 y haga clic en "Aceptar".

Haga clic en el color "primer plano" en la parte inferior de la barra de herramientas y cambiar el color a lo que usted desea para el fondo de su bandera. O, si lo prefiere, puede seleccionar la función "degradado" y aplicar un gradiente a la lona.

Seleccione "Archivo" y haga clic en "abierto". En el cuadro de diálogo que se abre, busque una de las imágenes que ha cargado anteriormente y abrirlo. Seleccione "Editar" y luego "Copiar". Ahora vaya al documento de la bandera, seleccione "Editar" y haga clic en "Pegar". Seleccione "Editar" y luego "Transform" y haga clic en "Escala". Cambiar el tamaño de la imagen de lo que quiere para el bandera. A continuación, utilice la herramienta "Mover" para colocarlo donde quieras.

Cómo poner el texto animado

Para hacer un banner animado de su diseño de seleccionar la herramienta "Texto" y establece las opciones de fuente para lo que eligió anteriormente. Ahora escribe en su text.Select "Windows" y haga clic en "Animación". En la línea de tiempo que aparece en la parte inferior, haga clic en el botón "Duplicar Frame". Seleccione el primer fotograma y dibujar el texto hacia abajo fuera de la vista. A continuación, seleccione la segunda capa y arrastre el texto hacia arriba fuera de la vista. Establecer la "Duración de la parte inferior de los dos marcos de .1 segundos. Haga clic en el icono de "interpolación" y en el diálogo de crear 54 cuadros entre los dos. Haga clic en "Aceptar". Haga clic en el botón "Reproducir" y verá que su banner ha desplazamiento de texto.

Seleccione "Archivo" y haga clic en "Guardar para Web o dispositivos." En el cuadro de diálogo, seleccione "GIF" como tipo de archivo y haga clic en "Guardar". El nombre de su archivo y haga clic en "Guardar".