GIF ANIMADOS.

A ultimas fechas he visto que en este espacio han usado imágenes gif animadas, pero con todo respeto para quien las ha subido, usa sitios especializados en estas imágenes, pero los cuales limitan el ingenio de quien las hace.

Decidí subir este pequeño tutorial para creación de este tipo de archivos, esperando sea de su agrado, pero sobre todo esperando que sea el percutor que explote todo el ingenio e imaginación de los foristas de este sitio.

Usare Photoshop de Adobe, ya que creo es un programa que reúne las características para este tipo de actividades.

1.-Antes que nada debemos tener en cuenta lo que queremos, debemos hacer un boceto.

2.-Debemos escoger las imágenes que usaremos y ponerlas en un archivo.

3.-Abramos el programa.

4.-Importemos nuestras imágenes. Podemos usar el metacomando “Control + O” para que se abra la ventana de “IMÁGENES” o sigamos estas pasos.

            A.-Demos clic en Archivo.

            B.-Demos clic en Abrir.

C.-De la ventana que se abre (IMÁGENES) escojamos nuestra carpeta y seleccionemos las imágenes. Primero una y luego la otra.

E.-Demos clic en aceptar.

  5.-Trabajemos con la imagen “Carro”.

            A.-Usemos el borrador mágico.

a.-Ponemos el cursor sobre el icono que aparenta ser una goma de borrar y hagamos clic izquierdo hasta que aparezca un sub menú mostrando varios borradores, escogemos el que dice “Borrador mágico”. Se le identifica por una especie de estrella que tiene en la parte superior.

b.-El cursor cambia de forma a un “borrador con una cruz” ponemos el cursor sobre la imagen (NO SOBRE EL TAXI) y damos clic, el fondo debe cambiar a uno de cuadros.

c.-Repetimos el paso “a” pero escogemos el borrador normal, el cursor cambia a un cuadrado, borramos (por método de enseñanza lo hacemos) las letras que están debajo de la llanta, la imagen debe quedar así.

           

B.-Demos clic en “EDICION” del submenú escojamos “Transformar” del siguiente submenú escogemos “Voltear Horizontal” y hacemos clic. Nuestra imagen debe cambiar y quedar así.

C.-Usemos el metacomando “CONTROL + A” para seleccionar la imagen, después el metacomando "CONTROL + C" para copiar la imagen, abramos la imagen “CALLE” usemos el metacomando “CONTROL + V” para pegar la imagen.

6.-Trabajemos en la imagen “CALLE”.

            A.- Para este momento nuestra ventana principal debe estar asi.

            B.-No te preocupes, hagamos lo siguiente.

                        a.-Primero checa que este seleccionada la capa “CAPA1”.

                       b.-Después usamos el metacomando “CONTROL + T” para seleccionar nuestra imagen,                                                  aparecerá un rectángulo.

c.-Usando el cursor sobre las esquinas del rectángulo reducimos de tamaño el carro y lo acomodamos de forma que de la apariencia de quedar sobre la calle.

                 d.-Movemos el carro hacia la derecha, de tal forma que solo se vea la parte delantera del mismo,           ponemos el cursor sobre la flecha y hacemos clic para quitar el rectángulo, aparecerá una ventana preguntado si queremos aplicar la transformación, aceptamos esa pregunta.

7.- Hagamos la animación.

            A.- Teniendo seleccionada la “capa 1” usamos el metacomando “CONTROL + J” cuatro veces para hacer 4 copias de esa capa.

            B.- Seleccionemos la capa “CAPA 1 COPIA” usemos el metacomando “CONTROL + T” para seleccionar la imagen y con ayuda de las flechas de nuestro teclado movamos un poco a la izquierda la imagen del taxi, hagamos clic en la tecla “ENTER” para quitar el rectángulo de la imagen.

            C.- Repitamos la misma acción con el resto de las capas.

            D.- Para este momento debemos tener algo parecido a esto.

E.- Busquemos en la parte superior donde dice “VENTANA”, el cual esta junto a “AYUDA”, hagamos clic ahí, del submenú seleccionemos “ANIMACION”. En la parte inferior debe aparecer una barra, ver la imagen.

F.- Dirijámonos a la parte superior derecha de esa barra, encontramos unas líneas y un triangulo, hagamos clic ahí, del submenú que aparece escojamos “CREAR CUADROS A PARTIR DE CAPAS”, en la barra de animación se deben crear otros cuadros, ver la imagen.

G.- Pongamos atención en lo siguiente.

                        a.-En la barra seleccionemos el cuadro numero dos.

                        b.-En la ventana de capas hagamos clic en el cuadro gris que esta a la izquierda de la capa “FONDO” debe aparecer un ojo. Ver imagen.

c.-Repitamos la misma acción en cada uno de los cuadros, PONIENDO ESPECIAL ATENCION EN LA VENTANA “CAPAS” YA QUE AHÍ SOLO DEBE TENER EL “OJO” LA CAPA “FONDO” Y LA CAPA QUE CONCIDE CON EL CUADRO EN LA BARRA, ES DECIR, EL CUADRO DOS DE LA BARRA ES LA CAPA “CAPA 1”, EL CUADRO TRES DE LA BARRA ES LA CAPA “ CAPA 1 COPIA”, EL CUADRO CUATRO ES LA CAPA “CAPA 1 COPIA 2” ETC.

Entendiendo que cuando seleccionen el cuadro 3 de la barra, solo la capa “FONDO” y la capa “CAPA 1 COPIA” DEBERAN TENER EL OJO, TAL COSA SE APLICA A CADA UNO DE LOS CUADROS Y CAPAS.

VER IMAGEN.

H.- En el cuadro 1 de la barra localicemos en la parte inferior derecha un triangulo, hagamos clic, del submenú que se abre seleccionemos “0,1 SEGUNDOS” hagamos lo mismo con los demás cuadros, menos con el cuadro 6 al que le daremos “5 SEGUNDOS”. VER IMAGEN.

G.- En la parte inferior de la barra encontramos unos controles de reproducción como PLAY, ADELANTAR, ATRASAR, demos clic en play para ver nuestra animación.

8.-Exportando nuestra imagen para internet.

            A.- En ARCHIVO seleccionemos “Guardar para web y dispositivos”.

            B.- Se abrirá una ventana, observemos lo siguiente.

                        a.-Chequemos la siguiente imagen y copiemos los parámetros.

 C.- Demos clic en GUARDAR, pongamos nombre a nuestro archivo.

            D.- En internet busquemos una pagina donde podamos guardar nuestra imagen, ya que BLOGGER no acepta Gif animadas, yo uso http://photobucket.com/ pero cada quien use su favorita, simplemente copiamos la dirección de esa pagina y la pegamos en Blogger.

RESULTADO.

NOTA.

SI EN ALGÚN MOMENTO TE EQUIVOCAS Y QUIERES REGRESAR UN PASO, SIMPLEMENTE USA EL METACOMANDO "CONTROL + Z".

Dejo las imágenes por si quieren practicar.