2. Animar con photoshop: shortcuts, onion skin, eliminar y añadir frames

Dani Gómez
13 Nov 201805:20

Summary

TLDREn este tutorial de Photoshop, aprenderás cómo animar utilizando la línea de tiempo. A diferencia de otros programas, Photoshop no tiene atajos dedicados para avanzar o retroceder frames, por lo que se enseñará a crear estos atajos. Además, se explicará el uso de la opción Onion Skin, que permite ver los frames anteriores y posteriores para facilitar la animación. También se abordarán herramientas para insertar, borrar y duplicar frames, permitiendo gestionar el tiempo de tus animaciones de manera eficiente.

Takeaways

  • 🔧 Photoshop no tiene atajos dedicados para avanzar o retroceder frames en la línea de tiempo.
  • 🎹 Es necesario crear atajos de teclado personalizados para facilitar la animación.
  • 🖱️ Para crear atajos, ir a 'Edit' > 'Keyboard Shortcuts'.
  • ➡️ Asignar 'Control+Right Arrow' para avanzar al siguiente frame y 'Control+Left Arrow' para retroceder.
  • 👀 La opción 'Onion Skin' permite ver frames anteriores y posteriores con menor opacidad.
  • 🔧 'Onion Skin' se puede habilitar y ajustar el número de frames visibles antes y después del actual.
  • 📄 Insertar frames vacíos desde 'Layers' > 'Video Layers' para agregar fotogramas en blanco.
  • 🗑️ Es posible borrar fotogramas seleccionados desde el menú 'Layers'.
  • 📑 Duplicar fotogramas es útil para ampliar el tiempo de las animaciones.
  • 📽️ Este tutorial cubre las opciones básicas de gestión de frames en Photoshop.

Q & A

  • ¿Cuál es la principal diferencia de Photoshop respecto a otros programas de animación en términos de control de la línea del tiempo?

    -Photoshop no cuenta con un atajo dedicado para avanzar o retroceder la línea del tiempo o frames.

  • ¿Cómo se pueden crear atajos personalizados en Photoshop para avanzar y retroceder frames?

    -Se deben crear atajos personalizados yendo a 'Edit > Keyboard Shortcuts', buscar 'Timeline > Video' y asignar teclas para 'Next Frame' y 'Previous Frame'.

  • ¿Qué atajos se sugieren en el tutorial para avanzar y retroceder frames?

    -Para avanzar frames se sugiere usar 'Control + Ç' y para retroceder frames la tecla a la izquierda de esta.

  • ¿Qué es 'Onion Skin' en Photoshop y cómo se utiliza?

    -'Onion Skin' es una opción que permite ver los frames anteriores y posteriores al actual con menor opacidad, facilitando la animación.

  • ¿Cómo se habilita la función 'Onion Skin' en Photoshop?

    -Se habilita desde el menú de la línea del tiempo y permite configurar la cantidad de frames visibles antes y después del frame actual.

  • ¿Qué opciones se pueden modificar en la función 'Onion Skin'?

    -Se puede decidir cuántos frames se ven antes y después del actual, y también si se quieren ver todos o saltar algunos.

  • ¿Cómo se inserta un frame vacío en la línea del tiempo de Photoshop?

    -Se inserta un frame vacío desde 'Layers > Video Layers > New Blank Video Layer', y se coloca justo después del frame en el que estemos.

  • ¿Qué se debe hacer para eliminar un frame en Photoshop?

    -Se debe seleccionar el frame que se quiere eliminar, ir a 'Layers > Video Layers > Delete Frame'.

  • ¿Cómo se puede duplicar un frame en Photoshop?

    -Se selecciona el frame que se desea duplicar y se usa la opción de duplicar en el menú 'Layers'.

  • ¿Cuál es el objetivo de este tutorial de Photoshop?

    -El objetivo es enseñar a animar en Photoshop utilizando la línea del tiempo y otras herramientas básicas como 'Onion Skin' y la gestión de frames.

Outlines

00:00

✨ Tutorial de Animación en Photoshop: Introducción y Configuración

Este tutorial enseña cómo animar en Photoshop utilizando la línea de tiempo. A diferencia de otros programas, Photoshop no tiene atajos dedicados para avanzar o retroceder en la línea de tiempo, por lo que es necesario crear uno propio. Se explica cómo configurar atajos de teclado personalizados para avanzar y retroceder frames y cómo utilizar la herramienta de 'onion skin' para ver frames anteriores y posteriores. También se muestra cómo insertar, borrar y duplicar fotogramas para gestionar la animación de manera más eficiente.

05:00

🔄 Conclusión del Tutorial y Próximos Pasos

Este párrafo concluye el pequeño tutorial sobre animación en Photoshop. Se mencionan las opciones más sencillas para gestionar los frames, como insertar frames vacíos, borrar fotogramas y duplicarlos. Finaliza indicando que se explorarán nuevas opciones en el próximo tutorial.

Mindmap

Keywords

💡timeline

La 'timeline' en Photoshop se refiere a la línea del tiempo que se utiliza para organizar y gestionar las secuencias de fotogramas en una animación. En el video, se menciona la necesidad de crear atajos de teclado para avanzar y retroceder en la timeline, lo que facilita la animación.

💡short cuts

Los 'short cuts' o atajos de teclado son combinaciones de teclas que permiten realizar acciones rápidamente. En el contexto del video, se destaca la importancia de configurar atajos para avanzar y retroceder frames en la línea de tiempo de Photoshop.

💡onion skin

El 'onion skin' es una técnica en la animación que permite ver varios fotogramas a la vez, con opacidades variables, para facilitar la creación de transiciones suaves entre frames. El video explica cómo activar y configurar esta opción en Photoshop para mejorar el flujo de trabajo de animación.

💡frames

Los 'frames' o fotogramas son las imágenes individuales que, al ser reproducidas en secuencia, crean una animación. El video muestra cómo insertar, borrar y duplicar fotogramas en la línea de tiempo de Photoshop para construir una animación.

💡edit keyboard short cuts

'Edit keyboard short cuts' es la opción en Photoshop que permite personalizar los atajos de teclado. El video instruye sobre cómo utilizar esta función para asignar teclas específicas que faciliten el avance y retroceso de fotogramas en la animación.

💡layers

Las 'layers' o capas son elementos fundamentales en Photoshop que permiten organizar diferentes elementos visuales en niveles separados. En el video, se explica cómo utilizar las capas para insertar y gestionar fotogramas en una animación.

💡insertar un frame vacío

Insertar un frame vacío implica añadir un fotograma sin contenido en la línea de tiempo. Esta función es útil para crear pausas o transiciones en la animación. El video demuestra cómo insertar estos fotogramas y su impacto en la secuencia animada.

💡duplicar un fotograma

Duplicar un fotograma significa crear una copia exacta de un fotograma existente. Esto puede ser útil para extender la duración de una imagen en la animación. El video muestra cómo duplicar fotogramas para ajustar la temporalidad de la animación.

💡fotograma anterior y posterior

Ver el 'fotograma anterior y posterior' se refiere a la capacidad de visualizar los fotogramas adyacentes al fotograma actual en la línea de tiempo. Esta técnica, facilitada por el onion skin, ayuda a los animadores a crear transiciones más suaves. El video explica cómo ajustar esta visualización en Photoshop.

💡gestionar los frames

Gestionar los frames implica organizar, modificar y manipular los fotogramas dentro de la línea de tiempo. El video abarca diversas herramientas y técnicas para gestionar los frames en Photoshop, incluyendo la inserción, duplicación y eliminación de fotogramas.

Highlights

Bienvenida al tutorial sobre cómo animar en Photoshop.

Photoshop no cuenta con un shortcut dedicado a avanzar o retroceder la línea del tiempo.

Crear shortcuts personalizados para next frame y previous frame.

Configurar control y la tecla a la izquierda para avanzar y retroceder frames.

Cómo avanzar y retroceder fácilmente por la timeline usando los nuevos shortcuts.

Introducción al onion skin, una opción similar al papel cebolla en animación.

Habilitar el onion skin para ver frames anteriores y posteriores con menor opacidad.

Modificar la cantidad de frames visibles antes y después del frame actual.

Decidir si ver todos los frames o saltarse algunos.

Insertar un frame vacío en la posición deseada en la timeline.

Borrar un fotograma específico de la timeline.

Duplicar un fotograma para extender la duración de ciertas animaciones.

Gestionar los frames en la animación utilizando las herramientas en el menú Layers.

El tutorial abarca desde la creación de shortcuts hasta la gestión de frames en la timeline.

Anuncio de nuevas opciones y herramientas en próximos tutoriales.

Transcripts

play00:01

hola y bienvenidos a este pequeño

play00:02

tutorial sobre cómo animar en photoshop

play00:05

en esta ocasión vamos a ver algunas de

play00:08

las opciones que nos ofrece el timeline

play00:11

de photoshop en primer lugar hay que

play00:14

decir que a diferencia de otros

play00:16

programas de animación o de edición de

play00:17

vídeo photoshop no cuenta con un short

play00:20

cut ha dedicado a avanzar o retroceder

play00:24

la línea del tiempo avanzar o retroceder

play00:27

frames por lo tanto si queremos animar

play00:30

el photoshop con cierta soltura lo

play00:33

primero que vamos a tener que hacer es

play00:35

crear uno para ello vamos a edit

play00:39

keyboard short cuts

play00:42

para el menos

play00:44

bajamos hasta timeline vídeo

play00:48

y elegimos

play00:51

1 para next frame y preview spain es

play00:55

bastante difícil de encontrar en

play00:57

photoshop

play00:59

short cuts que no se hayan utilizado ya

play01:02

por eso voy a utilizar para next frame

play01:07

control y sé trancada y para previos

play01:13

frame la tecla que está justo a su

play01:17

izquierda

play01:18

acepto

play01:21

ok y ahora vamos a ver como haciendo

play01:25

uso de estas teclas puedo avanzar y

play01:28

retroceder fácilmente por la timeline

play01:31

otra de las cuestiones

play01:35

y son interesantes es el tema de la

play01:40

unión es kim jon jones kim es aquella

play01:43

opción que nos permite es como el papel

play01:45

cebolla que nos permite ver

play01:47

que tenemos en los frames anteriores y

play01:49

posteriores entonces lo primero que

play01:51

vamos a hacer es habilitar la y

play01:56

vamos a vamos a hacer una pequeña

play01:59

animación una cosa muy sencilla

play02:12

fijaos como a medida que avanzo

play02:17

puedo ver el fotograma anterior

play02:23

bien daniel después del 55

play02:32

y está hasta aquí fijaos

play02:38

el onion skin me permite ver a con menos

play02:42

opacidad el frame anterior y el frame

play02:45

posterior de aquel frame en el que estoy

play02:50

esto se puede modificar yo puedo oops

play02:55

en este menú

play03:00

puedo decidir cuántos frames quiero que

play03:02

se vean antes

play03:05

ahora estoy viendo 3 frames anteriores y

play03:10

cuantos quiero que se vean después

play03:15

también puedo decidir si quiero verlos

play03:18

todos o saltarme alguno de ellos

play03:24

ahora me estaría saltando el 3 y me

play03:28

estaría saltando el 5

play03:32

para lo que necesitamos ahora

play03:36

lo ideal va a ser poner 1

play03:39

otro por aquí

play03:42

bien a continuación vamos a ver a

play03:46

algunas de las opciones más sencillas a

play03:50

la hora de gestionar los frames

play03:54

estas herramientas están en leyes

play03:58

nvidia layers y aquí podemos a insertar

play04:03

un frame vacío que se va a insertar

play04:05

justo después del frame en el que

play04:08

estemos siguió inserto en freno ácido

play04:10

aquí

play04:12

podemos ver como después del 3 hay uno

play04:16

que está vacío no tienen nada

play04:18

y después el 4

play04:22

también puedo borrar un fotograma yo

play04:25

ahora mismo estoy situado

play04:28

el fotograma número 4

play04:31

voy a leer libia léger

play04:37

y ahora ya no hay 4

play04:41

también puedo duplicar un fotograma

play04:45

es un procedimiento

play04:49

ahora tendremos

play04:51

dos veces el fotograma número cinco

play04:56

etcétera

play04:58

con esto

play05:00

podemos ampliar y reducir el tiempo de

play05:05

nuestras animaciones hasta aquí este

play05:08

pequeño tutorial veremos nuevas opciones

play05:09

en el siguiente

Rate This

5.0 / 5 (0 votes)

Related Tags
Photoshopanimacióntutorialtimelineonion skinframesshortcutsvideo edicióndibujofotogramas
Do you need a summary in English?