animacion de graficos práctica1.pdf

18
Instituto Superior Tecnológico Público San Pedro del Valle de Mala GUIA DEL CURSO DE Animación de Gráficos Autor: Miguel Ángel Peña Noya Ejercicio Nivel 2 de Flash CS6: En este ejercicio desarrollaremos línea de tiempo e interpolación. Para ello importaremos 2 imágenes las cuales corresponden a un helicóptero y otra que a un fondo con edificios. Estas imágenes las descargamos de internet y las guardamos en una carpeta que usaremos con posterioridad. Para iniciar este procedimiento debemos crear un nuevo documento para ello damos clic en un el menú archivo /nuevo o con las teclas Ctrl+N elegimos la opción de ActionScript 3.0. , listo. Adobe Flash Profesional Cs6

Upload: williambalcazarsantos

Post on 17-Dec-2015

242 views

Category:

Documents


8 download

TRANSCRIPT

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Ejercicio Nivel 2 de Flash CS6:

    En este ejercicio desarrollaremos lnea de tiempo e interpolacin.

    Para ello importaremos 2 imgenes las cuales corresponden a un helicptero y otra que a un

    fondo con edificios. Estas imgenes las descargamos de internet y las guardamos en una carpeta que usaremos con posterioridad.

    Para iniciar este procedimiento debemos crear un nuevo documento para ello damos clic en un el men archivo /nuevo o con las teclas Ctrl+N elegimos la opcin de ActionScript 3.0. , listo.

    Adobe Flash Profesional Cs6

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Una vez dentro de Flash Importaremos las imgenes que hemos descargado y la traemos a

    nuestra biblioteca.

    Crearemos un nuevo smbolo de tipo clip de pelcula al cual le daremos nombre: h1; tipo: clip de pelcula.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Luego dentro del clip de pelcula abrimos la imagen del helicptero y la arrastramos a nuestro

    escenario.

    Una vez realizado este proceso, cambiamos de nombre a la capa 1 y le cambiamos de nombre

    por el de fondo . Ajustamos nuestra imagen al tamao deseado ajustando la imagen con la herramienta transformacin libre para luego posteriormente utilizar la herramienta de pluma.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Luego insertamos una nueva capa llamada Recorte para ello bloqueamos la capa fondo

    dando un clic en la capa fondo debajo del icono del candado, luego insertamos una nueva capa.

    Una vez insertado la capa nueva le cambiamos el nombre por el de recorte. Estando en azul

    la capa recorte cambiar el color de trazo por un color verde, para ir anclando la lnea nodo a nodo alrededor de la imagen del helicptero con la herramienta pluma.

    En la capa recorte iremos trazando un contorno con la herramienta pluma sin suspender la

    accin hasta cerrar completamente la imagen del helicptero. Es importante tener en cuenta

    que me encuentro en la capa recorte.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Una vez terminado de hacer el trazado curvamos algunas imperfecciones con la herramienta

    seleccin acercando el cursor a la lnea que queremos curvar.

    Podemos observar que en la capa recorte solo tendremos el trazado.

    Luego ubicados en la capa de recorte seleccionamos la lnea del trazado y hacemos dos veces clic para seleccionar nuestro recorte y con las teclas Crtl + X. cortamos.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Podemos recortar tambin por medio del men Edicin/cortar Ctrl + x .

    Inmediatamente tenemos que ir a la capa fondo y quitar el candado luego observaremos que la

    imagen se encuentra contorneada en celeste esto quiere decir que esta agrupada, para separar

    esta imagen damos clic en la imagen del fondo nos vamos a la barra de men y seleccionamos el men Modificar /separar Ctrl + B.

    La imagen cambiar de aspecto levemente esto nos indica que ha sido separada.

    Luego de este paso selecciono la capa fondo y en el men edicin seleccionamos la opcin de

    Pegar in situ con lo cual la capa de recorte quedar vaca y la capa de fondo se contornear con las lneas de contorno anteriores sobre el fondo del helicptero.

    Para comodidad una vez realizado correctamente este procedimiento podemos eliminar la capa recorte ya que se encuentra vaca. Clic sobre la capa recorte y luego clic derecho Eliminar capas.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Para efectos didcticos pondremos el Zoom a 50% para apreciar cmo se debe ver nuestra

    imagen cuando ponemos la imagen fuera del fondo el cual eliminaremos seleccionndolo y

    suprimindolo quedndonos as solo con la imagen del helicptero, ubquelo en la parte central del escenario.

    Recuerde que este smbolo ya tiene nombre h1 no tenemos que crear nada ms ya que este smbolo se encuentra guardado.

    Ahora procederemos a elaborar y

    disear el hlice de nuestro

    helicptero para ello, creamos un

    nuevo smbolo puede hacerlo con

    las teclas Crtl+f8, cuando aparezca

    la ventana de crear nuevo smbolo

    le pondremos como nombre: hlice

    y escogeremos el combo de tipo: clip de pelcula.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Ya dentro del clip de pelcula hlice procedemos a utilizar la herramienta ovalo y le damos

    contorno sin color de trazo color de fondo rojo.

    Elaboramos un crculo manteniendo pulsada la tecla Shift y luego alineamos al centro tanto horizontal como vertical respecto del smbolo, para ello nos vamos al men Ventana/Alinear

    Luego de alinear el crculo, voy a escoger la herramienta lnea y trazar manteniendo pulsado la tecla Shift lneas tanto verticales, horizontal y diagonales.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    La lnea la seleccionamos con la herramienta seleccin para poder moverla y ajustarla respecto

    del centro.

    Cambiamos de color con la herramienta cubo de pintura y pintamos intercalando la figura.

    Hacemos dos veces clic sobre las lneas y las suprimimos, cambiamos los colores si deseamos.

    Una vez realizado esto, en nuestra capa1, en la lnea de tiempo, en el fotograma 50 insertamos

    un fotograma clave.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Insertamos fotograma clave en el fotograma 50.

    Luego en cualquier fotograma dentro de la lnea de tiempo hacemos clic derecho y elegimos

    crear interpolacin clsica.

    Cuando aparezca la flecha de la interpolacin nos vamos al men ventana y en el men Propiedades Ctrl +F3 damos clic.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Aparecer una ventana de propiedades de la interpolacin clsica donde debemos escoger en

    el combo Rotacin la opcin CW para que nuestra circunferencia gire.

    Una vez terminado este proceso vamos a insertar un nuevo smbolo clip de pelcula Ctrl + f8 y

    le ponemos como nombre Helicoptero_final, donde juntaremos a nuestro helicptero con la hlice.

    Estamos trabajando en el clip helicoptero_final desde all podemos observar nuestra

    biblioteca donde se encuentran contenidos nuestros otros clip llamados h1(helicptero

    recortado),hlice(la circunferencia),y el nuevo que hemos creado.

    Estando dentro del clip helicoptero_final vamos a crear dos capas a las cuales llamaremos:

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    h1 para poner all en esa capa nuestro helicptero y en la otra capa Hlice pondremos nuestra hlice.

    Luego seleccionando el smbolo de la hlice voy a la ventana de propiedades y en opciones de EFECTO DE COLOR, en Estilo elijo Alfa.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Le damos un valor de alfa al 50% y duplicamos nuestra hlice para poder luego reducirlas a sus

    formas donde corresponda como rotor de la cola y hlice del helicptero.

    Nos debe de quedar de la siguiente manera.

    Como nos encontramos dentro de un clip de pelcula no podremos observar el movimiento de

    las hlices, por ese motivo nos iremos a la escena donde crearemos dos capas una para el fondo y otra para el helicptero_final.

    Cambiamos a nuestra primera capa con el nombre de Fondo y creamos una segunda capa con el nombre de h1.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    En la capa fondo arrastraremos nuestra imagen de edificios y en nuestra capa de h1 nuestro clip

    de pelcula helicoptero_final.

    En la capa fondo ajustamos la imagen al escenario.

    Nos ubicamos en la capa h1 y en nuestra ventana de biblioteca observamos el helicoptero_final

    el cual arrastraremos hacia nuestro escenario ajustndolo al tamao adecuado.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Podemos probar nuestro clip con las teclas Ctrl + Enter para observar que todo est correcto,

    luego nos posicionamos en la capa h1 y en el fotograma 60 insertamos un fotograma clave y

    creamos una interpolacin clsica , para ello debemos sacar nuestro helicptero fuera de la

    escena al inicio en el fotograma clave 1 para que se posicione en un inicio ,luego nos

    posicionamos al final del escenario fuera de la escena en el fotograma clave 60 para que nuestro clip del helicptero pase de un lado a otro y finalice all.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    En la capa fondo me posiciono en el fotograma 60 y presiono F5 para acompaar el fondo al

    clip de pelcula de la capa h1.

    Luego creamos una nueva capa para poner un segundo helicptero que pase por detrs de los

    edificios. Para ello creamos una capa h2 al cual crearemos interpolacin clsica he invertiremos

    la figura para que su entrada en el escenario sea en sentido contrario, luego copiaremos el

    fotograma 1 de la capa fondo para poner el efecto de que el helicptero dos pase por detrs del edificio.

    Creamos una capa nueva llamada fondo_copia donde pegaremos nuestro fondo del fotograma 1 que copiamos anteriormente.

    Una vez copiado el fondo del fotograma 1 de la capa fondo nos posicionamos en el primer fotograma de la capa fondo_copia es all donde pegaremos el fondo anterior.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    Una vez pegado el fondo en el fotograma de la capa fondo_copia hacemos clic en la los candados

    de las capas anteriores y escondemos la vista de la capa fondo.

    Seleccionamos nuestra capa fondo copia y damos clic en la imagen de los edificios separndola con las teclas rpidas Ctrl + B.

    Una vez separados procedemos a cortar la imagen del edificio para darle efecto para ello usaremos la herramienta transformacin libre.

  • Instituto Superior Tecnolgico Pblico San Pedro del Valle de Mala GUIA DEL CURSO DE Animacin de Grficos Autor: Miguel ngel Pea Noya

    El fondo_copia debera quedar recortado dela siguiente manera

    Terminado este proceso activamos la vista del fondo y logramos concluir nuestro efecto y con

    l Nuestra prctica de animacin flash.