lunes, 2 de febrero de 2015
La animación en Flash
La animación en Flash
|
Flash 8 es un programa básicamente orientado a la animación, de ahí la
gran importancia de este tema. No obstante, para ir creando animaciones
cada vez más complicadas se necesita, sobretodo, mucha práctica.
En este tema y los sucesivos mostraremos las técnicas básicas de animación en
Flash. La unión de estas técnicas será la que nos permita crear las más variadas
y vistosas animaciones.
En el tema
de la animación, Flash ofrece unas facilidades muy grandes, consiguiendo efectos
que normalmente requieren muchos conocimientos y espacio de almacenamiento para
ser creados, como es el caso por ejemplo de los GIF animados o lenguajes de programación
como Java, de una manera muy sencilla, sin necesidad de excesivos conocimientos
y ocupando muy poco espacio en disco.
Aunque Flash ofrece técnicas mejores,
también se pueden crear animaciones a modo de GIF animado. Se les denomina
animaciones Fotograma a Fotograma. Estas son las animaciones más básicas
y conviene conocerlas.
A continuación veremos distintos tipos
de animaciones que el creador de películas Flash deberá tomar como guía inicial.
Cabe destacar que podremos aplicar varias de estas animaciones colocándolas en
distintas capas. Con esto es con lo que conseguiremos los efectos más espectaculares
a la par que útiles.
Es muy importante tener claro un
concepto: no se debe crear animaciones en páginas que no lo necesitan,
ni crear animaciones que distraigan al que visualice nuestros documentos
de lo realmente importante, el mensaje.
|
Clip de Película
Un Clip
de Película o simplemente Clip, es una película en si misma, como
cualquiera de las que podamos haber creado hasta el momento en este curso,
pero que está incluida dentro de otra película y, a su vez puede
contener también películas insertadas en él.
Al igual que los otros tipos de
símbolos de Flash, los clips de película tienen su propia línea de
tiempo. Sin embargo, y a diferencia de los Gráficos (como veremos a
continuación), esta línea temporal no está ligada a la línea de
tiempos del documento que lo contiene, de tal forma que su ejecución es
independiente.
Este tipo de símbolos puede
contener cualquier otro tipo de símbolo: gráfico, clip o botón, así
como cualquier objeto creado con Flash, ya que un clip es realmente
una película.
Otra de las ventajas de los Clips
la encontramos cuando realizamos películas de gran complejidad y tamaño,
en la que intervienen un número muy elevado de fotogramas, debido a que
en la vista general del documento, nosotros sólo veremos un fotograma por
clip, el cual puede estar compuesto por muchos frames, lo que nos
permitirá tener una mejor visión de cómo se desarrolla nuestra
animación, y una barra de tiempos más clara y "limpia".
Los Clips son una de las herramientas
que dan mayor potencia a Flash 8, permitiéndonos crear películas de gran
complejidad y multiplicar los efectos visuales, ya que se pueden crear
múltiples movimientos independientes entre sí y crear conexiones entre
los diferentes Clips de un documento.
Todas aquellas
cosas que no podíamos hacer con un símbolo de tipo Gráfico, lo podemos
hacer con un Clip, además de poder realizar también todo aquello que nos
permitía dicho símbolo. Por esto, normalmente se utilizan los clips para
cualquier tipo de animación debido a su gran flexibilidad, dejando los
gráficos sólo para imágenes estáticas.
Simbolos
Qué son los símbolos
|
|
Los Símbolos provienen de objetos
que hemos creado utilizando las herramientas que nos proporciona Flash
8.
Estos objetos al ser transformados en símbolos, son incluidos en una
biblioteca en el momento en que son creados, lo que permite que sean utilizados en varias
ocasiones, ya sea en la misma o en otra película.
|
La acción de crear un nuevo símbolo es una de las
más usadas en Flash ya que es uno de los
primeros pasos para crear una animación, como veremos más
adelante.
El procedimiento es el siguiente:
Seleccionamos
el objeto que queramos convertir en símbolo. Abrimos el panel de Propiedades
del Símbolo, accediendo al menú Insertar →
Nuevo Símbolo o simplemente pulsando Ctrl + F8 o F8.
 |
Insertar sonido
Ahora que ya sabemos importar un sonido, qué
opciones podemos modificar y para qué sirve cada una. Veamos lo
más importante, cómo insertarlos en nuestra película.
Supongamos que queremos insertar un sonido en un fotograma
determinado, de modo que cuando la película Flash llegue a este
fotograma comience a reproducirse el sonido. Para que un sonido se reproduzca
al llegar a un fotograma, deberemos seleccionar el fotograma en el que
queremos que empiece a reproducirse el sonido. Una vez allí, abriremos
el Panel Propiedades e importaremos
el sonido que queramos del modo visto en el punto anterior. Otro modo
más rápido aún consistiría en seleccionar
dicho sonido en la Biblioteca y arrastrarlo
al fotograma en el que queramos que se empiece a reproducir el sonido
(al fotograma, no a la línea de tiempo).
|
Así representa Flash los sonidos
insertados en Fotogramas
|
De este modo insertamos un sonido, pero ¿suena
tal y cómo queremos que suene? ... Depende de lo que busquemos.
Por defecto Flash entiende que quieres reproducir el
sonido en su totalidad, sino ¿para qué insertarlo entero?,
de modo que Flash reproducirá el sonido todas las veces que le
hayas indicado en Repetir y el sonido
sonará aunque el fotograma en el que esté no sea el que
se está ejecutando en ese instante. Si quisiéramos que el
sonido pare cuando entremos en otro fotograma, lo podemos hacer de 2 formas
distintas, ambas combinando las opciones que nos ofrece el Panel
Propiedades.
La primera de ellas es seleccionarlo en la Biblioteca y arrastrarlo directamente sobre el escenario. El sonido se añadirá al fotograma en el que nos encontramos.
Otra opción sería la de seleccionar el sonido (ya importado a nuestra biblioteca) desde el panel Propiedades del fotograma seleccionado:
En la opción Sonido seleccionaríamos el audio que queremos añadir al fotograma. Luego modificaríamos la opción Sinc. del siguiente modo:
En esta animación, verás como:
Aprende como haz clic aqui | |
Propiedades de los Textos
Para poder escribir, deberemos hacer
clic en la Herramienta Texto y posteriormente
en el punto del escenario en el que queramos empezar a escribir.
El Panel Propiedades contiene las
principales propiedades de todos los objetos que empleemos durante nuestra
película, de modo que si seleccionamos un texto, podremos ver en
él todo lo que nos hace falta conocer sobre nuestro texto. Si tenemos
experiencia usando Flash 5, notaremos que todas las propiedades que antes
se encontraban en los Paneles Carácter
y Párrafo, se encuentran agrupadas
ahora en el Panel Propiedades. |
Panel Propiedades |
| |
El Panel Mezclador de Colores
| El
Panel Mezclador de Colores, como su
nombre indica se usa para fabricar nuestros propios colores y para seleccionar
los que más nos gusten. | |
Para seleccionar un color determinado, bastará con hacer clic en
las pestañas que se encuentran junto a los iconos de las Herramientas
de Lápiz y de Bote de Pintura.
(Si queremos modificar el color de un borde, pulsaremos sobre la pestaña
que está junto a la Herramienta Lápiz
y si queremos modificar un relleno, haremos clic en la pestaña
que está junto a la Herramienta Bote de
Pintura.) Al hacerlo aparecerá un Panel con multitud
de colores para que seleccionemos el que más nos gusta. También
permite introducir el código del color según el standard
que establece el HTML.
También se puede determinar el tipo de relleno
que aplicaremos a los objetos creados (mediante la Herramienta
Bote de Pintura).
Se pueden crear diferentes tipos de Rellenos
Sólido:
Consiste en un relleno formado por un solo color.
Degradado Lineal:
Es un tipo especial de relleno, de modo que un color se degrada hasta
convertirse en otro. Puede ir de arriba abajo o de un lado al otro
Degradado Radial:
Es igual que el anterior, pero los degradados tiene forma circular.
Mapa de Bits: Permite
colocar como relleno alguna imagen existente en la película (O
ajena a ella si antes se "importa")
| |
La Barra de Herramientas.
La Barra de Herramientas contiene todas las
Herramientas necesarias para el dibujo. Veamos cuáles son las más
importantes y cómo se usan:
Herramienta Selección (flecha):
 .
Es la herramienta más usada de todas. Su uso principal es para
seleccionar objetos. permite seleccionar los bordes de los objetos, los
rellenos (con un sólo clic), los bordes (con doble clic), zonas
a nuestra elección... Además, su uso adecuado puede ahorrarnos
tiempo en el trabajo.
Herramienta Línea: 
Permite crear líneas rectas de un modo rápido. Las
líneas se crean como en cualquier programa de dibujo, se hace clic
y se arrastra hasta donde queramos que llegue la línea recta. Una
vez creada la podemos modificar sin más que seleccionar situar
el cursor encima de los extremos para estirarlos y en cualquier otra parte
cercana a la recta para curvarla. |
Las Capas
El concepto de Capa es fundamental
para manejar Flash de forma eficiente. Dada la importancia de estas, se
le dedicará un tema completo. Aún así, veamos a grandes
rasgos qué son las capas.
Una Capa se puede
definir como una película independiente de un único nivel.
Es decir, una capa contiene su propia
Línea de Tiempo (con infinitos fotogramas).
Los objetos que estén en una determinada capa
comparten fotograma y por tanto, pueden "mezclarse" entre sí.
Esto es interesante a menudo, pero otras veces es conveniente separar
los objetos de modo que no interfieran entre sí. Para ello, crearemos
tantas capas como sea necesario. El uso de múltiples capas además,
da lugar a películas bien ordenadas y de fácil manejo (es
conveniente colocar los sonidos en una capa independiente llamada "Sonidos",
por ejemplo). Las ventajas y desventajas de usar capas se verá
en el Tema 8.
|
La Línea de Tiempo
La Línea de Tiempo representa
una forma de ver los fotogramas de modo simplificado. Consta de 2 partes.
 1) Los Fotogramas (frames) que vienen delimitados por líneas verticales (formando
rectángulos)
2) Los Números
de Fotograma que permiten saber qué número tiene
asignado cada fotograma, cuánto dura o cuándo aparecerá
en la película.
Además, en la parte inferior hay herramientas
para trabajar con Papel cebolla e
información sobre el Número de
Fotograma actual (1 en la imagen), la Velocidad
de los Fotogramas (12.0 en la imagen) y el Tiempo de película transcurrido (0.0s en la imagen).
|
|
A nivel conceptual, la Línea
de Tiempo representa la sucesión de Fotogramas en el
tiempo. Es decir, la película Flash no será nada más
que los fotogramas que aparecen en la Línea
de tiempo uno detrás de otro, en el orden que establece
la misma Línea de tiempo.
| |
La Barra de Menús
La
Barra de Menús 
tiene como propósito facilitar el acceso a las distintas utilidades
del programa. Es similar a la de cualquier otro programa de diseño
web o gráfico, aunque tiene algunas particularidades. Veamos los
principales Submenús a los
que se puede acceder:
tiene como propósito facilitar el acceso a las distintas utilidades
del programa. Es similar a la de cualquier otro programa de diseño
web o gráfico, aunque tiene algunas particularidades. Veamos los
principales Submenús a los
que se puede acceder:
Archivo: Permite crear nuevos archivos, abrirlos,
guardarlos... Destaca la potencia de la utilidad Importar
que inserta en la película actual casi todo tipo de archivos (sonidos,
vídeo, imágenes e incluso otras películas Flash),
o la de Configuración de Publicación
desde donde se pueden modificar las características de la publicación.
También permite configurar la impresión de las páginas,
imprimirlas...
Edición: Es el clásico menú
que te permite Cortar, Copiar, Pegar...
tanto objetos o dibujos como fotogramas; también permite personalizar
algunas de las opciones más comunes del programa.
Ver: Además de los típicos Zooms,
te permite moverte por los fotogramas y por las escenas. También
incluye la posibilidad de crear una cuadrícula y unas guías.
Esto se puede seleccionar desde los submenús Cuadrícula
y Guías desde donde también se pueden configurar
sus opciones.
Insertar: Te permite insertar objetos en la
película, así como nuevos fotogramas, capas, acciones, escenas...
Interfaz de Flash 8
Flash 8 cuenta con un entorno
o interfaz de trabajo de lo más manejable e intuitiva.
Esto es lo que nos encontraremos al abrir Flash 8 por primera vez:
Esto es lo que nos encontraremos al abrir Flash 8 por primera vez:
MACROMEDIA FLASH
Flash 8 es una potente herramienta creada por Macromedia
que ha superado las mejores expectativas de sus creadores.
Inicialmente Macromedia Flash fue creado con el objeto
de realizar animaciones vistosas para la web, así como para crear
GIFs animados.
Los motivos que han convertido a Flash 8 en el
programa elegido por la mayoría de los diseñadores web profesionales
y aficionados son varios. Veamos pues, porque es interesante Flash
8.
PHOTOSHOP
 |
| Photoshop en su ultima versión |
Funciones: el líder indiscutible en potencia y versatilidad
La cantidad de efectos de Adobe Photoshop es inabarcable aunque, a buen seguro, sus resultados con algo de práctica son indiscutibles: ajustes de niveles y color, máscaras y canales alfa, filtros artísticos y de textura, borrado inteligente de objetos... Las posibilidades solo las pondrá tu creatividad.Por si fuera poco, Adobe Photoshop incluye, desde su versión CS6, un básico editor de vídeos que te permitirá aplicar todas estas mágicas herramientas en tus películas. Activa la línea de tiempo, arrastra los clips y empieza a montar tu obra maestra.
Usabilidad: paneles y capas, sinónimo de Photoshop
Adobe Photoshop se compone de dos partes principales: la mesa de trabajo y los paneles. A través de ellos podrás elegir herramientas y modificarlas a tu gusto para trabajar sobre las imágenes. También podrás gestionar las capas, es decir, las partes superpuestas en las que se compone una fotografía y sus efectos.Lo que más llama la atención de la interfaz es su nuevo color gris oscuro, cambiado por primera vez desde sus inicios. Este color gris es el mismo de Photoshop Elements, Premiere Pro y After Effects.
El nuevo color y la organización de los paneles te ayudan a concentrarte en la imagen. ¿Y si no es tu caso? Entonces dirígete a las Preferencias y cámbialo al color al original o a otros dos tonos nuevos
Conclusión: el mejor en su categoría, sin discusión
Adobe Photoshop no es un programa para todo el mundo, tanto por su precio como por la elevada curva de dificultad que presenta al principio. Sin embargo, es indiscutible su potencia y queda patente que los editores gráficos no serían lo que son sin los avances que introduce este programa en cada versión.Si buscas el mejor editor gráfico sin condiciones de precio o accesibilidad, Adobe Photoshop es el mejor exponente, fuera de toda duda.
Pros
- Herramientas con resultados sorprendentes
- Edición semi-profesional de objetos 3D
- Integración con Adobe Bridge en la propia interfaz
- Pinceles con efectos de física realista
- Paneles de menús personalizables
Contras
- Requiere un ordenador potente
- Algo difícil para usuarios básicos
domingo, 1 de febrero de 2015
Elementos que componen el Escritorio
Los elementos que componen el escritorio son:
Barra de título
La barra de título, nos informa del programa abierto y si ésta ventana se encuentra maximizada, realizando un clic izquierdo en la pestaña de maximizar y posteriormente si pinchamos en cualquier lugar de dicha barra, podemos desplazar la ventana de PS a cualquier lugar de la pantalla, claro está que para ello se debe de mantener pulsado el ratón.
Barra de menúsLa barra de menús es como cualquier otra barra de Windows, nos proporciona acceso a menús y comandos.
Barra de opciones
Situada justo debajo de la barra de menús, esta barra contiene los principales controles de las herramientas. Aquí estableceremos los ajustes para las herramientas activas en cada momento, activando casillas de verificación, cliqueando en iconos, y seleccionando opciones en menús emergentes de dicha barra. Para visualizar la barra de opciones, tenemos en PS, tres diferentes formas de hacerlo:
- Ventana>Opciones y se visualizará la barra.
Suscribirse a:
Entradas (Atom)
