Instituto universitario tecnológico de la administración industrial
Ampliación altos Mirandinos
Carrera: publicidad y mercadeo
Materia: Aplicaciones informáticas
Sección: 292-B1
Profesor: Ángel Retali
ADOBE FLASH PROFESSIONAL
Autor:
Overlin Fernández
23.625.084
Overlin23@gmail.com
Los Teques, 27 de octubre del 2021
INDICE
INTRODUCCION ........................................................................................................................ 3
¿QUE ES ADOBE FLASH PROFESIONAL? ................................................................................... 4
CARACTERISTICAS..................................................................................................................... 5
FUNCIONES ADOBE ANIMATE CC ............................................................................................ 6
Pincel..................................................................................................................................... 6
Hueso .................................................................................................................................... 6
Cámara .................................................................................................................................. 7
Elipse ..................................................................................................................................... 8
Lápiz ...................................................................................................................................... 8
Pluma .................................................................................................................................... 8
Rectángulo ............................................................................................................................ 9
Anclaje de la transformación ............................................................................................... 9
Transformación .................................................................................................................. 10
Compatibilidad con las fuentes de Google en documentos de HTML Canvas ..................... 11
PANELES DE EDICION.............................................................................................................. 11
EL INSPECTOR DE PROPIEDADES .............................................................................. 12
Acerca del panel Biblioteca............................................................................................. 17
Panel Acciones ................................................................................................................... 18
Utilización del Explorador de películas (no se usa en Animate) ....................... 19
VENTAJAS DE ADOBE ANIMATE CC ....................................................................................... 23
DESVENTAJAS ......................................................................................................................... 24
2
INTRODUCCION
En el siguiente trabajo de investigación nos damos de cuenta que Adobe
Flash Professional es ahora Adobe Animate.
Adobe Animate le permite crear animaciones vectoriales, anuncios, contenido
multimedia, experiencias envolventes, aplicaciones, juegos y más en un
entorno de creación basado en una cronología. Animate ofrece compatibilidad
nativa con varias salidas Investigamos sobre sus funcionamientos, sus
herramientas y paneles, su estructuras y ventajas.
Entendemos que Animate también ofrece herramientas de dibujo y de
ilustración de la mejor calidad, así como una sólida integración con Adobe
CreativeSync. Puesto que Animate forma parte de Adobe Creative Cloud,
accederá a las actualizaciones más recientes y las versiones futuras en el
momento en que estén disponibles.
3
¿QUE ES ADOBE FLASH PROFESIONAL?
Actualmente conocido como adobe anímate CC es uno de los programas
más conocidos de la empresa Adobe, junto con Adobe Illustrator y Adobe
Photoshop. Se trata de una aplicación de creación y manipulación de gráficos
vectoriales con posibilidades de manejo de código mediante un lenguaje de
scripting llamado ActionScript. Animate es un estudio de animación que trabaja
sobre "fotogramas" y está destinado a la producción y entrega de contenido
interactivo para diferentes audiencias de todo el mundo sin importar la
plataforma.
Actualmente desarrollado y comercializado por Adobe Systems Incorporated y
forma parte de la familia Adobe Creative Suite, su distribución viene en
diferentes presentaciones, que van desde su forma individual o como parte de
un paquete, siendo estos: Adobe Creative Suite Design Premium, Adobe
Creative Suite Web Premium y Web Standard, Adobe Creative Suite
Production Studio Premium y Adobe Creative Suite Master Collection. Se usa
sobre animaciones publicitarias, cortometrajes animados y series de
animación, entre otros.
Adobe Animate utiliza gráficos vectoriales y gráficos rasterizados, sonido,
código de programa, flujo de vídeo y audio bidireccional (el flujo de subida solo
está disponible si se usa conjuntamente con Macromedia Flash
Communication Server). En sentido estricto, Animate es el entorno de
desarrollo y Flash Player es el reproductor utilizado para visualizar los archivos
generados con Flash. En otras palabras, Adobe Animate crea y edita las
animaciones o archivos multimedia y Adobe Flash Player las reproduce.
Los archivos reproducibles de Adobe Animate, que tienen generalmente
la extensión de archivo SWF, pueden aparecer en una página web para ser
vistos en un navegador web, o pueden ser reproducidos independientemente
por un reproductor Flash.
4
CARACTERISTICAS
Al igual que otros tipos de programas como photoshop, podemos
establecer que es uno de los mejores de Adobe en comparación con sus
versiones antepasadas como Adobe Flash. Adobe Animate organiza las
imágenes y sonidos en capas y fotogramas para crear animaciones 2D. Estas
animaciones pueden ser exportadas en diferentes formatos de vídeo (.avi,
.mov, .mp4...), como imágenes ".png" o en formato ".gif". También pueden ser
reproducidas al instante por un reproductor Flash, integrado (o no) en
el navegador.
Adobe Animate trabaja principalmente con animación tradicional, es decir,
fotograma a fotograma. Te permite dividir cada fotograma en capas y dibujar
sobre una base principalmente vectorial. A pesar de esto, el programa cuenta
con algunos métodos para facilitar la creación de animaciones, como las
interpolaciones de movimiento, consiste en la secuencia de fotogramas
independientes llevados de un punto a otro, al reproducirla da la sensación de
movimiento sin necesidad de dibujar cada fotograma. En las últimas versiones,
el programa da la posibilidad de integrar estructuras óseas a los objetos que
facilitan su manipulación y permiten generar movimientos más naturales,
también se han incluido nuevos pinceles moldeables y la posibilidad de usar
cámaras.
El programa se hizo famoso en internet cuando surgió la época de las
"animaciones flash" (en esos momentos, Animate aún llevaba el nombre de
Macromedia Flash). Esta época surgió un "boom" en las plataformas de vídeos
como YouTube o Newgrounds, en las que se comenzaron a subir contenido
animado con este programa ya que en esos momentos era de los pocos
programas accesibles de animación en Internet.
5
FUNCIONES ADOBE ANIMATE CC
Este programa nos permite crear animaciones vectoriales, anuncios,
contenido multimedia, experiencias envolventes, aplicaciones, juegos, etc. Su
entorno de edición está basado en una cronología. Ofrece compatibilidad
nativa para salidas como HTML5 Canvas y WebGL. También se puede
ampliar para ofrecer compatibilidad con formatos personalizados como
Snap.SVG. Es compatible también con aplicaciones de Adobe AIR de creación
y publicación de formatos Flash y de empaquetado.
Animate ofrece herramientas de dibujo y de ilustración de la mejor calidad, así
como una sólida integración con Adobe CreativeSync.
Para saber cómo usar Adobe Animate CC lo primero que debemos conocer
son sus herramientas básicas. Sus herramientas no son muy diferentes a las
herramientas de Photoshop o Illustrator ya que en ese sentido Adobe guarda
mucha relación entre sus aplicaciones.
Pincel
Utilice la herramienta Pincel (B) para establecer un pincel personalizado
mediante la configuración de parámetros del pincel, como la forma y el ángulo.
Puede crear ilustraciones naturales en los proyectos personalizando la
herramienta Pincel de acuerdo con sus necesidades de dibujo. Cuando la
herramienta Pincel está seleccionada en la caja de herramientas, se puede
seleccionar, editar y crear un pincel personalizado en Animate con el inspector
de propiedades.
Hueso
6
Utilice la herramienta Hueso para utilizar la cinemática inversa (IK), un
método de animación de objetos que utiliza huesos encadenados en
esqueletos lineales o ramificados con relaciones principales y secundarias.
Cuando un hueso se mueve, los huesos conectados se mueven con relación
a él. Puede añadir huesos IK a instancias de clip de película, de gráficos y de
botones.
Cámara
Utilice la cámara para imitar un movimiento de cámara virtual. Al configurar
la vista de cámara para su composición, verá las capas como si estuviera
mirando a través de esa cámara. También puede añadir interpolaciones o
fotogramas clave en una capa de cámara. Utilice las siguientes funciones
dentro de la cámara para ajustar la animación:
• Panoramización con el sujeto del fotograma
• Acercamiento del objeto de interés para un efecto dramático
• Alejamiento de un fotograma para recordar al espectador una imagen
mayor
• Modificación del punto focal para desplazar la atención del espectador
de un sujeto a otro
7
• Rotación de la cámara. Uso de matiz o filtros de color para aplicar
efectos de color en una escena.
Elipse
La herramienta Elipse (L) dibuja círculos y óvalos.
Lápiz
Utilice la herramienta Lápiz para dibujar y editar líneas a mano alzada.
Pluma
8
Utilice la herramienta Pluma (P) para dibujas líneas rectas y curvas para
crear objetos.
Rectángulo
Utilice la herramienta Rectángulo (M) para dibujar cuadrados y rectángulos.
Anclaje de la transformación
Utilice los puntos de ancla de los segmentos conectados en el recurso para
mostrar los controles de dirección, que consisten en líneas de dirección que
terminan en puntos de dirección. El ángulo y la longitud de las líneas de
dirección determinan la forma y el tamaño de los segmentos curvos. Mover los
puntos de dirección para modificar la forma de las curvas.
Tras seleccionar un punto de ancla, aparecen líneas de dirección en los
segmentos curvos conectados por el punto de ancla. Un punto de curva
siempre tiene dos líneas de dirección, que se mueven juntas como una sola
unidad recta. Al mover una línea de dirección sobre un punto curvo, los
9
segmentos curvos de ambos lados del punto se ajustan simultáneamente,
manteniendo una curva continua en el punto de anclaje.
Transformación
Utilice la herramienta Transformación libre (E) para modificar la escala, rotar
y sesgar una selección.
10
Compatibilidad con las fuentes de Google en documentos de
HTML Canvas
Cuando los creadores de animaciones utilizan fuentes de escritorio para
crear y publicar sus salidas, el usuario final percibe una experiencia sesgada
e incoherente. La versión Animate admite la adición de fuentes de Google al
contenido web y proporciona al usuario final una experiencia coherente con
todos los factores de forma.
PANELES DE EDICION
Disponen de controles de edición y publicación que puede organizar según
sus preferencias. También puede arrastrar cualquier panel fuera de su lugar,
cambiar su tamaño y colocarlo en cualquier lugar de la pantalla para facilitar el
acceso al mismo. Los menús emergentes de Animate también le ofrecen la
opción de bloquear el panel en cualquier lugar de la pantalla. Un panel
bloqueado no se mueve si lo arrastra por accidente mientras trabaja.
11
EL INSPECTOR DE PROPIEDADES
El inspector de propiedades facilita el acceso a los atributos más utilizados
de la selección actual, ya sea en el escenario o en la línea de tiempo. Puede
modificar los atributos del objeto o documento en el inspector de propiedades
sin acceder a los menús o paneles que contienen estos atributos.
El inspector de propiedades muestra información y la configuración del
elemento que está seleccionado, que puede ser un documento, un texto, un
símbolo, una forma, un mapa de bits, un vídeo, un grupo, un fotograma o una
herramienta. Cuando hay dos o más tipos de objetos seleccionados, el
inspector de propiedades muestra el número total de objetos seleccionados.
Para mostrar el inspector de propiedades, seleccione Ventana > Propiedades,
o presione Control+F3 (Windows) o Comando+F3 (Macintosh).
La versión 2020 de Animate ofrece un inspector de propiedades moderno con
cuatro pestañas: Herramientas, Objeto, Fotograma y Documento. Cada
pestaña corresponde a las propiedades de la selección del momento.
Herramienta: indica la herramienta que está seleccionada en ese momento.
Si el inspector de propiedades de una herramienta no es válido, se muestra el
inspector de propiedades de documento y la pestaña Inspector de propiedades
de herramienta aparece como desactivada. Esta pestaña hace referencia a las
propiedades de la herramienta que esté seleccionada en ese momento.
Objeto: indica el objeto que está seleccionado en el escenario en ese
momento. Si no se ha seleccionado ningún objeto, esta pestaña aparece como
desactivada. La pestaña hace referencia a las propiedades del objeto que esté
seleccionado en ese momento.
Fotograma: indica el marco que está seleccionado en la línea de tiempo en
ese momento. Si no se ha seleccionado ningún fotograma, esta pestaña
aparecerá como desactivada. La ficha hace referencia a las propiedades del
fotograma que esté seleccionado en ese momento.
12
Documento: indica el documento en el que está trabajando en ese momento.
Esta pestaña presenta las propiedades específicas del documento que esté
abierto en ese momento.
SECCIONES ARRASTRABLES
Ahora, podrá arrastrar y reorganizar las secciones del inspector de
propiedades. Se mostrará un punto de sujeción al pasar el puntero por encima
de la sección arrastrable.
BARRA DE HERRAMIENTAS DE ACCIONES RÁPIDAS
13
El panel Propiedades tiene una nueva sección de acciones rápidas y
secciones de un encabezado actualizado para que los modos y las
funcionalidades relacionadas sean más fáciles de ver y más rápidos de
acceder.
CONFIGURACIÓN DE FILTROS MODERNIZADA
Hemos actualizado la sección Filtros para que aplicar combinaciones de
filtros sea más fácil. Asimismo, puede cambiar el orden de los filtros
arrastrando un filtro por encima o por debajo de los otros filtros.
COLOR Y ESTILO
• Hemos cambiado el nombre de la sección Relleno y trazo por Color y
estilo.
14
• Los colores de la opción Alfa de Relleno y trazo se agregan encima para
facilitar el acceso.
• Para disfrutar de una experiencia sin complicaciones, hemos movido las
opciones relativamente menos utilizadas de la configuración de Trazo
al icono de puntos suspensivos para las opciones de perfil Estilo y
Ancho. Haga clic en el icono de puntos suspensivos para seleccionar
estas opciones.
• Las opciones Tapa y Articulaciones se encuentran encima.
• Las opciones Trazo y Relleno se visualizan en función de la parte del
objeto que esté seleccionada.
OPCIÓN DE ELIMINAR INTERPOLACIÓN
Ahora, la sección Interpolaciones ofrece la opción de eliminar la interpolación
dentro del inspector de propiedades.
OPCIÓN DE HACER COINCIDIR CONTENIDO
15
Ahora, la opción Hacer coincidir contenido está disponible a un solo clic en la
sección de configuración de documento.
Inspector de propiedades de herramienta de cámara actualizado
Ahora, la cámara tiene todos los efectos de color y filtros
16
Propiedades de las herramientas PolyStar, Rectángulo, Óvalo, Texto y
Varita mágica actualizadas
Hemos modernizado el panel Inspector de propiedades para las herramientas
PolyStar, Rectángulo, Óvalo, Texto y Varita mágica para favorecer la
accesibilidad y el desorden de la interfaz de usuario gratuita.
Acerca del panel Biblioteca
En el panel Biblioteca (Ventana > Biblioteca) es donde se guardan y
organizan los símbolos creados en Animate. También puede almacenar
archivos importados tales como gráficos de mapa de bits, archivos de sonido
y clips de vídeo. El panel Biblioteca le permite organizar elementos de
biblioteca en carpetas. Además, puede consultar con qué frecuencia se utiliza
un elemento en un documento y ordenar los elementos por nombre, tipo,
fecha, número de usos o identificador de vinculación a ActionScript®. Por
ejemplo, cuando se importa un archivo GIF animado, se crea una carpeta
denominada GIF en la carpeta raíz, en la que se coloca el archivo. También
puede realizar búsquedas en el panel Biblioteca escribiendo el nombre de un
17
símbolo o de una vinculación en el campo de búsqueda. Es posible establecer
propiedades en la mayoría de las selecciones de objetos múltiples.
Panel Acciones
El panel Acciones permite crear y editar código ActionScript para un
objeto o fotograma. El panel Acciones se activa cuando se selecciona una
instancia de un fotograma, botón o clip de película. El título del panel Acciones
cambia a Acciones - Botón, Acciones - Clip de película o Acciones -
Fotograma, según el elemento que esté seleccionado.
18
Para mostrar el panel Acciones, seleccione Ventana > Acciones o
presione F9. Para obtener más información sobre el panel Acciones,
Utilización del Explorador de películas (no se usa en Animate)
El Explorador de películas permite ver y organizar el contenido de un
documento, así como seleccionar los elementos del documento para su
modificación. Contiene una lista donde aparecen los elementos utilizados,
organizados en una estructura de árbol jerárquica por la que se puede
desplazar.
Utilice el Explorador de películas para realizar las siguientes acciones:
• Filtrar las categorías de los elementos del documento que aparecerán
en el Explorador de películas.
• Mostrar las categorías seleccionadas como escenas, definiciones de
símbolos o de ambas maneras.
• Expandir y contraer el árbol de navegación.
19
• Buscar un elemento en un documento por su nombre.
• Familiarizarse con la estructura de un documento de Animate creado
por otro desarrollador.
• Buscar todas las instancias de un determinado símbolo o acción.
• Imprimir la lista de visualización navegable que muestra el explorador
de película.
Filtrado de categorías de elementos que aparecen en el
Explorador de películas
• Para mostrar texto, símbolos, ActionScript, archivos importados o
fotogramas y capas, haga clic en uno o varios botones de filtrado
situados a la derecha de la opción Mostrar. Para personalizar qué
elementos desea ver, haga clic en el botón Personalizar. Para ver esos
elementos, seleccione opciones en el área Mostrar del cuadro de
diálogo Configuración del Explorador de películas.
• Para mostrar elementos en las escenas, seleccione Mostrar elementos
de película del menú Panel del Explorador de películas.
• Para mostrar información sobre los símbolos, seleccione Mostrar
definiciones de símbolo del menú Panel del Explorador de películas.
Utilización de los componentes y el panel de componentes de
Animate
En Animate, un componente es un módulo empaquetado y reutilizable que
añade funciones concretas a un documento de Animate. Los componentes
pueden incluir gráficos y código. Por ello, están preconfigurados para poder
incluirlos fácilmente en los proyectos de Animate. Por ejemplo, un componente
puede ser un botón de opción, un cuadro de diálogo o una barra de carga
previa. Puede ser un objeto que carezca de gráficos, como un temporizador,
una utilidad de conexión a un servidor o un analizador XML personalizado.
20
Si tiene menos experiencia programando en ActionScript, puede añadir
componentes a un documento y establecer sus parámetros en el inspector de
propiedades o el inspector de componentes. Utilice el panel Comportamientos
para gestionar sus eventos. Por ejemplo, puede asociar un comportamiento Ir
a página web a un componente Botón. Botón puede abrir una dirección URL
en un navegador web cuando se hace clic en él sin necesidad de escribir
ningún código ActionScript.
Si es usted programador y desea crear aplicaciones más sólidas, puede crear
componentes de forma dinámica. Utilice ActionScript para establecer
propiedades y realizar llamadas a métodos en tiempo de ejecución, y utilice el
modelo de detector de eventos para controlar estos.
INSERCIÓN DE UN COMPONENTE DESDE EL PANEL
COMPONENTES
Cuando se añade por primera vez un componente a un documento, Animate
lo importa como clip de película en el panel Biblioteca. También puede
arrastrar un componente desde el panel Componentes directamente al panel
Biblioteca y, después, añadir una instancia al escenario. En cualquier caso, se
debe añadir un componente a la biblioteca para poder acceder a los elementos
de sus clases.
1. Seleccione el panel Ventana > Componentes.
2. Seleccione una instancia de un componente en el panel
Componentes y arrástrela hasta el escenario o el panel Biblioteca.
Una vez añadido el componente a la biblioteca, puede arrastrar
varias instancias al escenario.
3. Configure el componente según sus necesidades desde el inspector
de propiedades o el inspector de componentes. Para obtener más
información sobre los parámetros utilizados por los componentes,
consulte la documentación correspondiente de la versión de
ActionScript que esté utilizando en el documento de Animate.
21
MEDIANTE EL PANEL DE PARÁMETROS DE COMPONENTES
Los diseñadores de Animate pueden importar sus componentes externos
a Animate y utilizarlos para crear sus animaciones. Para facilitar este flujo de
trabajo, Animate proporciona la sección de parámetros de componentes como
un panel. De este modo, puede cambiar el tamaño del panel o moverlo en el
entorno de Animate. También puede bloquear el panel haciendo clic en el
icono de la hamburguesa situado en la esquina superior derecha del panel.
Seleccione la opción de bloqueo en el menú.
Puede abrir este panel mediante el botón Mostrar parámetros del inspector de
propiedades, o utilizando Ventana > Parámetros de componentes. Puede
añadir valores para los parámetros del cuadro de diálogo.
22
VENTAJAS DE ADOBE ANIMATE CC
Adobe Animate sigue siendo una herramienta de resultados instantáneos,
especialmente teniendo en cuenta que diseñamos nuestros gráficos usando
herramientas de dibujo vectorial.
La base esencial de su sistema es extremadamente simple e intuitiva
perfecta para resultados agiles, exactamente igual que game maker studio
Muchas personas emplean Animate para prototipar de forma sencilla y veloz
todo tipo de contenidos audiovisuales. Crear una animación en
Flash/Animate partiendo de los elementos gráficos base, puede ser cuestión
de segundos. Si añadimos a ello la posibilidad de exportar las animaciones a
todo tipo de formatos (SVG, PNG, MOV…), tenemos una herramienta ágil,
polivalente y muy flexible.
Dos ejemplos recientes de videojuegos cuyos gráficos han sido creados
mediante el uso de Flash/Animate son Tiny Thief (5 Ants) y su sucesor
espiritual, Love you to Bits (de Alike Studio). Sus gráficos sencillos y
coloristas de base vectorial encajan perfectamente con las propiedades de la
herramienta. Los personajes, ítems y elementos de UI del
fantástico Guacamelee también se crearon con Flash.
Podemos resumir sus ventajas como:
• Gran libertad para hacer lo que sea
• Se puede crear una gran interactividad entre el usuario y el sitio
• Si el diseñador tiene habilidad en el programa los resultados
pueden ser espectaculares.
• Se pueden lograr animaciones, juegos, sonido, vídeo.
• Es muy fácil, se pueden crear sitios completos con muy poco
código.
23
DESVENTAJAS
Flash/Animate no es la herramienta más adecuada para determinado tipo
de gráficos. Programas como ToonBoom, Spine o After Effects cuentan con
infinidad de recursos brillantes para el tratamiento de gráficos no vectoriales,
con sistemas de animación complejos y de resultados altamente orgánicos.
Puedes ver excelentes ejemplos sobre gráficos bitmap de alta resolución
animados con Spine en juegos como Rise & Shine o Darkest Dungeon, por
nombrar a algunos recientes.
24
ANEXOS
25
