Segundo Trimestre

Temario

1.-

17/01/17 Apunte #1 Historia de Adobe Flash

Historia de flash     

Flash nace como parte de una suite creada por macromedia programa para crear multimedia

compañía fuerte tenia buenos programas que generaban buenos documentos

permitió crear en los usuarios aplicaciones que podían mostrar animaciones (diferentes a lo q normalmente se veía)  (antes se hacían con imágenes de poca calidad, tipo gifs , se pixeleaban al acercarse

generación imágenes vectoriales que no se iban a pixelear



Implementaba en su programación la implementación de un nuevo programa de animación lenguaje actionscript  (funcionó para macromedia por el 99 o 2000; macromedia se vendió a Adobe ; Adobe vendía programas de macromedia)

con el flash de macromedia cambia la forma de manejo (

plug-in es aquella aplicación que, en un programa informático, añade una funcionalidad adicional o una nueva característica al software.
(Adobe)

cuando jobs saca el ipod lo que hace es que no permite la instalación de programas de flash (corriente fluye infla pila y se descompone)
(pila) (conexión a internet)(itunes)

html5-youtube cambia el uso (no esperar a que se cargue completamente el video)

propicia que la conexión a internet sea mas veloz
el equipo que trabaja sea del cliente
(cancelaron videos de flash)(2012x)


principios esenciales para animaciones

la metodología del trabajo de programa es efectiva
es formativo; saber llevar a cabo un proyecto desarrollado en él

24/1/17 Apunte #3 Photoshop

Photoshop

Es el programa que permite editar imágenes, dado a sus características photoshop va desde el uso mas simple hasta el uso profesional.
Su principal característica es el empleo de capas y esto se ve reflejado en el formato de archivos que emplean.

Formatos - original- a partir de el se obtendrá nuestro trabajo( como esta basado en capas, estas se guardaran en el formato original, siempre y cuando se tenga el formato PSD.

Formato - JPG - calidad alta.
Formato - PNG - su fondo es transparente y al igual que el formato JPG tiene un suavizado(se puede generar sombras) calidad buena a regular.

Buffer- copia de lo selecccionado

19/01/17 Apunte #2 Hitos y ámbito

Hitos y ámbito

1700 llegaban los colonizadores de Inglaterra a  E.U.A. algunos se van al oeste (en caravanas) se repartían la tierra una persona las repartía, para esto clavaban estacas (salían montados en caballo, cuando les gustaba un área se bajaban del caballo y clavaban las estacas 

Hito Marcas para delimitar(historia abajo)  delimitador materia de un problema acompañado de un ámbito (limites)

Ambito Entorno del hito ejemplo: tener problemática con el ámbito familiar (hito casa)
Fiesta (hito=casa) (ámbito=amigos)


Dentro de un problema es fundamental la generación de hitos y ámbitos permite
definir el problema
saber cuales serán los objetivos
parte importante de resolución de problema usando adobe flash

Dentro de la definición del problemas se pueden identificar 4 etapas
(relacionado con ámbito y el hito)

1 etapa de definición  (entrevista laboral)
que voy a hacer
da inicio con una entrevista defiendo el ámbito y el hito en la entrevista

Esta definición de hito nos permite saber q quiere el cliente cuales son los objetivos que elementos emplear para llevar a cabo el proyecto
(preguntar que quiere hacer  o que se desarrolle)

Se lleva a cabo una retroalimentación

2 etapa de diseño

En esta etapa en especial hacer un storyboard en flash un boceto
mismas carcterísticas q tenia cuando lo usaba para hacer un stopmotion
llevar a cabo retroalimentación (si está bien / si le gustó   en el boceto o storyboard   si cumple sus expectativas)

3 etapa construcción

Aquí se elabora el proyecto palnteando elementos que se van a ocupar
se decide si lleva texto o no , su calidad

4ta etapa entrega

En esta etapa se hace entrega de archivos fuente (originales) y los archivos compilados (ejecutables)

Compilables u originales se van a poder leer únicamente en la app de flash

Los compilados o ejecutables se pueden leer en cualquier computadora

"Entregar doc a comp en folder o engargolado entregar al de 6to con nombre "

La generacion de un proyecto en flash tiene todos los "tintes" de una pagina web

Para programar en flash hay que aprender la de actionscript

Hay ciertos elementos q van a una operacion web y deben ser contemplados

1 coherencia  (es que dentro de un desarrollo de app flash se generan elementos de navegación)
está definida por elementos gráficos similares en todo un proyecto
el boton en color rojo para cerrar ejemplo

14/2/17 Action script

Action script

Lenguaje de programación exclusivo para flash
Mediante programación estructurada se puede generar interacción

¿Qué puede hacer action script?

Controlar la línea de tiempo

Una película de Flash está formada por una serie de fotogramas secuenciales llamada línea de tiempo. Utilizando ActionScript en ciertos fotogramas clave podemos crear elementos interactivos como:

• La botonera clásica de navegación, con botones que reaccionan a clics del ratón y envían la cabecera de la película a un fotograma concreto.
• Contenido que se anima basándose en movimientos del ratón.
• Objetos que pueden ser movidos por el ratón o el teclado.
• Campos de texto que permiten a los usuarios entrar datos a la película como en un formulario.
• Controlar el contenido audiovisual.

 Controlar las propiedades de los objetos

ActionScript puede ser utilizado para examinar o modificar las propiedades de los elementos de una película. Por ejemplo, podemos:

• Cambiar el color y la localización de un objeto.
• Reducir el volumen de un sonido.
• Especificar la tipografía de un bloque de texto.
• Campos de texto que permiten a los usuarios entrar datos a la película como en un formulario.
• Modificar las propiedades repetidamente produciéndo comportamientos únicos como son los movimientos basados en la física y la detección de colisiones.

 Generación de contenido programado

Con ActionScript podemos generar contenido directamente desde la bibiloteca de la película o duplicar contenido existente en el Escenario. El contenido generado en forma de programa puede servir como

• Un elemento estático.
• Una plantilla visual aleatoria.
• Un elemento interactivo, por ejemplo una nave en un juego espacial.
• Una opción de un menú que se abre cuando la presionan (pull-down menú).

 Comunicación con el servidor

ActionScript provee de una amplia variedad de herramientas para enviar y recibir información del servidor. Ejemplos de comunicación con el servidor son:

• Enlace a una página web.
• Libro de visitas.
• Aplicación de chat.
• Juego multijugadores a través de la red.
• Transacción de e-comercio.
• Sitio personalizado con nombre de usuario y contraseña

Capas de Flash
flash tiene la capacidad de trabajar con capas

Las capas (layers) son como láminas transparentes que sobreponemos una con otra. Si pintamos en la capa de la parte de abajo de color verde, y en la segunda capa dibujamos un círculo rojo, veremos a través de todas las láminas un rectángulo verde, con un círculo rojo. Esto será de gran ayuda para nuestras presentaciones o películas.
Es posible nombrar, agregar, eliminar o mover capas como también ocultarlas y / o bloquearlas.
Para poder trabajar en nuestras técnicas, debemos tener presente que debemos añadir objetos en capas o layers diferentes. De lo contrario, todos los objetos en una capa se convierten en una entidad.
Flash proporciona la opción de administrar nuestras capas en folderes, con contenidos similares.

FPS
Fotograma :unidad mínima de almacenamiento de cualquier elemento suceptible a ser animado (FPS- Frames Per Second), en este caso de una animación

Apunte #5 31/1/17 Elementos de una animación

Elementos que debe cubrir una animación:

Color, textura, posición con respecto a la luz, perspectiva.

Una animación en términos generales una simulación de movimiento.

congruencia en el plano o situación




tarea diferencias entre caricaturas antiguas a caricaturas actuales (ejemplo flintstones)

Variedad de colores.
Diferencias en color (brillo).
Entornos con más movimiento.
Dibujos de menor a mayor calidad.
Sombras.

26/1/17 Apunte #4 Conceptos básicos de diseño

Conceptos básicos de diseño

Unidad: secuencia lógica; esta union tiene que estar conformada por varias forma; principio básico de composición en la comunicación visual, lo que mas ayuda a la transmisión del mensaje; va a dar coherencia a todo.

Nos indica que el diseño está bien construido.

Para poder cuidarla hay que vigilar los espacios en blanco con respecto con las zonas que están llenas; debe haber una cantidad de espacio entre las distintas zonas acorde al mensaje.

Espacio para llevar a cabo una animación.
Orden o desorden en algunas ocasiones.

 Simetría y asimetría.

 Balance simétrico o formal esta determinado por elementos distribuidos de forma simétrica con respecto a un eje  de composición.

Se emplea en diseños con carácter conservador o de apariencia apática.

El uso de estos elementos pudiera reflejar fortaleza estabilidad o dignidad.

Limita posibilidades de posición de elementos (texto, imágenes, etc).


Balance asimétrico o informal.

A diferencia del balance formal permite incrementar las posibilidades en la posición de elementos dentro de una composición.

Se pueden implementar diferentes tamaños colores contrastes ademas de modificar su posición dentro del escenario.


Equilibrio: Principio básico y se refiere a la posición del objeto dentro de la composición.

Alineación: (Indicio) Se puede manejar como una jerarquía o dominancia.

En términos generales ayuda al usuario a encontrar lo más importante y permite mostrar.

Emplea principios que tienen que ver con el color y el contraste. (Mostrar cambios, acompañado de una cuestión auditiva).

Ritmo: Se debe procurar que el uso del ritmo no genere confusión ya que al colocar los distintos elementos de una animación en direcciones contrarias permite dar la sensación de movimiento agilidad y rapidez.

rotacion, interpolacion: simple, de forma, y de movimiento

imágenes reales