ANIMACIÓN DE PERSONAJES

Pasos a seguir:
1.- Utilizamos la herramienta óvalo para crear una cabeza, brazos y piernas de nuestro personaje
2.- Utilizamos la herramienta rectángulo para así hacer el cuerpo del personaje
3.- A cada figura debemos ponerle "Convertir en símbolo" 
4.- Usamos la herramienta "transformación libre" para mover el círculo pequeños que aparece en   el centro del óvalo hacia la parte de abajo.
5.- Hacemos lo mismo con las piernas y los brazos. así les podremos dar movimiento.
6.- Con la herramienta "Subselección" se puede modificar la forma de la figura.
7.- Seleccionamos todo el personaje(hacemos clic derecho) y elegimos "Distribuir a Capas" 
8.- En la linea del tiempo elegimos el numero 30 y presionamos F6.
9.- Luego hacemos doble clic(hasta que se aparezca de color negro y clic derecho)  y ponemos "Crear Interpolación de movimiento.
10.- Utilizamos la herramienta "Transformación libre" para realizar el movimiento
11.- Seguimos haciendo esto hasta lograr que el personaje se mueva por completo.

MACROMEDIA FLASH 8

Guía:
* Archivo (nuevo)
* Insertar capas
* Insertar circulo (agregamos el color que deseamos en este caso rojo)
* Ir a la linea de tiempo (elegir el tiempo, en este caso el número   30)
* Clic derecho (insertar fotograma)
* Clic derecho (crear interpolación de movimiento)
* Clic en la herramienta de selección (movemos el círculo)
* Creamos un cuadrado y lo colocamos delante del circulo
* Hacemos clic derecho y elegimos convertir en símbolo
* Elegimos la opción Clic de película y luego aceptar
* Hacemos clic en el símbolo
* Luego vamos a la linea del tiempo (elegimos el tiempo, el número 10)
* Clic en interpolación de movimiento
* Clic en la herramienta de transformación libre (cambiamos su dirección)
* Ctrl+Enter (ver el movimiento)

ANIMACIÓN MULTIMEDIA

1.- Multimedia:  Es un proceso utilizado para dar la sensación de movimientos a imágenes o dibujos

2.- Tipos de Multimedia:

*Texto: sin formatear, formateado, lineal e hipertexto. 

*Gráficos: utilizados para representar esquemas, planos, dibujos lineales... 

*Imágenes: son documentos formados por pixeles. Pueden generarse por copia del entorno (escaneado, fotografía digital) y tienden a ser ficheros muy voluminosos. 

*Animación: presentación de un número de gráficos por segundo que genera en el observador la sensación de movimiento. 

*Vídeo: Presentación de un número de imágenes por segundo, que crean en el observador la sensación de movimiento. Pueden ser sintetizadas o captadas. 

*Sonido: puede ser habla, música u otros sonidos.

3.-Adobe Flash: Es una aplicación en forma de reproductor multimedia creado inicialmente por Macromedia  y actualmente distribuido por Adobe Systems.

4.- Macromedia Flash: Es un programa que facilita la utilización de tecnología en la Web, permitiendo la creación de animaciones vectoriales.

5.- Ventana Flash: La idea inicial para insertar un flash en ventana completa es poner el ancho y alto al 100%, pero tiene un problema y es que al hacer esto ya no se muestran los scrolls y si la película es mas grande que la pantalla no se podrá ver la parte que excede la pantalla. 

6.-Herramienta de Flash: La Barra de Herramientas contiene todas las Herramientas necesarias para el dibujo.

7.-Animación: La animación es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos o a otro tipo de objetos inanimados

8.-Video de Flash:

"Introducción Visual Basic 2008"

 PROGRAMAR EL VISUAL BASIC

ü  Descargamos el programa Visual Basic 2008

ü  Elegimos el idioma

ü  Descargarlo e instalarlo

       PROGRAMAR FORMULARIOS - APLICACIONES TIPO ESCRITORIO

          Abrimos el programa Visual Basic 2008

ü  Clic en archivo, nuevo, aplicación de Windows forms

ü   Colocamos un nombre, aceptar

ü  Ventana de cuadro de herramientas hacemos clic en picturebox y lo arrastramos hacia el formulario de trabajo

ü  Hacemos modificación en propiedades de picturebox para que salga todo bien

ü  1 picturebox grande

ü  4 picture box más pequeños

ü  Procedemos a insertar imágenes

ü  Colocamos los códigos a las imágenes

"Aprendiendo a programar y los algoritmos"

Definición:

ü  Un algoritmo es un conjunto de acciones que determinan la secuencia de los

             Pasos a seguir para resolver un problema específico. Sus pasos deben    estar

             definidos con precisión de forma que no existan ambigüedades que den origen a

             elegir una opción equivocada. Los algoritmos son finitos; es decir, su ejecución

             termina en un número determinado de pasos.

             Los algoritmos pueden representarse a través de un conjunto de palabras por

             medio de las cuales se puede representar la lógica de un programa.

Símbolos y Significados:

Ø  Círculo: Procedimiento estandarizado.

Ø  Cuadrado: Proceso de control.

Ø  Línea ininterrumpida: Flujo de información vía formulario o documentación en soporte de papel escrito.

Ø  Línea interrumpida: Flujo de información vía formulario digital.

Ø  Rectángulo: Formulario o documentación. Se grafica con un doble de ancho que su altura.

Ø  Rectángulo Pequeño: Valor o medio de pago (cheque, pagaré, etcétera).Se grafica con un cuádruple de ancho que su altura, siendo su ancho igual al de los formularios.

Ø  Triángulo (base inferior): Archivo definitivo.

Ø  Triángulo Invertido (base superior): Archivo Transitorio.

Ø  Semi-óvalo: Demora.

Ø  Rombo: División entre opciones.

Ø  Trapezoide: Carga de datos al sistema.

Ø  Elipsoide: Acceso por pantalla.

Ø  Hexágono: Proceso no representado.

Ø  Pentágono: Conector.

Ø  Cruz de Diagonales: Destrucción de Formularios.

Ejemplos:

web grafía:

http://www.virtual.unal.edu.co/cursos/ingenieria/2001839/modulo1/cap_02/leccion103.htm

http://ubv2006.galeon.com/Programas/Algoejemplos.pdf

"Teoría del Diseño"

¿Qué es diseño?

• Actividad encaminada a la configuración de un objeto. Siendo así, casi cualquier actividad productiva humana suele involucrar algún tipo de ``Actividad de diseño´´. Pero propiamente podríamos hablar de los más típicos como aquellos asociados al acto de: Imaginar, Diagramar, Dibujar. Con el fin de crear un objeto.

División de diseño:

•Diseño Arquitectónico: Proyecta espacios habitables para el ser humano (parques, casas, etc.).

•Diseño de espacios: Realiza proyectos de uso, adecua los espacios de acuerdo a necesidades de su utilidad (comercial, educativa, etc.).

•Diseño Industrial: Proyecta objetos de producción industrial para el uso humano (artefactos, herramientas, muebles, etc.).

•Diseño Grafico: Configura mensajes visuales significantes (logotipos y marcas, carteles, revistas, etc.).

•Diseño de Moda: Proyecta y realiza prendas y accesorios para vestir (ropa, zapatos, joyería, etc.).

•Diseño Textil: Consiste en concebir y configurar telas y patrones para la industria textil (estampados, hilados, bordados, fibras, etc.).

Ramas de Diseño Grafico:

•Diseño Editorial: Tiene que ver con la creación de productos impresos en especial revistas, periódicos y libros.

•Diseño Corporativo: Ve la creación de logotipos, marcas e identidad visual de compañías, personas, etc.

•Diseño de Exposiciones: Tiene que ver con la creación de stands o layouts de exposición para tiendas, galerías, ferias, etc.

•Diseño de Arte: Se ocupa mucho de la producción escénica, fílmica y TV, tiene que ver con la escenografía y estilos visuales.

•Diseño Publicitario: Objetos de comunicación visual relacionados con la promoción de mensajes comerciales.

•Diseño Digital: Se ocupa del desarrollo y creación de imágenes mediante medios digitales.

•Diseño Fotográfico: (fotodiseño) Crea imágenes mediante medios fílmicos (fotografía y cine).

•Ilustración: Aplica las técnicas y métodos de las artes plásticas a la creación de imágenes para ilustrar conceptos específicos.

•Empaque y Embalaje: Se ocupa de la creación de los envases, empaques y etiquetas de los productos de consumo.

practica02_Photoshop

Herramientas

-Ir a Archivo, nuevo, predefinir (película y video), contenido de fondo (transparente) Ok, Ok

Luego Ponemos  Imagen de Fondo:

1- luego Archivo, abrir, seleccionar  imagen de fondo (paisaje).

2-Luego Click derecho en el titulo de la ventana de la imagen, mover a nueva ventana.

3-Luego Click sostenido en la imagen, arrastras hasta la ventana vacía, y la imagen se ve grande (paisaje).

4-Luego Menú edición, transformar, escala, ponerlo en el tamaño de la hoja de trabajo y doble clic, cerrar la ventana que no utilizamos.

5-Luego En la parte derecha buscar el botón capas, y se ve que una capa está vacía.

Luego ponemos otra  Imagen:

1- Luego Agregamos  otra imagen, archivo, abrir, luego seleccionar  imagen de fondo, click derecho en el título de la ventana de imagen, mover a una ventana nueva.

2-Luego Seguir el paso 4 y 5.

3-Luego Ver capas en la parte derecha.

4-Luego Recortaremos con la herramienta lazo poligonal la imagen.

5-Luego de Cortar, selección, invertir, Suprimir, menú selección deseleccionar.

6-Luego Seleccionar por partes, herramienta lazo.

7-Luego Seleccionar capa, hacemos clic en la capa que esta de fondo.

8-Luego Dar efecto al fondo: menú filtro, desenfocar, movimiento (ángulo 23, distancia 48 píxeles)

9-Luego Menú imagen, ajustes, tono saturación, seleccionar por defecto, todos, colorear y mover las guías para ver los tonos.

Luego Agregar Otra Imagen:

1-Archivo, abrir, imagen, seleccionar una imagen.

2-Luego Seguir el paso 3, 4 y 5.

3-Luego Cortar una parte de la imagen  con la herramienta circulo.

4-Luego Menú selección, invertir, perfeccionar borde, click en la opción Sobre el negro, acomodar posición donde quiere que este la imagen.