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.
a.-Primero
checa que este seleccionada la capa “CAPA1”.
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.
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.SI EN ALGÚN MOMENTO TE EQUIVOCAS Y QUIERES REGRESAR UN PASO, SIMPLEMENTE USA EL METACOMANDO "CONTROL + Z".