How to make gifs using Photoshop CS 5 

How to make gifs using Photoshop CS 5 / Como hacer gifs con Photoshop CS 5

English:

First of all you need to have photoshop CS5 installed on your computer, if you don’t have it you can download a portable version here (it’s not a trial).

I usually download videos with Real player downloader or I record the videos using Autoscreen recorder 3.0.1.

Open photoshop CS 5, then you have to open the video, go to file> Import> video frames to layers.

Select the video you want, it will appear a window with the video

Now we have to select the part of the video we want to gif, click on ‘select range only’ and go to the part of the video you want. Then press the shift key and while you are pressing it click on the little arrow on the right until you finish selecting the part of the video you want.

When you finish selecting the part of the video you want click ‘OK’, the gif will show on your PS.

Go to ‘window’ and press on ‘animation’, to make sure your animation window is visible.

Now I’m gonna reduce my gif cause it’s too big, I’m gonna go to Image>Image size (I reduced it to 300px on the width)

Now my gif looks like this:

But I want to add a colouring on it. Open the psd (colouring) you want and then select all the groups or all the layers of the psd on the layers window. (pressing ctrl while you are clicking on the groups/layers). An then drag them and drop them on the last layer of your gif:

Now my gif looks like this:

If you want to add text click on the ‘T’ on the tools window. Click and drag the text tool wherever you want on your gif, choose the font and the colour of the text you want and write whatever you want. Make sure the text is visible in all the layers (the text layer has to be the last layer)

Now, to save the gif go to File>save for web and devices. A window will open:

click save and name your gif as you want!

note: your gif has to be under 500KB or it won’t move on tumblr.

note 2: ’ Import> video frames to layers’ won’t work on the 64 bits version.

Spanish

Primero teneis que tener photoshop cs5 instalado en vuestro ordenador, si no lo teneis podeis descargarlo aquí (no es una version de prueba)

Normalmente me descargo videos usando real player downloader o si no los grabo directamente de la pantalla usando Autoscreenrecorder 3.0.1

Abrid photoshop CS5, luego teneis que abrir el video, id a Archivo> importar> cuadros de video a capas.

Una ventana se os va a abrir, es el video.

Hacer click en la segunda opción ‘solo el alcance seleccionado’, id a la parte del video de la que quereis hacer el gif, luego hacer click en la pequeña flecha de la derecha mientras presionais la tecla shift en vuestro teclado

cuando hayais terminado darle a ‘OK’. El gif saldrá con todas sus capas en vuesttro espacio de trabajo. Id a ventanas y hacer click en ‘animación’ para que os salga la ventana de los cuadros de la animación:

Ahora he reducido mi gif, porque era muy grande, he ido a imagen>tamaño de imagen (lo he reducido a 300px de ancho)

Mi gif es así:

Pero quiero darle color, así que he abierto un psd (colouring), he seleccionado todos los grupos o todas las capas que tiene el psd (en la ventana de las capas, haciendo click en todas ellas mientras presiono la tecla ctrl), luego he arrastrado todas las capas de psd y las he dejado en la última capa de mi gif:

ahora mi gif es así:

Si quereis ponerle texto lo que teneis que hacer es seleccionar la herramienta de texto, es una ‘T’ en la ventana de las herramientas. Hacer click y arrastrar con la herramienta de texto en la parte del gif en la que quereis poner el texto. Seleccionar la fuente y el color que querais y escribir lo que querais. Hacer que la capa de texto sea la última del gif para que se vea en todas las capas.

Ahora teneis que guardar el gif, id a archivo> guardar para web y dispositivos.

Os saldrá una ventana con la información del gif, incluyendo cuanto ocupa:

Pinchad en guardar y ponerle el nombre que querais a vuestro gif!

Nota: los gifs tienen que tener menos de 500KB o no se moverán en tumblr!

Nota 2: La opción 'importar> cuadros de video a capas' no está disponible en la versión de ps cs5 64 bits.

  1. whitepantsnovel reblogged this from mcflys
  2. dankeps reblogged this from mcflys
  3. maryfer7 reblogged this from mcflys
  4. venus-in-the-sky reblogged this from mcflys
  5. muistinsa reblogged this from mcflys
  6. supermrillest reblogged this from mcflys