Los banners son pequeñas representaciones animadas (la mayoría de las veces) en las cuales se muestra información referente a una compañía. En el siguiente tutorial de Photoshop se enseñan los pasos para hacer un micro banner web de manera muy sencilla. Ahora os daréis cuenta de cuantas páginas webs utilizan este tipo de cosas. El resultado final es el que ves a continuación. Pincha en Leer más para ver como se hace.

1.- ¿Que es un micro banner web? Es un diminuto anuncio en el que puedes representar a tu compañía o página web o cualquier cosa que tu necesites. Vamos a hacer un micro Banner Web con las siguientes dimensiones:

2.- Selecciona la herramienta bote de pintura y elige un color. Rellena el banner con ese color.

3.- Escribe un mensaje en él.

4.- Ahora vamos al programa Image Ready, pulsar en el botón situado en la parte inferior de la barra de botones de Photoshop.

5.- Coloca el tiempo a 5 segundos. Tambien rasterizar la capa. Capa > Rasterizar > Capa. Si la capa está bloqueda pinchar dos veces en la paleta de capas sobre el nombre de la capa y pulsar en OK a la ventana que aparece.

6.- Click en duplicar actual fotograma.

7.- Ocultar el texto actual. En la nueva capa escribir otro mensaje.

8.- En el tercer fotograma activar una nueva capa y colócala encima de la actual. Rellénala con un nuevo color. Debemos ocultar todos los fotogramas anteriores en este para que sólo se vea el nuevo fotograma. Cada fotograma debe tener su estilo propio y tenemos que fijarnos que no se vean otros fotogramas o otros textos, cada uno tiene entidad propia, es como una película.

9.- Crear un nuevo fotograma. Crear un rectángulo y rellenarlo usando un estilo de la paleta de estilos.

10.- Escribimos tambien un texto y ya hemos acabado.

11.- Ir al primer fotograma y pulsar en la opción Optimizar. Ahora vamos a Archivo > Guardar optimizado como y darle un nombre al gif que acabamos de crear. Trabajamos con imágenes gif porque las gifs permite trabajar por capas, permiten animaciones, no asi las imágenes jpg.

12.- Aqui está el anuncio final.

OTRO EJEMPLO:

Artículos Relacionados:

• 
  Rascacielos en 3D en Photoshop

  Vamos a crear una representación en 3D de una ciudad a vista de pájaro. El efecto es m 2007-09-28

• 
  Nubes realistas con Photoshop

  Vamos a realizar unas nubes tan reales... tan blandas que podrás casi oir el sonido del vient 2007-09-28

• 
  Texto en Gradiente

  Vamos a realizar un hermoso estilo de texto usando la herramienta degradado y alguna otra más 2007-09-27

• 
  Amebas mutantes en Photoshop!

  Vamos a crear artificialmente (mediante el programa Photoshop) unos seres vivos. En concreto vamos a 2007-09-27

• 
  Crear una portada para un juego

  Vamos a crear una portada. Vale para hacer portadas de juegos, de páginas webs, de revistas, 2007-09-27

Si te gusta avertigo.com no dudes en añadirlo a tus RSS -->