Jump to content

Ayuda - Tutoriales photoshop


James Rutland

Publicaciones recomendadas

SIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII mis primeros y sencillos gifs con ImageReady, y de paso os cuento como los hice gracias al magnifico tutorial de Zetabox en los foros de www.photoshop-desings.com para:

 

Textos Animados estilo Matrix Photoshop

 

Antes de empezar aseguraros de tener los colores por defecto en la paleta, para ello apretamos d (negro en primer plano, blanco en segundo), aprentando la x cambian y pasa el blanco a primer plano.

 

Creamos un documento nuevo del tamaño que querais (yo lo hice al máximo permitido en este foro para firmas) con el fondo en blanco (herramienta bote de pintura) y después damos a la tecla d. Si no lo hacemos a la hora de trabajar con los colores nos saldrian en el trabajo final sus complementarios y no los que elegimos (si dame, ya lo descubri, era esta tonteria jaja).

 

paso1matrixfe7.th.gif

 

asi tiene que estar

 

Vamos a Filtro >textura> granulado

paso2matrixiz3.th.gif

y le damos estos valores (ojo, siempre orientativos, podeis jugar con ellos y ver como os gusta más)

Intensidad: 94, Contraste: 96 Tipo: Vertical, y ok.

 

3º Vamos a Filtro> Aristitico> resplandor de Neón

paso3matrixnv1.th.gif

y le damos estos valores: Tamaño 7, Brillo 20, Color, verde (podeis elegir el color que querais, como veis yo lo hice con varios colores)

4º Vamos a Filtro> Estilizar> Bordes resplandecientes

paso4matrixzz7.th.gif

y yo di estos valores: Anchura 1, Brillo 7, Suavizado 1

 

Ya esta realizado el fondo, ahora duplicamos la capa: Control J y pasamos al Image Ready, ya os indico en la anterior captura el boton que tendreis que apretar en la barra de herramientas para pasar nuestras dos capas a Image Ready (señalado en rosa).

nos encontramos con esto:

paso5matrixirpw2.th.gif

donde vemos las dos capas señaladas en las ventana de capas, la ventana de animación y las imagenes realizadas en photoshop, lo primero, tener la capa 1 seleccionada (NO LA COPIA) y clikamos dos veces sobre ella, para asegurarnos de que se convierte en capa, tendra que salir una ventanita, ok y listo.

 

bien.. en la ventana de animacion damos un valor de 0.1sg de retardo, y duplicamos la ventana de animacion con el boton indicado en azul

paso6matrixda7.th.gif

luego vamos a las capas y movemos una de la mitad hacia arriba y la otra de la mitad hacia abajo, como se puede ver en la captura.

una vez movidas las capas, damos al boton marcado en rosa Que sirve para intercalar cuadros de animación, y ponemos entre 3 y 5, en algunos de los gifs que yo hice puse seis y se ven un poco mal.

nos fijamos que la reproduccion sea infinita (si solo esta marcada una vez, clikando encima cambiamos) y ya esta, mandamos guardar en

Archivo> guardar optimizada (control Alt S) y listo ya tenemos nuestro .gif animado

post-605-1174414117_thumb.jpgpost-605-1174414093_thumb.jpgpost-605-1174414071_thumb.jpg

Enlace al comentario
Compartir en otros sitios web

Muy bien Vi, muy sencillo (cuando le pillas el truquillo) y da un efecto muy bonito, yo lo he echo horizontal y me quedó asi:

 

matrixhorizontal.gif

 

Para los que les haya pasado como a mí, que no nos salía el recuadrito de animar, sólo tenéis que activar Animación, en la siguiente captura sale donde se encuentra.

 

Dibujo.JPG

Enlace al comentario
Compartir en otros sitios web

  • 2 weeks later...

holas holasssssss!

Vuelvo a las andadas, esta vez ya se hacer animaciones mucho mejor, y creo que (puesto que los links de la anterior se han "roto") es momento de hacer un curso de animación un poko más avanzado ^^

 

Como hacer un gif de un video

 

Empecemos!

 

Que se necesita?

  • · Un video, cualquiera nos vale
    · Un reproductor que permita hacer capturas, yo utilizo BSplayer, es comodo y con solo apretar una tecla te hace la captura y la guarda en la carpeta que tu desees
    · Un programa de diseño, ya sea photoshop, psp,...
    · Un programa de animación, imagen ready nos vale

Como hacer la animación

 

Primero de todo, selecionamos en el video los segundos que nos gustaria tener como captura. Tras haberlos selecionado, pasamos a ha hacer las capturas, es decir: de un video de 3 minutos de duración has selecionado tu parte preferida que es el 1.20 hasta el 1.30, pues vas a ese minuto y haces capturas como un loco ^^ De forma que los frames seran más o menos dos o tres por cada segundo...

 

He aqui mi ejemplo: video Fairyland, escojo los minutos del video, es decir mi parte preferida, y hago capturas:

 

dibujofl7.th.jpg

 

Ahora es cuestion de abrir photoshop, y ir abriendo una a una las capturas....

 

dibujopj5.th.jpg

 

Cuando las tengamos todas abiertas, escogemos la primera y por orden (muy importante), vamos arrastrando las demás.

Recordar que han de quedar encajadas, es decir, si la foto es un rectangulo, respetarlo, no que se salga un poco por aquí y otro por allá :)

Ahora tendrias que tener algo asi

 

CAPA 1 (encima de esta capa... capa 2, capa3, capa4, capa5,...)

 

Cuando ya las tengamos todas juntitas hay que enlazarlas o "encadenarlas". Esto servirá para que cuando movamos una de esas capas todas las demás se muevan con ella, así podremos cambiarle el tamaño o incluso moverla.

 

dibujobz9.th.jpg

 

Ahora cogeremos la animación (o mejor dicho, la futura animación) y la reduciremos de tamaño, selecionando uno de los extremos con la herramienta de la flecha y reduciendo su tamaño ;)

 

dibujota7.th.jpg

 

Ahora llega el momento de usar Imagen ready, bastara con apretar el botón de imagen ready en la barra de herramientas de photoshop para que nuestro trabajito pase allí

 

dibujovh5.jpg

 

Ya estamos en imagen ready! ^^ Primero de todo tendremos que hacer unos cuantos apaños para poder hacer la animación

En el menú buscar VENTANA> ANIMACIÓN y os aparecera una nueva ventanita debajo, que será la que nos permitirá hacer la animación ^^

 

dibujofq2.th.jpg

 

Aquí como funcionan las herramientas de la nueva ventanita

 

dibujodr2.jpg

 

Empecemos,...

Recordad que hemos estado poniendo capa por capa (el royazo de poner capa por capa Z_Z) pues bien, ahora toca ir haciendo por cada capa un nuevo frame...

 

dibujoya3.th.jpg

 

Ahora todo es cuestión de que al acabar, pongamos un tiempo y visualicemos nuestra creación ^^

 

dibujoyt1.th.jpg

 

Ya estas?? Muy bien es hora de guardarla ^^!!!!!!!!

 

dibujope4.th.jpg

 

Espero que se haya entendido todo bien, si no si teneis dudas solo habeis de pregunatrmelo por aqui o por mp ^^

 

Ah! aquí mi animación ^^ A parte de mirarla y dices uy que bonita... no solo esta para eso ;)! Se pueden poner en firmas, avatars, wallpas, blends,... Son bastante kukas ^^

 

fairylandic1.gif

 

 

 

Arigatou gozaimasuuuu :blush: (o lo que es lo mismo MUCHAS GRACIAS!!)

Enlace al comentario
Compartir en otros sitios web

Invitado Mâr¢ê£â

Soy seca Neims :blush: esta bkn la animacion lo voy a poner en practica uuuu y ese efecto de matrix tbn muy bueno gracias Vi se pasaron :)

Manos a la obra!!! ;)

Enlace al comentario
Compartir en otros sitios web

Soy seca Neims :blush: esta bkn la animacion lo voy a poner en practica uuuu y ese efecto de matrix tbn muy bueno gracias Vi se pasaron :)

Manos a la obra!!! ;)

jejeje, Neimssss, hoy a la tarde me pongo y cuelgo resultados, si aparecen dudas, que las habrá, ya te pregunto

Enlace al comentario
Compartir en otros sitios web

Si, es cierto, pero has de bajarte un programa segun me dijeron... Y las animaciones pesan más (tb me comentaron)

sip,ese programa lo estoy buscando y no lo encuentro,antes lo tenia instalado sin saber

y si las animacione spesan mas porque tienen mas cuadros,pero se pueden eliminar algunos para que pese menos :hello:

Enlace al comentario
Compartir en otros sitios web

  • 2 weeks later...
  • 3 weeks later...

Crear una cuenta o conéctate para comentar

Tienes que ser miembro para dejar un comentario

Crear una cuenta

Regístrese para obtener una cuenta nueva en nuestra comunidad. ¡Es fácil!

Registrar una nueva cuenta

Conectar

¿Ya tienes una cuenta? Conéctate aquí.

Conectar ahora
×
×
  • Crear nuevo...