Visión global: In this piece of writing I will portray one on the main quality of Flash, which is identified as ‘2D Animation’. In this session I will cover how to generate a new clean movie file, e as ferramentas e os pasos implicados na creación da súa primeira animación simple por 'interpolación de movemento ".
Introdución: 2estatísticas de animación D están en forma e / ou reducido no ordenador, usando gráficos de mapa de bits 2D ou en forma e acurtado usando gráficos 2D vector. Isto inclúe versións mecanizadas programadas de técnicas de animación convencional, como engadir algo en peza de escritura gradualmente cambio, casca de cebola e engadir algo na parte de escritura descompoñer ámbito. 2D animación ten moitas aplicacións, con debuxos animados ordenador analóxico, deseño en Flash e PowerPoint gráficos animados Cine aínda son fotografías no aspecto dun arquivo GIF animado do que parte é animado. Nowadays, animated logos are also a great way to stand out, so if you’re interested in those, be sure to click here.
Image1: mostrando editor
Entrada en Novo ficheiro en Flash:
para comezar, I will open Flash by clicking on the Start icon in the listing that I’ve installed it within. If this is your primary instance loading the application, it will ask me to choose moreover Designer or Developer view, and a declaration that matches my monitor settings (this isn’t applicable to versions of Flash prior to MX). For our purposes in this lesson I’ve selected Designer view, and my screen is set to a declaration of 1024×768. (I can forever change this later by clicking the “Window” option in the top toolbar and then selecting “section set”.) On one occasion I have completed so as to, I’ll observe an empty dismissal surrounded by instrument set, akin to the casement on top of.
Adjusting Document Settings:
Image2: Showing document settings
The canvas is set to a evasion size; porque, no canto de traballar estándar ratios tamaños e aspectos para a produción de web, Estou partindo para modificar o meu tamaño da pantalla do patrón de 550 píxeles de ancho x 400 píxeles de altura a un tamaño menor de 320 X 240. Estou partindo para facelo premendo no botón na guía Propiedades–o panel só baixo a lona e funcionamento da área de–que exhibe o tamaño da pantalla; Isto abrirá unha nova fiestra que contén as propiedades do documento. De momento só precisa estar moi preocupados tres cousas: a cantidade de texto, a cor de fondo, ea velocidade de fronteira.
Estou indo para regular o meu tamaño para 320 X 240 por min entrar os principios nos bancos proporcionan, usar a folga de cor para escoller un contexto branco brillo, e ir a taxa de cadros fixado 24 fps (FPS). Esta é a velocidade fronteira inadimplente para a fabricación de malla; para a televisión e outros medios de produción, é capaz de ir tan alto como 30 cadros por segundo. 12 é todo o que eu realmente necesitan de animación en Flash para a web; aínda permite derramar unha confianza de movemento, pero evite levantar a miña capacidade do cartafol por adición fronteirizo.
Apertura da principal barra de ferramentas e esbozar unha figura:
image3: Mostrando barras de ferramentas
Esta sitúase cara ao lado dereito da xanela, Vou ver o panel Ferramentas, con iconas de caridade I ingreso para as principais funcións que vou ter para comezar a deseñar e animar en Flash CS6. para comezar, Podo capaz de facer clic na icona que se parece unha man, na columna da dereita da metade para abaixo baixo a “View” título. Esta é a (de forma adecuada e humoristicamente chamado) Ferramenta de man; se eu premer e arrastrar o rato na miña zona de traballo con esta ferramenta seleccionada, Podo exactamente arrastrar miña pantalla sobre a que estea situado onde cumpre.
Só unha vez eu teño o meu espazo de traballo establecido feliz, imos tentar deseñar algo. Por baixo da sección superior do snap equipos de borde no botón de comando representan un esbozo anel pálido en negro; Esta é a ferramenta Oval. Podo aplicar iso a deseñar toda forma circular. Baixo o resto das ferramentas son dúas fiestras cor-Picker: un para o “golpe” (representado por unha gráfica dun lapis) e outro para o “cubrir” (representado por un gráfico de un balde de tinta). A caricia é a cor da forma chamar a rolda, como o recheo é a cor dentro da forma. Estou indo para o meu curso para branco e meu enchido a un vermello escuro, e debuxe un pequeno círculo na esquina superior esquerda da miña pantalla, premendo e arrastrando agardando a forma está no tamaño necesario máis cedo do que liberando.
Ver a Timeline:
image4: Mostrando liñas de tempo
Actualmente máis cedo do que ir directo para animar, imos dar unha vista de unha área da fiestra: a liña do tempo, definir sobre a área de traballo (representado na imaxe baixo). A liña do tempo sepárase en dúas columnas: a columna Capas, ea propia liña de tempo real, separada en cadros individuais; a liña vermella descendente marca a súa situación actual no conxunto de cadros. O conxunto de cadros é un dos equipos, principalmente significativa en Flash; que me permite manter o control dos seus distintos obxectos e formas e que a capa que está, así como a través de custodia de miña animación cadros clave ea súa época e asignación. A maior parte da obra das miñas animacións vai ser feito aquí.
As you can see, precisas no momento temos unha capa (contén o círculo debuxado no paso anterior) cun programa relacionado a través de este segmento. A primeira fronteira do conxunto de cadros é gris noutros lugares a través dunha pequena marca mancha negra; o que significa isto é que este cadro é un cadro clave, en forma mecánicamente cando eu deseño o círculo enriba desa fronteira. Ao mando na dirección de respiración a través de interpolación, Teño que explicar cadro solución; ausentar-lles o Flash non ten inicio ou rematar puntos para animar entre.
Converténdose Your Shape a un símbolo:
image5: mostrando conversión
Máis cedo do que irmos adicional, imos esixir para crear algúns cambios na nosa círculo. Por que requiren cambio de forma que temos ata agora atraídos un pouco máis? Porque o Flash non interpolar formas habituais; se tentar ser relevante unha interpolación, mesmo cando a substancia é aínda moldea, non vai funcionar, así nós trocalos aos símbolos; non vai levar adicional que un momento.
Só ten que premer co botón dereito no meu círculo e seleccione “Converter en símbolo”. Unha fiestra amosará, pregunta o que quero para o nome do símbolo eo Comportamento de ser válida a el; Escriba un nome, e escolle “gráfico”; as outras opcións serán pechadas máis tarde, en clases máis desenvolvidos. prema “ok”; vai ver a transformación no seu obxecto polo contorno azul preto del. Este símbolo será agora entrar en carteleira nos rexistros, which I be able to sight by using function key F11 or click on casement records; at what time code or substance be listed in the records, they be able to live reuse at some direct by just tardy them on the hessian.
Now, let’s get back to animating. On the next page, we’ll produce another key frame so that we can tell Flash to animate in between them.
Creating a New Key Frame:
Image6: Showing key frame
Let’s seem at the timeline again. If I’ll keep in mind, we set the frame rate for this document to 12 cadros por segundo; that earnings that twelve of the blocks in the timeline will create up one second of animation. I desire my circle to move over one second, so I’m leaving to click on the twelfth block; the timeline is marked in increments of five, so just count two after the ten indicators. If I right-click on the border, I’ll observe two master frame options: put in master frame and put in Blank master frame. I’ll wish to press on Insert master frame; this automatically copies the entire thing on the previous key frame (together with our circle) to the new keyframe.
Following clicking “Insert Keyframe”, you be able to see that now the 12th frame is grayed out and noticeable with a dot, just like the first; the gap in between them is also grayed, with the 11th frame striking by a little white four-sided figure. This signifies that readily available is no movement or “tween” situated on the frame in flanked by; flash has mechanically placed a hold on these frames so that they endlessly fill with a replicate of the key frame.
Movendo Símbolo nun novo marco:
Agora estamos partindo para volver ao noso espazo de traballo; creando seguro de que aínda teño no marco 12 (the
image7: Mostrando novo marco
indicador de programa vermello ten que ter máis ese cadro), empregar a ferramenta Frecha para seleccionar o círculo que eu deseño anterior para; Vou ser talentoso para dicir que é seleccionado polo contorno azul preto de novo. Fai clic e arrastra o círculo para mover sobre el onde queira que na súa pantalla; Estou saíndo para mover o meu para o ángulo inferior dereito do meu espazo activo. (Se non quere animar a súa forma movéndose para fóra da pantalla, non movelo á área gris nas proximidades da lona; obxectos na zona gris non demostran-se na animación final.)
Se eu volver a miña liña de tempo e prema o marco 1, preme a “entrar” key will play all of my animation; though, it doesn’t look quite right, does it? The circle leftover in the unique position for the first eleven frames, earlier to suddenly snapping to the original site. In the after that footstep I’ll get be bothered of so as to by apply the movement tween.
Image8: Showing symbol editing menu
Adding together a movement tween to my moving picture:
Think it or not, this is the simple part. In Flash, “motion tweening” is worn to explain the method where the program mechanically creates the frames flanked by keyframe A of an object’s timeline and keyframe B to make a smooth animation depicting the object touching from one place to another. This is diverse from “shape tweening” because it doesn’t influence the substance form, dimension, or colour, but I will wrap so as to in the after that session.
To relate my motion tween, simply click and drag my mouse from frame 1 to frame 12 to select them; then you can moreover right-click on the frames and select “Create Motion Tween”, or I can click on the “Tween” dropdown in the Properties tool panel and select “Motion”. (Go away the other options at their default settings.) The artificial frames will turn a shade of pale violet, and an arrow will come into view stretching from the first keyframe to the last; this is the sign of a winning motion tween. (If the frames go round violet but the arrow is replaced by a ruined line, right-click and choose “Remove Tween” before verifying that you’ve finished the steps correctly.)
Image9: Showing final animation
Conclusión:I have now effectively finished my first animation; xogalo, só empurrar "Ctrl Intro" chave en liña do tempo, ou pre-seleccionar Arquivo -> ollo rápida no seu navegador para ver o que vai ollar como cando exportados. Teño que ver o círculo tocando suavemente de punto de inicio ata o punto final, con non calquera fallos no medio.
Práctica deseñar formas e por interpolações de movemento sobre eles esperando Estou seguro de que ten o xeito del; tentar acadar inspirou con el, e ver o que podo vir enriba con.
