Hoy les queria dejar el tutorial de cómo hacer imágenes gifs (pedido por Belén), que son
las imagenes que se mueven como tengo una en mi blog:
(HAGAN CLICK EN LA IMAGEN "SEGUIR LEYENDO" PARA VER EL TUTORIAL)
1) Bueno lo primero que hacemos es entrar en photoscape
2) Después, editar una foto que queres que forme parte del gif, por
ejemplo yo quiero que se muevan las letras como en esta imagen:
3) Entonces, abrimos paint y modifiquemos el cuadrado blanco que
sería el tamaño del gif que queramos hacer:
(IMAGEN GUÍA)
(Modificamos el tamaño con los cuadraditos que aparecen en el costado)
4) Cuando ya esté listo, abrimos photoscape y abrimos la imagen que vamos
a transformarla en GIF:
(IMAGEN GUÍA)
5) Cuando ya abrimos la imagen que queremos modificar, vamos a "objeto" y
después a la T (texto) y escribimos "Porfavor":
(IMAGEN GUÍA)
6) Después, ponemos "Guardar". Cuando ya lo hicieron, van a la carpeta
"Originals" y van a ver que aparece la misma imagen pero sin editar, osea el
archivo original, entonces hacen clic en esa imagen y la modifican, y repitan
el paso 5 con esa misma imagen. Cuando ya está igual que el paso 5, agregan
abajo la palabra COMENTA:
(IMAGEN GUÍA)
7) Después, ponemos "Guardar", y nos vamos a "GifAni":
8) Cuando ya estemos ahí, arrastramos la primera imagen que editaron, y
después la segunda imagen que editaron, despues ponen guardar y listo!, ya tienen
su imagen gif!.
AVISO: Si en vez de ser que los textos se muevan, también puede ser con imágenes
como las que tengo yo en mi blog, se necesita el mismo procedimiento pero
editando solo las imagenes.
Si tienen alguun problema en entenderle .. no duden en preguntarme oki ^^ saludos!!
Silverstar me funcionan las nubes pero...
ResponderEliminarno se mueven y.
¿Cómo hacen lo de las imagenes que cambian de color al pasar el ratón???????
engelito
P.S:Grax por seguirme y visita y deja un comentario
Hola engel!, Hmm nose, es raro que no te funcionen lo de las nubes, quizás sea por la plantilla que usas, yo te recomiendo que uses la plantilla "Picture Windows" porque es mas facil y casi todas las cosas te funcionan.
EliminarBueno lo de las imagenes:
Pones este codigo arriba de ]]> :
.post-body img{-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px);} .post-body img:hover{filter: none; -webkit-filter: blur(0px);-moz-filter: blur(0px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}
Eso es todo, espero que te funcione! y gracias x tu visita.