HACIENDO
NUESTRO PRIMER PERSONAJE EN FLASH |
||
| Primero que todo debo decirles que en lo personal, prefiero mantener cerradas todas las ventanas del programa, salvo la línea de tiempo, el escenario y por supuesto la barra de herramientas. Esto me permite tener una mejor visibilidad de mi trabajo. | ||
![]() |
||
| Para
cerrar las ventanas debes hacer click con el botón segundario del
mouse, en la barra superior de la ventana correspondiente y marcar
la opción " cerrar panel ". La presentación en pantalla quedará más o menos así: |
||
![]() |
||
| Otra
cosa importante es, mantener siempre las reglas de medidas
a la vista. Esto nos será siempre de mucha ayuda. Las encontraras en: ver > reglas. |
||
![]() |
||
Bueno, empecemos con nuestra lección. Lo primero que haremos será seleccionar la herramienta OVALO. |
||
| Con ella realizaremos un circulo de 200 pixeles de ancho por 200 pixeles de alto, de línea negra, el relleno puede ser de cualquier color, ya que lo cambiaremos más adelante. | ||
![]() |
||
| Vemos en la línea de tiempo que nuestro circulo se encuentra representado por un FRAME (fotograma) color gris y el punto antes vacío, ahora se encuentra relleno. | ||
![]() |
||
| Lo siguiente será cambiar el grosor de la línea. Para eso iremos a la barra de herramientas y seleccionaremos: ventana > propiedades. | ||
![]() |
||
| Lo que nos mostrará la ventana de propiedades. Haciendo click en la línea del dibujo, esta ventana nos mostrará las propiedades de la línea, por defecto nos indica que tiene un grosor de 1 pixel. | ||
![]() |
||
| Lo cambiaremos a 9 pixeles. | ||
![]() |
||
| Automáticamente la línea negra se engrosa en esa medida. | ||
![]() |
||
| Deselecciónala para que puedas seguir trabajando, esto haciendo click en cualquier parte desocupada del escenario. Verás que ahora no tiene el punteado que indicaba que se encontraba seleccionada. | ||
![]() |
||
| Tenemos
yá, la primera parte de nuestro personaje. ¿ Fácil
verdad ? Vemos que en el escenario se encuentra un circulo negro, relleno de color rojo. Lo siguiente que haremos será jugar un poquito con el color de relleno. Para eso abriremos las ventanas del mezclador de colores y además las muestras de color. Estas las encontrarás en: ventana > mezclador de color y ventana > muestras de color. |
||
![]() |
||
Practica un poco con las opciones que te entregan estas dos ventanas en conjunto. En este caso, primero seleccioné un degradado en tonos verdes, en el mostrario de color. |
||
![]() |
||
| Luego elegí la opción RADIAL | ||
![]() |
||
| Y finalmente alteré un poco el color, generando un degradado en tonos verdes, pero más claros. | ||
![]() |
||
| Ahora nuestra paleta de colores de relleno se encuentra cargada de un color degradado a mi entero gusto. Así es que simplemente pintamos. Para eso selecciona la herramienta BOTE DE PINTURA y haces click en el interior del circulo. | ||
![]() |
||
( Si haces click en diferentes partes dentro del circulo, te darás cuenta que siempre el área más iluminada queda justo en el punto donde pusiste el marcador de la herramienta ) Bueno, recuerda la importancia de ir guardando tu trabajo a medida que vas avanzando, para que no lo vayas a perder accidentalmente.
En
la segunda etapa de nuestro ejercicio, generaremos en la línea
de tiempo, una segunda capa o nivel. Para eso hacemos click
en el ícono que indica: " Insertar capa " |
||
![]() |
||
| Es en esta donde dibujaremos la nariz. Siempre debes estar atento a que la capa en la que estas trabajando sea la correcta, esto es muy importante. La capa seleccionada siempre se encuentra en color negro y letras blancas, además de mostrarnos un lápiz como ícono activo. | ||
![]() |
||
| Otra
cosa que es bueno hacer para mayor seguridad, es el bloquear las capas
en las que no estás trabajando ( inactivas ) Esto se realiza poniéndole el símbolo del candado. Para eso debes hacer click en el puntito correspondiente y este símbolo aparecerá. |
||
![]() |
||
| Bueno,
como te decía, es ahora el momento de dibujar la nariz, para lo cual
seguiremos los mismos pasos anteriormente detallados. Yo en lo personal, adelgacé un poco la línea negra de la nariz a 5 pixeles y cambié la tonalidad del relleno. Además por supuesto de no hacerla redonda, sino que ovalada. |
||
![]() |
||
| Le pondremos una sombra a la nariz, en una tercera capa que situaremos debajo de la segunda en la línea de tiempo. Para eso, solo debes arrastrarla. | ||
![]() |
||
| Esta sombra será un óvalo pintado en negro y sin línea de contorno, además el color estará atenuado ( trasparente ) al 20%. | ||
![]() |
||
| Recuerda que puedes ampliar o reducir el escenario según te convenga, para hacer lo mejor posible tu trabajo. | ||
![]() |
||
| Ahora
en otra capa ( nivel ) haremos los ojos. Usando el mismo sistema, dibujaremos dos óvalos separados el uno del otro, para así poder trabajarlos independientemente. La línea tendrá un grosor de 3 pixeles y tendrán un relleno sólido (sin degradez ), de un tono celeste muy claro. |
||
![]() |
||
| Seleccionaremos cada uno independientemente del otro y les daremos un pequeño giro, para lo cual iremos a la barra de herramientas y seleccionaremos: Modificar > transformar > Rotar y sesgar | ||
![]() |
||
| Giraremos el ojo seleccionado, tomándolo de cualquier esquina y desplazándolo con el botón principal del mouse apretado. | ||
![]() |
||
| Lo mismo haremos con el otro ojo, esto solo con la intención de darle un sentido artístico. | ||
![]() |
||
| Lo siguiente será darle la posición definitiva, para lo cual los seleccionaremos por separado y los moveremos hasta encontrar que quedan bién. En este caso, yo cambié el nivel en la línea de tiempo y puse los ojos detrás de la nariz, buscando que se vieran mejor. ( Un nivel más abajo ) | ||
![]() |
||
| Finalmente y con los mismos conceptos, le pintaremos las pupilas, eligiendo los colores y las formas que más le acomoden. | ||
![]() |
||
| En la siguiente etapa dibujaremos la boca. Esta se hará en una nueva capa y para su hechura utilizaremos la herramienta PLUMA, la cual seleccionaremos. | ||
![]() |
||
| Haremos un primer click justo debajo de la nariz, que marcará el inicio de la boca y luego el siguiente click, lo haremos donde queramos que termine esta. | ||
![]() |
||
| Marcaremos el final de la comisura con otro arco más pequeño en el mismo nivel ( capa 5 ) | ||
![]() |
||
La
curvatura de la línea variará según desplacemos el
mouse con el botón principal apretado. Así es que
verifica esto antes de soltar el botón. En otra capa ( capa 6 ) dibujaremos las cejas con la misma herramienta, pero habiendo previamente cambiado el grosor de la línea a 6 pixeles. Primero una y luego la otra. |
||
![]() |
||
| Finalizaremos
dándole un entorno, o sea un espacio donde este personaje se encuentre
ubicado. Para eso iremos a la barra de herramientas y seleccionaremos: modificar > documento. Opción que nos entregará las propiedades de nuestra película. |
||
![]() |
||
| Haciendo
click en el interior de la muestra de color de fondo, elegiremos un color
que nos agrade. Yo personalmente elegí el azul. Luego aceptamos. El color de fondo cambia. |
||
![]() |
||
| En
otra capa ( capa 7 ) que pondremos debajo de todas las capas
anteriores ( arrastrándola ), haremos un piso ( suelo ) Seleccionando la herramienta RECTANGULO y eligiendo un color de relleno que deseemos, además de deseleccionar la línea, haremos este suelo. |
||
![]() |
||
| Por seguridad nos saldremos de los limites demarcados para la escena. | ||
![]() |
||
| Y
por supuesto una sombra debajo de nuestro personaje, nos ayudará
a posicionarlo en el piso. Eso lo haremos también con el mismo sistema de la sombra de la nariz. Color negro como relleno, la línea deseleccionada y una trasparencia del 20% o 30% en el color. |
||
![]() |
||
Ahora
ya puedes guardar tu primer proyecto: archivo > guardar Fue largo este ejercicio pero el resultado es bueno, estamos dando los primeros pasos en este programa. Diseñamos un personaje bastante básico que podemos seguir trabajando, en forma, color, texturas, luces, sombras, etc. Más adelante le daremos movimiento, mientras tanto, continúa familiarizándote con las herramientas y las opciones que este programa te entrega. Y por sobre todo, haciendo sus tutoriales. Hasta la próxima. |
||
| consultas@animarte.cl | ||
ANIMACION
2D - ANIMACION
3D - ANIMACION FLASH
- COMICS -
ILUSTRACION -
MANGA - ANIME
TALLERES - TUTORIALES - WALLPAPERS |
||