Símbolos y escenas parte 1 BRN

JUAN ALBERTO QUINONEZ JASSO
22 Nov 202114:30

Summary

TLDREn este vídeo tutorial, se enseña a crear símbolos en Adobe Animate, que son objetos con características únicas y pueden incluir movimiento. Se explican tres tipos de símbolos: gráficos, que dependen de la cronología del documento; movie clips, con su propia línea del tiempo; y botones, con cuatro estados de interacción. El vídeo muestra paso a paso cómo crear un símbolo gráfico de una vela con llama, incluyendo el dibujo de un pastel, las velas y la llama animada. Se detallan las técnicas para animar la llama con la herramienta de formación de activos y cómo sincronizar el movimiento del símbolo con la línea del tiempo de la película.

Takeaways

  • 😀 El vídeo enseña a crear símbolos en Adobe Animate, que son objetos con características únicas y pueden tener movimiento.
  • 🎨 Existen tres tipos de símbolos: gráficos, que dependen de la cronología del documento; movie clips, que tienen su propia línea de tiempo; y botones, que reaccionan a eventos del mouse.
  • 🖼️ Se crea un símbolo para representar un pastel, incluyendo un fondo, una mesa y el pastel en sí.
  • 🔵 Se utiliza la herramienta rectángulo para dibujar el plato y el pastel, y se ajustan propiedades como el grosor del borde y el color de relleno.
  • 🕯️ Las velas se dibujan sin trazo y con un relleno negro, y se utilizan copias para formar el conjunto de velas.
  • 🔥 Se crea un símbolo para la llama de las velas, utilizando la herramienta de selección y la transformación para ajustar tamaño y color.
  • 🔧 Se agrupan los objetos de la llama y se convierte en un símbolo gráfico para poder animarlo.
  • 🎥 Se utiliza la herramienta de formación de activos para dar movimiento al símbolo de la llama, colocando puntos de movimiento y creando fotogramas clave.
  • ⏱️ El movimiento del símbolo gráfico depende de la línea de tiempo de la película; si la película tiene solo un fotograma, el movimiento no se visualizará.
  • 🔀 Se agregan fotogramas clave a las capas para que el movimiento del símbolo se muestre en la película completa.

Q & A

  • ¿Qué son los símbolos en el contexto del video?

    -Los símbolos son objetos que tienen características propias y pueden o no tener movimiento. Existen tres tipos: símbolo gráfico, símbolo de película y símbolo de botón.

  • ¿Qué es un símbolo gráfico y cómo se relaciona con la cronología del documento?

    -Un símbolo gráfico tiene un movimiento que depende de la línea del tiempo del documento, es decir, su movimiento se ve afectado por si el documento tiene o no fotogramas en esa línea temporal.

  • ¿Cuál es la diferencia entre un símbolo de película y un símbolo gráfico?

    -Un símbolo de película tiene su línea del tiempo independiente y puede tener movimiento incluso si la línea del tiempo del documento no tiene fotogramas.

  • ¿Qué son los símbolos de botón y cómo reaccionan?

    -Los símbolos de botón tienen cuatro estados y reaccionan de acuerdo a los movimientos del mouse, como por ejemplo, al pasar el cursor sobre ellos.

  • ¿Cómo se crea un símbolo de brazo en el video?

    -Se crea un símbolo de brazo representando un pastel, dibujando primero el plato, luego el pastel y finalmente las velas. Se crea una capa para la llama y se ocultan las capas del pastel y fondo para trabajar en la llama.

  • ¿Cómo se cambian las propiedades del objeto en el video?

    -Se cambian las propiedades del objeto seleccionando el objeto, y luego ajustando el color de trazo, el color de relleno y el grosor del borde en el panel de propiedades.

  • ¿Qué herramienta se utiliza para dibujar las velas y cómo se configura?

    -Se utiliza la herramienta rectángulo para dibujar las velas, se quita el trazo y se configura el relleno en color negro.

  • ¿Cómo se crea la llama del pastel y qué herramienta se usa?

    -La llama se crea utilizando la herramienta óvalo, se cambian las características de relleno a color rojo y se distorsionan para representar la llama.

  • ¿Qué significa convertir un objeto en símbolo gráfico y cómo se hace?

    -Convertir un objeto en símbolo gráfico significa darle características propias y movimiento. Se hace seleccionando el objeto y utilizando el menú 'Modificar' > 'Convertir en símbolo' o presionando la tecla F8.

  • ¿Cómo se le da movimiento a un símbolo gráfico en el video?

    -Se le da movimiento a un símbolo gráfico utilizando la herramienta de formación de activos, colocando puntos de movimiento y creando fotogramas clave en la línea del tiempo.

  • ¿Por qué no se ven los movimientos del símbolo gráfico en la película si esta tiene solo un fotograma?

    -Los movimientos del símbolo gráfico no se ven si la película tiene solo un fotograma porque el símbolo gráfico necesita estar relacionado con la línea del tiempo de la animación para mostrar movimiento.

Outlines

00:00

🎨 Creación de Símbolos Gráficos en Animación

En este primer párrafo, se explica cómo crear símbolos en un video, los cuales son objetos con características únicas y pueden tener movimiento o no. Se mencionan tres tipos de símbolos: gráficos, que dependen de la cronología del documento; de clip de película, que tienen su propia línea del tiempo; y de botón, que reaccionan a los movimientos del mouse. Se ilustra con un ejemplo práctico: la creación de un símbolo 'brazo' representado por un pastel. Se describe el proceso de dibujo paso a paso, incluyendo la creación de un fondo con un rectángulo, la adición de un plato y pastel, y finalmente, las velas y la llama. Cada elemento se detalla en cuanto a su dibujo y propiedades, como el grosor del borde y el color de relleno.

05:01

🔥 Animación de la Llama del Pastel

Este segundo párrafo se centra en la creación de la llama del pastel como un símbolo gráfico. Se describe cómo cambiar las propiedades del objeto, como el color de relleno a rojo, y la utilización de la herramienta de selección para transformar y copiar el objeto para crear la apariencia de una llama. Se detallan los pasos para agrupar los objetos y convertirlos en un símbolo gráfico llamado 'llama'. Se explica cómo trabajar dentro del símbolo y aplicar movimientos utilizando la herramienta de formación de activos, colocando puntos de movimiento y creando fotogramas claves en la línea del tiempo para dar vida a la animación.

10:02

🎞 Prueba de Animación y Consideraciones Finales

El tercer párrafo cubre la prueba de la animación y las consideraciones necesarias para visualizar correctamente los movimientos. Se menciona que los símbolos gráficos dependen de la línea del tiempo de la película; sin suficientes fotogramas, el movimiento no se visualizará. Para solucionar esto, se describe cómo agregar fotogramas clave a las capas para extender la duración de la animación. Se detalla cómo ajustar el tamaño del símbolo 'llama' para que se adapte al pastel y cómo colocar los símbolos sobre las velas. Finalmente, se sugiere probar la película con el control de reproducción para verificar el movimiento de los símbolos.

Mindmap

Keywords

💡Símbolos

Los símbolos son objetos con características únicas que pueden o no incluir movimiento. En el video, se menciona tres tipos de símbolos: gráficos, que tienen movimiento dependiendo de la cronología del documento; independientes, que tienen su propia línea de tiempo; y de botón, que reaccionan a los movimientos del mouse. En el guion, se utiliza el ejemplo de un pastel para ilustrar cómo se crean símbolos gráficos.

💡Cronología del documento

La cronología del documento se refiere a la secuencia temporal en la que se presentan los elementos en un documento. En el contexto del video, los símbolos gráficos tienen movimientos que dependen de esta cronología, es decir, su animación se muestra u oculta en función de la línea de tiempo del documento.

💡Símbolo gráfico

Un símbolo gráfico es un tipo de símbolo que tiene movimiento pero que depende de la línea de tiempo del documento. En el video, se crea un símbolo gráfico para representar las llamas de las velas de un pastel, que tendrá movimiento dentro de la animación.

💡Herramienta rectángulo

La herramienta rectángulo es una herramienta de dibujo utilizada en el video para crear formas rectangulares, como el fondo de la pared y la mesa. Se utiliza para establecer el escenario en el que se representará el pastel.

💡Capa

Las capas son una forma de organizar visualmente los elementos de un proyecto. En el video, se crean capas para el fondo, el pastel y las velas, permitiendo manipular y animar cada elemento por separado.

💡Herramienta de formación de activos

La herramienta de formación de activos es utilizada para dar movimiento a los objetos dentro de un símbolo. En el video, se usa para animar las llamas de las velas, permitiendo ajustar la posición y el tamaño de los objetos en diferentes puntos de la línea de tiempo.

💡Fotograma clave

Un fotograma clave es un punto en la línea de tiempo donde se define una posición o acción específica de un objeto. En el video, se crean fotogramas clave para animar las llamas, estableciendo su posición en diferentes momentos de la animación.

💡Movimiento

El movimiento en el contexto del video se refiere a la animación de los objetos dentro de la escena. Se describe cómo se da movimiento a los símbolos gráficos, como las llamas de las velas, utilizando herramientas como la de formación de activos y estableciendo fotogramas clave.

💡Película

La película en el video se refiere a la secuencia final de la animación que se visualiza después de haber creado y animado todos los elementos. Se menciona que para ver el movimiento de los símbolos gráficos, la película debe tener más de un fotograma y los símbolos deben estar relacionados con la línea de tiempo de la animación.

💡Transformación

La transformación es el proceso de modificar las propiedades de un objeto, como su tamaño, posición o color. En el video, se utiliza la transformación para ajustar el tamaño de las copias de la llama y para alinear los objetos dentro de la misma.

Highlights

Aprender a crear símbolos en el vídeo.

Existen tres tipos de símbolos: gráfico, de clip de película y de botón.

Símbolo gráfico está ligado a la cronología del documento.

Clip de película tiene movimiento independiente de la cronología del documento.

Símbolos de botón reaccionan a movimientos del mouse y tienen cuatro estados.

Cómo crear un símbolo brazo para representar un pastel.

Cambio de nombre de capas para organizar el escenario.

Uso de la herramienta rectángulo para simular pared y mesa.

Dibujo del plato y pastel con ajustes de color y grosor de borde.

Eliminación del trazo y color de relleno para dibujar las velas.

Uso de la herramienta de selección para copiar y posicionar las velas.

Creación de la llama con la herramienta óvalo y ajustes de color.

Transformación y agrupación de objetos para formar la llama.

Conversión de objetos en símbolos gráficos con movimiento.

Uso de la herramienta hueso y interpolación de movimiento para animar la llama.

Insertar fotogramas clave para definir movimientos en la línea del tiempo.

Prueba de la animación y ajuste del tamaño del símbolo para encajar en el pastel.

Requerimiento de tiempo en la película para visualizar el movimiento del símbolo gráfico.

Ajuste de fotogramas clave en las capas para sincronizar la visualización.

Finalización de la animación y prueba de la película completa.

Transcripts

play00:01

en este vídeo vamos a aprender a crear

play00:04

símbolos los símbolos son objetos que

play00:08

tienen características propias que

play00:10

pueden o no tener movimiento existen

play00:13

tres tipos de símbolos el símbolo

play00:15

gráfico que está ligado a la cronología

play00:17

del documento donde se encuentra el

play00:20

símbolo es decir tiene un movimiento

play00:22

pero depende de la línea del tiempo del

play00:27

documento si se visualiza o no ese

play00:30

movimiento del clip de película que son

play00:33

independientes a la cronología del

play00:35

documento es decir que tiene su línea

play00:37

del tiempo independiente y tiene un

play00:40

movimiento a pesar de que en la línea

play00:42

del tiempo del documento no existan

play00:45

fotogramas

play00:46

y los símbolos de botón que tienen

play00:49

cuatro estados los cuales reaccionan de

play00:53

acuerdo a los movimientos del mouse

play00:57

lo primero que vamos a ver es cómo crear

play00:59

un símbolo brazo

play01:01

vamos a hacer la representación de un

play01:04

pastel el símbolo son las llamas de las

play01:08

velas las cuales para tener un

play01:10

movimiento en el simple de esta forma

play01:21

en la capa 1 voy a cambiarle de nombre y

play01:24

lo voy a poner fondo

play01:27

porque esta capa va a representar el

play01:29

fondo de mi escenario voy a utilizar la

play01:32

herramienta rectángulo para

play01:37

simular la pared en la parte superior

play01:44

y el escenario en la parte inferior voy

play01:48

a colocar otro rectángulo pero ahora lo

play01:50

voy a poner en color café

play01:53

para simular lo que es una mesa

play01:59

ya tengo el fondo ahora voy a colocar

play02:03

otra capa y en la cual voy a dibujar el

play02:06

pastel

play02:08

de doble clic para cambiarle el nombre

play02:12

a esta capa y en esta voy a dibujar el

play02:15

pastel primero vamos a dibujar el plato

play02:17

donde vamos a colocar el pastel para

play02:20

hacer el plato lo voy a dibujar

play02:23

voy a seleccionar el color de trazo en

play02:26

un color gris y el color de relleno lo

play02:29

voy a hacer en blanco voy a cambiar las

play02:32

propiedades del objeto vamos a ponerle

play02:35

en el trazo número 5 para que tenga un

play02:38

borde más más grueso

play02:42

una vez que ya seleccione las

play02:43

propiedades voy a seleccionar en el

play02:48

escenario el lugar en donde voy a

play02:49

colocar el plato en dónde va a ir mi

play02:52

pastel

play02:54

ahora voy a utilizar la herramienta

play02:56

rectángulo para hacer el pastel voy a

play03:00

cambiar el color del borde por un color

play03:03

más oscuro y el color de el relleno lo

play03:09

voy a poner un color un poquito más

play03:10

claro de manera que voy a dibujar

play03:15

y pastel sobre

play03:18

que el plato que puse en el escenario

play03:27

una vez que ya tengo dibujado mi pastel

play03:31

la herramienta rectángulo

play03:34

voy a dibujar las velas para hacerlo voy

play03:38

a quitarle el trazo

play03:42

y voy a ponerlo de color negro el

play03:45

relleno para dibujar las velas

play03:50

voy a dibujar

play03:52

tantas velas como como quiera para que

play03:56

salgan del mismo tamaño lo que puedo

play03:58

hacer es utilizar

play04:00

las de planta alta

play04:02

la presionó y arrastró el mouse de lado

play04:07

derecho al lado izquierdo de donde las

play04:09

vaya a colocar para ir haciendo copias

play04:15

de las velas que voy a que estoy

play04:17

colocando en mi pastel

play04:20

ya tengo las velas ahora solo faltan a

play04:23

ser el

play04:25

símbolo

play04:28

de la llama que que va a tener

play04:31

movimiento

play04:33

voy a crear otra capa las nuevas capas y

play04:37

voy a ocultar la capa

play04:40

del pastel

play04:43

y la capa

play04:47

del fondo

play04:50

para únicamente tener visible la capa en

play04:53

la que voy a poner la llama

play04:56

del pastel

play04:59

voy a dibujar la llamara para hacerlo

play05:01

voy a utilizar la herramienta óvalo voy

play05:03

a cambiar otra vez las características

play05:05

de relleno el color de relleno de la

play05:09

llama que está va a ser de color rojo

play05:14

voy a dibujar con la herramienta óvalo

play05:18

un óvalo alargado de tal manera que

play05:21

represente lo que es la llama lo puedo

play05:24

distorsionar puedo cambiar los colores

play05:26

del objeto

play05:29

utilizando

play05:32

la herramienta selección y dándole una

play05:35

la transformación al objeto

play05:39

puedo hacer varias varios objetos

play05:43

de varias copias para representar y la

play05:47

llama o puede ser un solo objeto ya

play05:50

depende de la animación que vamos a

play05:52

realizar en este caso voy a hacer tres

play05:55

copias de este objeto pero primero voy a

play05:57

mover con la herramienta

play05:59

transformación libre voy a mover el

play06:01

centro del objeto el centro es el punto

play06:03

blanco que aparece en la en el objeto

play06:06

voy a mover hacia abajo para que todos

play06:09

los objetos se muevan o se copien con el

play06:12

centro en esa posición voy a hacer tres

play06:15

copias de este objeto utilizando los

play06:19

seleccionó con la herramienta de

play06:20

selección utilice la herramienta

play06:25

voy a voy a hacer las tres copias

play06:30

qué necesito para ser mi llama

play06:34

voy a cambiarle de color a cada una de

play06:37

estas de estos objetos

play06:46

y voy a cambiar también el tamaño del

play06:50

objeto voy a utilizar la ventana

play06:53

transformar

play06:55

dónde voy a ponerle

play06:59

el tamaño lo voy a cambiar al 80%

play07:06

el siguiente objeto

play07:08

lo voy a transformar y va a ser al 60%

play07:12

para que quede más pequeño

play07:15

y el último lo voy a transformar

play07:20

al 40%

play07:24

si se fijan

play07:26

porque cambia el punto central del

play07:28

objeto fue para que los tres objetos me

play07:31

quedaran en la parte de abajo en la

play07:33

parte inferior y quedaran en la misma

play07:36

posición con la herramienta selección

play07:39

voy a colocar los objetos

play07:43

dentro del primer objeto que hice

play07:49

para que se forme

play07:52

la llama de longitud

play07:55

una vez que ya tengo los tres objetos lo

play07:57

voy a seleccionar y los voy a agrupar

play08:03

para convertir un objeto a símbolo vamos

play08:06

a crear el símbolo gráfico el símbolo

play08:10

que va a tener características propias y

play08:12

va a tener movimientos para crear el

play08:15

símbolo lo puedo hacer utilizando la

play08:19

[Música]

play08:20

si menú modificar convertir en símbolo o

play08:24

la tecla f 8m va a dar la misma opción

play08:27

en convertir en símbolo le voy a poner

play08:31

le voy a cambiar el nombre del símbolo

play08:34

le voy a poner llama

play08:37

y va a ser un

play08:40

tipo gráfico

play08:44

porque únicamente queremos que tenga

play08:46

movimiento

play08:49

de acuerdo al

play08:52

escenario que tenemos

play08:56

le doy a aceptar

play09:00

para trabajar dentro del símbolo voy a

play09:03

cambiar y voy a dar doble clic sobre el

play09:06

símbolo y me abre

play09:10

la opción de llama que es el símbolo y

play09:14

este símbolo tiene su propia línea del

play09:17

tiempo con la cual puedo hacer el

play09:19

movimiento al objeto

play09:22

el movimiento de los objetos lo podemos

play09:24

hacer con la herramienta hueso con

play09:27

interpolación de movimiento o lo podemos

play09:31

hacer utilizando una herramienta que se

play09:33

llama herramienta de formación

play09:35

de activos

play09:40

pues estoy trabajando dentro de la llama

play09:42

voy a utilizar la herramienta de

play09:46

formación de activos y voy a colocarlo

play09:49

sobre lo que es el símbolo y una vez que

play09:53

lo coloco me va a aparecer una malla con

play09:55

la cual voy a poderle dar movimiento al

play09:58

objeto

play10:01

voy a colocar puntos de movimiento del

play10:05

objeto cuántos puntos voy a colocar todo

play10:07

depende del objeto que voy a mover en

play10:10

este caso únicamente voy a colocar

play10:13

3

play10:15

tres puntos

play10:16

para darle movimiento al objeto si

play10:20

quisiera tener un movimiento más preciso

play10:22

pues puedo colocar más puntos para

play10:24

poderle dar un mejor movimiento

play10:27

una vez que ya lo tengo en la línea del

play10:29

tiempo de la llama voy a hacer el

play10:33

movimiento en el fotograma 5 voy a

play10:37

colocar el cursor y voy a colocar un

play10:40

fotograma clave que puedo crearlo desde

play10:43

el panel de insertar fotograma con el

play10:46

botón derecho del mouse en insertar

play10:48

fotograma clave o presionando la tecla

play10:52

efe 6 voy a poder crear el fotograma que

play10:56

hago

play10:58

puede insertar un programa clave para

play11:01

darle el primer movimiento en mi objeto

play11:03

utilizando la misma herramienta voy a

play11:06

darle el movimiento que quiero que tenga

play11:09

el objeto

play11:22

me voy al fotograma 10

play11:26

inserta el fotograma clave y voy a darle

play11:28

otro movimiento al objeto

play11:36

y así sucesivamente la cantidad de

play11:38

movimientos que quiera tener en este

play11:40

objeto terminé de hacer el símbolo ya

play11:44

terminé los movimientos voy a probar que

play11:47

se haga el movimiento que quiero en la

play11:49

línea del tiempo del símbolo llama me

play11:53

voy a la escena 1

play11:57

voy a visualizar

play12:00

las otras capas y voy a cambiar el

play12:05

tamaño del símbolo presionando la tecla

play12:08

h

play12:11

para que quede de acuerdo

play12:14

al tamaño

play12:18

del pastel

play12:29

lo coloco

play12:31

sobre

play12:34

las velas y con presionando la tecla

play12:38

la herramienta selección y presionando

play12:40

la tecla alt voy a sacar las copias

play12:45

que requiera para las velas que puse en

play12:48

mi pastel

play12:49

colocados los símbolos de las llamas

play12:52

sobre las velas vamos a probar la

play12:54

película el película únicamente tiene un

play12:56

fotograma voy a probar la película voy a

play13:00

ponerle control inter

play13:02

para probar mi película

play13:05

y qué pasa nada no se mueven los

play13:08

símbolos esto es porque este tipo de

play13:11

símbolo el símbolo gráfico es estar

play13:14

relacionado directamente con lo que es

play13:17

la película si la película nada más

play13:19

tiene un fotograma

play13:21

aunque el símbolo tengamos movimiento no

play13:24

se va a visualizar porque la película

play13:26

nada más cuenta con un fotograma para

play13:29

que podamos ver el movimiento tiene que

play13:31

tener relación lo que es el símbolo

play13:34

gráfico con lo que es la

play13:37

línea del tiempo de la de la animación

play13:41

pues para esto para poder ver el

play13:44

movimiento porque tenemos que dar tiempo

play13:46

a lo que es la película voy a

play13:49

seleccionar el fotograma 30 de las tres

play13:51

capas

play14:05

a las tres las tres capas y voy a

play14:09

colocar

play14:12

fotograma clave

play14:16

para que las tres capas se visualicen

play14:19

todo este tiempo ahora sí voy a probar

play14:23

la película control enter y ahora si se

play14:27

va a visualizar el movimiento del 5

Rate This

5.0 / 5 (0 votes)

Related Tags
AnimaciónAdobe AnimateSímbolos GráficosDibujo DigitalTécnicas de AnimaciónCreador de ContenidoVideo TutorialDiseño GráficoCronología del DocumentoMovimiento Independiente
Do you need a summary in English?