portafolio de diseño digital v

DISEÑO DIGITAL VPORTAFOLIO DE JACKELINE GONZÁLEZ M.

DISEÑO DIGITAL VPORTAFOLIO DE JACKELINE GONZÁLEZ M.

DOCENTE: LCDO. LAURO GUERRERODOCENTE: LCDO. LAURO GUERRERO

Fenómeno PhiFenómeno Phi

Es una sucesión de imagenes que al reproducidas a cierta velocidad genera la impresión de movimiento. El fenómeno phi es una ilusión óptica de nuestro cerebro cuando percibimos un movimiento continuo en donde hay una sucesión de imágenes. Definida por Max Wertheimer en la psicología de la Gestalt en 1912, junto con el fenómeno de persis-tencia retiniana. Se suele decir que formó parte de la base de la teoría del cine, aunque el cine ya existía.

Esta ilusión óptica consiste en que el ojo humano logra percibir movimiento a partir de información fraccionada, por ejemplo, una sucesión de imágenes. Es decir, a partir de la reproducción de una serie de imágenes congeladas con una frecuencia determinada (velocidad de imágenes por segundo) se percibe un mov-imiento continuo.

I

INVESTIGACIONESDEBERES

CLASES

Historia de la televisión y sus formatosHistoria de la televisión y sus formatos

El Día Mundial de la Televisión se celebra el 21 de noviembre en conmemoración de la fecha en que se celebró en 1996 el primer Foro Mundial de Televisión en las Naciones Unidas. La televisión es un sistema para la transmisión y recepción de imágenes en movimiento y sonido a distancia que emplea un mecanismo de difusión, la transmisión puede ser efectuada mediante ondas de radio, por redes de televisión por cable, Televisión por satélite o IPTV.

CAPTACIÓN DE SEÑAL El iconoscopio está basado en el principio de emisión fotoeléctrica: la imagen se proyecta sobre un mosaico formado por células fotoeléctricas que emiten electrones que originan la señal de imagen. Se usó en E.E.U.U. entre 1936 y 1946. El vidicón es un tubo de 2,2 cm de diámetro y 13,3 cm de largo basado en la fotoconductividad de algunas sustancias. La imagen óptica se proyecta sobre una placa conductora que, a su vez, es explorada por el otro lado mediante un rayo de electrones muy fino. El plumbicón está basado en el mismo principio que el vidicón, pero la placa foto-conductora de este está formada por tres capas: la primera, en contacto con la placa colectora, y la tercera están formadas por un semiconductor; la segunda, por óxido de plomo. De este modo, se origina un diodo que se halla polarizado inversamente; debido a ello, la corriente a través de cada célula elemental, en ausencia de luz, es extraor-dinariamente baja y la sensibilidad del plumbicón, bajo estas características, muy elevada.

I


CLASES

Tipos de televisoresTipos de televisores

Televisor blanco y negro: la pantalla sólo muestra imágenes en blanco y negro.

Televisor en color: la pantalla es apta para mostrar imágenes en color. (Puede ser CRT, LCD, Plasma o LED)

Televisor pantalla LCD: plano, con pantalla de cristal líquido (o LCD) Televisor pantalla de plasma: plano, usualmente se usa esta tecnología para forma-tos de mayor tamaño. Televisor LED: Plano, con una pantalla constituida por LEDs.

Televisor Holográfico: Proyector que proyecta una serie de imágenes en movimiento sobre una pantalla transparente.

I


CLASES

Ntsc / PalNtsc / Pal

NTSC (National Television System Committee - Comisión Nacional de Sistema de Televisión) es un sistema de decodificación y transmisión de televisión en color analógico apareció en el año 1940 . Actualmente este sistema es utilizado en gran parte de América y Japón.

PAL (Phase Alternating Line - Línea de fase alternada) apareció en el año 1963 en los laboratorios de Telefunken cuando el Dr. Walter Bruch trataba de mejorar la calidad y reducir los de defectos de tonos de colores del sistema NTSC. El sistema PAL (720 X 576 pixeles y 25 fotogramas por segundo) es usado en Europa.

I


CLASES

USB / FireWireUSB / FireWire

Muchas personas hemos oído estos terminos pero no sabemos con exactitud cual es la mejor elección, esta seria la mejor respuesta. Para un mejor rendimiento, siempre son preferibles periféricos FireWire; y para el máximo de compatibilidad, la decisión correcta es USB.

Nosotros decidimos cual de los dos queremos utilizar, en el caso de las com-putadoras portátiles con dos puertos, uno USB 2.0 y otro FireWire, y llegado el momento de adquirir un lector de cámara digital CompactFlash, que viene en versión USB 2.0 y FireWire, el problema es cuál de los dos escoger. Para un mejor rendimiento, siempre son preferibles periféricos FireWire. Pero, para el máximo de compatibilidad, la decisión correcta es USB. Casi todas las computadoras vendidas en los últimos años tenían puertos USB. Muchas computadoras carecen de puertos FireWire, y es una lástima.

En resumen, debemos utilizar un puerto Firewire sobre todo cuando necesitemos una velocidad alta y muy estable en la transmisión de datos, como es el caso de la conexión entre videocámaras digitales (en estas el puerto Firewire suele estar mar-cado como puerto DV) y ordenadores, en la conexión de discos externos, sobre todo si pensamos ejecutar archivos multimedia (de imagen) desde estos, cuando necesitemos compartir un periférico entre PC y Mac o bien cuando el dispositivo así lo indique. Para el resto de los casos vamos a tener suficiente con una conexión USB 2.0.

I


CLASES

Edición lineal y no linealEdición lineal y no lineal

Edición Es un proceso en el cual un editor elabora un trabajo audiovisual o visual a partir de medios que pueden ser archivos de video, fotografías, gráficos o animaciones.

Tipos de edición Existen dos tipos de edición, digital o por computadora (no lineal) y la analógica (lineal).Lineal Se sigue de forma secuencial la filmación. Si queremos eliminar un fotograma tendriamos que ver del fotograma 1 al 999 y luego eliminar para saber específica-mente cual fotograma es el que vamos a eliminar.

No lineal Permite ordenar los frames en el orden que deseemos, es mucho más fácil, por que si queremos borrar un fotograma sabemos cual va a ser eliminado debido a ahora todo es digitalizado.

I


CLASES

Organización del material de trabajoOrganización del material de trabajo

Organización en cuanto a un proyecto

Jackeline González

Práctica 01 Video Audio Gráficos

Práctica 02

IMPORTANTE Un disco duro externo debe tener 60 gbs para poder guardar trabajos y no tener inconvenientes al momento de trabajar en Adobe Premiere Pro o cualquier programa de edición en el que utilicemos videos.

II


CLASES

Área de trabajo / nuevo projecto Premiere ProÁrea de trabajo / nuevo projecto Premiere Pro

INDICACIONES- Abrir Adobe Premiere Pro - File / new project - Render: - Video: Elegimos en que queremos que se mida el video (Timecode) ó (Frames) - Audio: Display format / audio samples - Capture: Capture format / HDV ó DV - Location: Elegimos la ubicación en la que vamos a guardar los proyectos - Name: Ej. (documentos/JGonzalez/ejercicio1)

SCRATET DISKS- Sequence presets - Avaible presets - DV - NTSC - Standart 48 Khz (tamaño del cuadro: 720X480, Cadencia: 29,97 fps, Formato: 4.3 ancho por alto, Audio:16 bits)

IMPORTANTE Modificar los ajustes del projecto, una vez iniciado el trabajo de edición suelen venir acompañado de problemas. Otro dato a tener en cuenta es, trabajar a la máxima calidad posible y luego exportar al formato que requiere el trabajo final.

CUSTOM SETTINGS Aquí editamos los valores predeterminados si es que no se adaptan a nuestras necesidades, como por ejemplo:- Formato de video- Número de fotogramas por segundo- Tamaño del fotograma- Proporción del fotograma- Muestreo del sonido

II


CLASES

Interfaz de Adobe Premiere ProInterfaz de Adobe Premiere Pro

Parte I:Área 1 Librería: Cuadro de elementos importados. Se importa haciendo doble clic sobre el vacio ó Ctrl + i. Se pueden importar archivos de audio y video, así como las diferentes secuencias que tengamos abiertas. Ícono de elementos nuevos: Podemos agragar diferentes elementos como colores sólidos, contador hacia atrás, barra de inicio o títulos

Área II Efectos de video: Podemos modificar algunos de los aspectos que conforman los diferentes clips de nuestro video.Posición: Podremos mover el clip por la pantallaEscala: Modifica el tamaño del clip, ellos funcionan insertando fotogramas clave o punto de anclaje. Aquí en el punto cuatro podemos ver un ejemplo de fotogramas claves creados en un clip, en este caso para modificar la posici[on de un clip.Se puede utilizar cualquier canal para visualizar el video.

II


CLASES

Panel de HerramientasPanel de Herramientas

Herramientas: En la interfaz de Premier Pro encontramos 8 elementos en el panel de herramientas que son: 1. Herramienta selección2. Herramienta editar rizo3. Herramienta ampliar velocidad4. Herramienta desplazar5. Herramienta pluma6. Herramienta mano7. Herramienta seleccionar pista8. Herramienta editar desplazamiento9. Herramienta cuchilla10. Herramienta deslizar 11. Herramienta de zoom.

II


CLASES

Uso de herramientas de trabajoUso de herramientas de trabajo

SEPARAR AUDIO - Ctrl + clic derecho sobre el video y seleccionar unlink. - En audio mixer podemos modificar los valores de audio del video - Effects controls (se encuentra dentro de window), dentro encontramos Volume: Bypass, Level - Level: Seleccionar los deciveles que deseo aumentar o disminuir, al mover las flechas se crea un keyframe, en el video se crean unos rombitos. - Seleccionar todos los audios y luego + clic derecho para agrupar todos los audios (nested).

MARGENES SEGUROS ( SAFE MARGINS ) Program Sequence En la TV se recortan los filos de los videos por eso se activa esta opción siempre que editamos. Ctrl + shift para agrandar o disminuir el tamaño del video.

TRANSICIONES DE AUDIO Y VIDEO Media Browser / Effects / Video / Transitions / 3D Motion / Disolve y dentro hay 5 efectos. Si no te gusta el efecto, seleccionarlo y borrar (suprime). Doble clic para modificar los valores del efecto. Para cámara rápida o lenta Ctrl + clic derecho y seleccionamos Speed/Duration. En effects controls en Time Remapping se logra el mismo efecto anterior. Efecto de audio / Audio Gain se reducen los ruidos (normalizar el audio).

III


CLASES

Importar audio y videoImportar audio y video

Importar audio y video: Al importar un proyecto de Adobe OnLocation en Adobe Premiere Prot se facilitan la creación de un montaje inicial preliminar. Podrá utilizar la función Búsqueda de voz para sincronizar el guión con el material de archivo y posteriormente realizar la edición en función de la transcripción del diálogo. Para los recursos basados en archivos, con el Navegador de medios puede importar archivos desde los orígenes de su equipo en cualquiera de los formatos de los medios principales. Cada archivo que capture o importe automáticamente se convertirá en un clip del panel Proyecto. Mediante el panel Captura, capture material de archivo directamente desde una videocámara. Con el hardware adecuado, puede digitalizar y capturar otros formatos hasta HD.

También podemos utilizar Adobe® Bridge para organizar y buscar nuestros archivos de medios y, a continuación, utilizar el comando Colocar de Adobe Bridge para colocar los archivos directamente en Adobe Premiere Pro. En el panel Proyecto puede etiquetar, categorizar y agrupar el material de archivo en bandejas para mantener organizados los proyectos complejos. Puede abrir varias bandejas de forma simultánea, cada una en su propio panel, o bien puede anidar bandejas, una dentro de otra. Con la vista Icono del panel Proyecto, puede organizar los clips en una bandeja con estilo de guión gráfico para visualizar o montar rápidamente una secuencia.

II


CLASES

Agregar títulos en un videoAgregar títulos en un video

Títle: Mediante el Titulador se puede crear títulos fijos con estilo, se presiona Ctrl + clic derecho en la parte donde se encuentra los archivos importados opción New Item / Title, luego se escribe y se cierra, se creará una imagen, arrastraremos el título y se pondrá fácilmente sobre el vídeo. Si lo preferimos, podemos modificar una gran variedad de plantillas de título proporcionadas. Como con cualquier clip, puede editar, atenuar, animar o agregar efectos en los títulos de una secuencia.

Agregamos transiciones y efectos desde el panel de Efectos, aquí se incluye una lista exhaustiva de transiciones y efectos que puede aplicar a los videos. Puede ajustar estos efectos, además del movimiento, la opacidad y la ampliación de la velocidad variable de un clip mediante el panel Controles de efectos. Al ajustar las transiciones, el panel Controles de efectos muestra controles diseñados especialmente para esta tarea. Alternativamente, puede visualizar y ajustar transiciones y fotogramas clave de efectos de un clip en un panel Línea de tiempo.

II


CLASES

Mezclar audioMezclar audio

Mezclador de audio: Para realizar ajustes de audio basados en pistas, el Mezclador de audio emula con fidelidad una mesa de mezclas de audio con funciones completas, con controles deslizantes para la panorámica y la transición, envíos y efectos.Adobe Premiere Pro guarda los ajustes en tiempo real. Con una tarjeta de sonido compatible, puede grabar audio mediante el mezclador de sonido o mezclar audio para conseguir sonido 5.1 envolvente.

Exportación: Entregue la secuencia editada en el medio que desee: cinta, DVD, Disco Blu-ray o archivo de película. Con Adobe Media Encoder puede personalizar los ajustes de MPEG-2, MPEG4, archivos FLV y otros códecs según las necesidades de la audiencia.

II


CLASES

Uso de Photoshop en PremiereUso de Photoshop en Premiere

Uso de Photoshop: Abrimos la interfaz de Photoshop, crear nuevo documento / Film & Video, preset: NTSC/DV, Área: 720X480. Creamos un cuadro con color luego select modify / border 12 puntos. Si utilizamos Photoshop para crear imágenes fijas, podrá usar Adobe Premiere Pro para que se muevan y cambien. Podemos animar una imagen completa o cualquiera de sus capas. Es posible editar fotogramas individuales de vídeo y archivos de secuencia de imágenes en Photoshop. Además de usar cualquier herramienta de Photoshop para editar y pintar en el vídeo, podrá aplicar también filtros, máscaras, transforma-ciones, estilos de capas y modos de fusión. Puede pintar usando las herramientas Tampón de clonar, Tampón de motivo, Pincel corrector o Pincel corrector puntual. También puede editar fotogramas de vídeo utilizando la herramienta Parche. En Photoshop, con el Tampón de clonar podrá sacar una muestra de un fotograma de una capa de vídeo y pintar con el origen muestreado en otro fotograma de vídeo. Conforme se va moviendo por diferentes fotogramas de destino, el fotograma de origen cambia según el fotograma desde el que sacó una muestra en un principio. Después de realizar ediciones, puede guardar vídeo como archivo PSD o podrá procesarlo como una película de QuickTime o secuencia de imágenes. Podrá importar cualquiera de estos elementos a Adobe Premiere Pro para continuar con la edición.

Si utiliza Adobe Premiere Pro para crear películas, puede utilizar Photoshop para refinar los fotogramas individuales de dichas películas. En Photoshop, puede realizar cualquiera de las siguientes operaciones:• Eliminar elementos visuales no deseados.• Dibujar en fotogramas individuales.• Utilizar las herramientas de máscara y selección superior para dividir un foto-grama en elementos para animación o composición.

II


CLASES

Importar archivosImportar archivos

Importación de archivos: El comando Importar introduce en su proyecto archivos que ya estén en su discoduro u otro dispositivo de almacenamiento conectado. Mediante la importación de archivos, éstos quedan disponibles para un proyecto de Adobe Premiere Pro. Adobe Premiere Pro le permite importar distintos tipos de vídeo, imágenes fijas y audio. Finalmente, se puede exportar un proyecto de Adobe Premiere Pro desde After Effects e importarlo en Adobe Premiere Pro.

Puede importar archivos de vídeo, audio y archivos de imágenes fijas en diversos formatos de archivo en un proyecto de Adobe Premiere Pro. Puede importar un solo archivo, varios o toda una carpeta de archivos. Los tamaños de fotogramas no pueden superar 16 megapíxeles.

Si el software que utiliza para crear los archivos no le permite utilizar píxeles como unidad de medida, puede que sea suficiente con indicar los puntos. En Adobe Premiere Pro, podemos importar archivos con el comando Importar. También puede transferir archivos a Adobe Premiere Pro desde Adobe Bridge. Adobe Premiere Pro indexa ciertos tipos de archivos y transcodifica otros tras importarlos. No puede editar estos tipos completamente hasta que se hayan completado estos procesos. El nombre de archivo de un clip aparece en cursiva en el panel Proyecto hasta que se hayan indexado o transcodificado totalmente. Adobe Premiere Pro se ejecuta en modo de administrador para la activación de plugins, acceso a disco especial y permisos de red. Para activar la función de arrastrar y colocar mientras se ejecuta Adobe Premiere Pro en modo de administrador, deshabilite el control de cuenta de usuario.

II


CLASES

Exportación de archivosExportación de archivos

Exportación: Adobe Premiere Pro puede importar muchos formatos de vídeo y audio. Los módulos de software de plugin ofrecen compatibilidad con el formato de archivo. La mayoría de estos módulos de software se instalan automáticamente con Adobe Premiere Pro. Algunas extensiones de nombres de archivo, como MOV, AVI, MXF, FLV y F4V, identifican formatos de archivos contenedores en lugar de un formato de datos de imagen, vídeo o audio determinado. Los archivos contenedores pueden tener datos codificados mediante varios esquemas de compresión y codificación. Adobe Premiere Pro puede importar estos archivos contenedores, pero la capacidad de importar los datos del archivo dependerá de los códecs (especialmente los descodificadores) instalados. Con la instalación de códecs adicionales, puede ampliar la capacidad de Adobe Premiere Pro para importar tipos de archivos adicionales. Muchos códecs deben instalarse en el sistema operativo (Windows o Mac OS) y funcionan como uno de los componentes de los formatos QuickTime o Vídeo para Windows.

II


CLASES

Formatos de archivos compatibles para exportarFormatos de archivos compatibles para exportar

Compatibilidad para exportar: Algunas extensiones de nombres de archivo, como MOV, AVI, MXF, FLV y F4V, identifican formatos de archivos contenedores en lugar de un formato de datos de imagen, vídeo o audio determinado. Adobe Premiere Pro puede importar estos archivos contenedores, pero la capacidad de importar los datos del archivo dependerá de los códecs (especialmente los descodificadores) instalados. Con la instalación de códecs adicionales, puede ampliar la capacidad de Adobe Premiere Pro para importar tipos de archivos adicionales. Muchos códecs deben instalarse en el sistema operativo (Windows o Mac OS) y funcionan como uno de los componentes de los formatos QuickTime o Vídeo para Windows.Formatos de archivo de animación y de vídeo compatibles• 3GP, 3G2 (película de QuickTime)• ASF (Netshow, sólo Windows)• AVI (DV-AVI, Microsoft AVI Tipo 1 y Tipo 2)• DLX (Sony VDU File Format Importer sólo para Windows)• DPX (Digital Picture eXchange)• DV (flujo DV, un formato QuickTime)• FLV/F4V• GIF (GIF animado)• M1V (archivo de vídeo MPEG-1)• M2T (Sony HDV)• M2TS (Blu-ray BDAV, MPEG-2 Flujo de transporte MPEG-2, AVCHD)• M4V (archivo de vídeo MPEG-4)• MOV (película de QuickTime; en Windows, requiere el reproductor QuickTime)• MP4 (película de QuickTime, XDCAM EX)• MPEG, MPE, MPG (MPEG-1, MPEG-2), M2V (MPEG-2 compatible con DVD)• MTS (AVCHD)• MXF (Formato Media eXchange; Película P50: variante de MXF Op-Atom de Pana-sonic, con vídeo en formato DV,DVCPRO, DVCPRO 2, DVCPRO HD, AVC-Intra, H.264 Intra (Codificación avanzada de vídeo Intra; PanasonicAVC-Intra 50 & 100); Películas XDCAM HD y Avid MXF, Sony XDCAM HD 100 (4:2:2))• SWF (objeto de Flash Shockwave)• VOB (Objeto de vídeo, Película MPEG)• WMV (Vídeo de Windows Media, sólo Windows)

II


CLASES

Transiciones de audio y videoTransiciones de audio y video

Media Browser: Vamos a Media browser a la opción Effects - video transitions - 3D motion - disolve, dentro hay 5 efectos. Si no nos gusta el efecto podemos seleccionarlo y borrar (suprimir). Hacemos doble clic para modificar los valores del efecto.

Audio transitions: Elegir la opción Crossfade, ahí encontraremos 3 efectos dentro de este. Para la cámara lenta o rápida hacemos clic sobre el video y luego elegimos la opción Clip speed / duration. En effects controls en la pestaña Time remapping se logra el mismo efecto ante-rior mente explicado (cámara lenta o rápida). Efecto audio: Con Audio Gain se reducen los ruidos (normalizar el audio). Para renderizar o exportar un proyecto de premiere presionamos manzana o Ctrl + M, se va a desplegar una ventana donde vamos a ingresar los siguientes datos: Format: QuicktimePreset: NTSC DV ó WidescreenHacemos clic en export audio y export video.Video: video codecHacer clic en Maximum renderFilters: exportSource range: work area

Creación de bars and tone:Presionamos Ctrl + clic derecho en la parte donde se encuentran los archivos impor-tados. New Item - Bars and Tone, mantenemos presionado control y arrastramos bars and tone al time line.

Actualización de vínculo:Cuando abrimos un proyecto y aparece una preguntandonos donde está ubicado cierto archivo posiblemente sea porque no está vinculado. Seleccionamos el archivo que nos pidio al principio, clic derecho y seleccionamos actualizar vinculo.

II


CLASES

Transformar video en imagenesTransformar video en imagenes

Capturar imagenes: Escoger lo que se va a remover y control C, vamos a emotion - antiflicker más fluido. En el reloj se crea un punto - add - new. Escala punto, achico punto directamente.

Fotografía congelada: Primero escoger una parte que va a ser la imagen, congelado de fotografía (cortar el video), export frame (explit cuadro), png - imagen congelada y hago clic en Ok, pero se suprime, luego se inserta o se arrastra.

Repetición de una parte: Revist pit - cámara lenta, hacerlo y regresar, coger la parte que se va a repetir, cortar las partes, se deben tener 3 videos. El primero va a un 100%, el segundo a un 60% y el tercero no se le modifican los valores.Comando C y comando V (duplicar) Luego modificamos con la opción Speed/ dura-tion. Este efecto es más dinámico porque se resalta una parte del video. Actualización de vínculo:Cuando abrimos un proyecto y aparece una preguntandonos donde está ubicado cierto archivo posiblemente sea porque no está vinculado. Seleccionamos el archivo que nos pidio al principio, clic derecho y seleccionamos actualizar vinculo.

II


CLASES

Introducción a interfaz Audition Introducción a interfaz Audition

CRERA UN NUEVO DOCUMENTO - File / New - Multitrack Session - Audio file - New audio file - Nos aparecer[a una ventana donde vamos a elegir las siguientes opciones: Sample Rate: 48000 Hz Channels: Stereo, Mono, 5.1 Bit Depth: 32 (float), 8, 16, 24 "Podemos elegir 32 ó 24"Nota: En el párrafo anterior mencionamos canales como Mono, Stereo y 5.1, los cuales voy a dar un breve concepto. Mono significa uno, por lo tanto quiere decir un solo parlante, mono era utilizado en los radios antiguos de un solo parlante; Stereo es un sonido más envolvente puesto que capta dos señales, no son iguales varían un poco y por último tenemos 5.1 que es utilizado en cine o lo que conocemos como DOLBY.

Parlantes Bass: Sonidos graves Tweeters: Sonidos agudos

VI


CLASES

MONO DOLBY

Formato Wav y Mp3 Formato Wav y Mp3

COMO GUARDAR UN PROYECTO EN MP3 Vamos a File - Export - Mp3 ó WAV. Así como existen imagenes en formato comprimido y sin comprimir, pasa algo similar con el audio, ej.:Imagenes Audio Psd: Sin comprimir Wav: Sin comprimir Bmp: Sin comprimir Mp3: Comprimido Jpg: Comprimido Gif: Comprimido Para entender mejor este tema de la compremsión de audio adjunto una imagen con un diagrama de audio.

El formato Wav conserva todo el audio intacto e inclusive sonidos que el oído humano no percibe, mientras que el formato Mp3 elimina esos sonidos que no podemos percibir. El formato Mp3 se lo usa más para paginas web (internet). El formato Wav se lo utiliza para cine, Tv y para radio pero para locuciones en vivo.

VI


CLASES

WAV

MP3

Como crear Loops en Audition Como crear Loops en Audition

LOOPS Vamos a File - Open y seleccionamos un audio, sonido o canción. Se va a abrir el audio y lo que haremos es seleccionar una pequeña parte del audio, la parte que queremos que se repita.

Copiamos y creamos un nuevo documento donde vamos a pegar la parte anterior mente seleccionada. Ese nuevo archivo va a ser más corto, pues no es el audio completo sino la parte que seleccionamos. Un loop es un pequeño audio que se repite una y otra vez. Lo complicado al hacer esto sería que no se debe notar el corte que se hace, osea que el sonido sea al unísono, que de la sensación que el sonido es indeterminado, que no se termina.

Para terminar vamos a File, hacemos clic en Export y lo grabamos como mp3 ó wav puesto que ya sabemos la diferencia entre los dos formatos que no solo es la calidad si no también el peso de cada archivo y que en algunos ordenadores es necesario instalar algunos plugins para poder escuchar un archivo en formato wav. Luego podemos escuchar el resultado final de lo que hemos realizado.

VI


CLASES

Efectos realizados en AuditionEfectos realizados en Audition

REMOVER LA VOZ DE UN AUDIO Seleccionamos el audio a eliminar la voz, vamos a Favorites - Remove Vocals.

COPIA, CORTE, PEGADO Y ELIMINACIÓN DE AUDIO:1.- En el Editor de forma de onda, seleccione los datos de audio que desee copiar o cortar. O bien, para copiar o cortar toda la forma de onda, anule la selección de todos los datos de audio.2 Elija una de las siguientes opciones:• Edición > Copiar, para copiar datos de audio en el portapapeles.• Edición > Copiar en nuevo, para copiar y pegar los datos de audio en un archivo nuevo.• Edición > Cortar, para eliminar los datos de audio de la forma de onda actual y copiarlos al portapapeles.Para el pegado de datos de audio realice una de las siguientes acciones:• Para pegar datos de audio en el archivo actual, coloque el indicador de tiempo actual en el punto en el que desea insertar los datos de audio o seleccione los datos de audio que desea reemplazar. A continuación, elija Edición > Pegar.• Para pegar datos de audio en un archivo nuevo, elija Edición > Pegar en nuevo. El nuevo archivo heredará automáticamente el tipo de muestra (velocidad y profundidad de bits) del material del portapapeles original.

VI


CLASES

Inversión y silencio de audioInversión y silencio de audio

INVERSIÓN DE UNA FORMA DE ONDA: El efecto Invertir, invierte la fase de audio en 180 grados. La inversión no produce ningún cambio perceptible en una forma de onda individual aunque se puede escuchar una diferencia al combinar formas de onda. Por ejemplo, puede invertir el audio pegado para alinearlo con el audio existente. O puede invertir un canal de un archivo estéreo para corregir una grabación desfasada.1.- Si desea invertir parte de una forma de onda, seleccione el intervalo deseado. O, anule la selección de todos los datos de audio para invertir toda la forma de onda.2.- Elija Efectos > Invertir.

REVERSIÓN DE UNA ONDA DE FORMA: El efecto Revertir revierte una forma de onda de derecha a izquierda, de forma que se reproduce hacia atrás. La reversión resulta útil para crear efectos especiales.1.- Si desea revertir parte de una forma de onda, seleccione el intervalo deseado. O, anule la selección de todos los datos de audio para revertir toda la forma de onda.2.- Elija Efectos > Revertir.

CREACIÓN DE SILENCIO: La creación de silencio resulta útil para insertar pausas y eliminar ruidos no esenciales de un archivo de audio. Adobe Audition ofrece dos formas de crear silen-cio:• Para silenciar el audio existente en el Editor de forma de onda, seleccione el con-tenido deseado y elija Efectos > Silencio. A diferencia de la eliminación o corte de una selección, que une el material envolvente, el silencio deja la duración de la selección intacta.• Para añadir silencio en el Editor multipista o de forma de onda, sitúe el indicador de tiempo actual o seleccione el audio existente. A continuación, seleccione Editar > Insertar >Silencio e indique el número de segundos. Todo el audio a la derecha se alarga, lo que prolonga a su vez la duración. Los clips multipista se dividen si es necesario.

VI


CLASES

Efectos de restauración y reducción de ruidoEfectos de restauración y reducción de ruido

TÉCNICAS DE RESTAURACIÓN DE AUDIO: Puede solucionar una gran cantidad de problemas de audio mediante la combinación de dos eficaces funciones. En primer lugar, utilice la Visualización espectral para identificar visualmente y seleccionar los rangos del ruido y otros efectos individuales no deseados. Posteriormente, utilice los efectos Diagnóstico o Reducción de ruido para solucionar problemas como el siguiente:• Crujidos provenientes de micrófonos inalámbricos o discos de vinilos antiguos. • Ruido de fondo como el murmullo del viento, un silbido de cinta o un zumbido de línea de potencia. “Efecto Reducción adaptativa de ruido” • Cancelación de fase desde micrófonos estéreo mal colocados o máquinas de cinta más alineadas.

VI


CLASES

Interfaz de After EffectsInterfaz de After Effects

INTRODUCCIÓN Es un programa de post-producción, especificamente para crear efectos. Para importar archivos presionamos Ctrl + i , se abrirá una ventana y selecciona-mos el video, si queremos importar más de 1 archivo presionamos Ctrl + Shift + i, ó también haciendo doble clic en la zona derecha donde se encuentra la biblioteca y se abre la ventana para importar archivos.

Elegimos New Composition y colocamos los siguientes valores en la pestaña que nos aparecerá:Preset: HDV/HD TV 720 29.97Width: 1280Height: 720Frame rate: 29.97Duration: 0;00;59;28Clic en Ok.

VI


CLASES

Texto animado en After EffectsTexto animado en After Effects

TIPOGRAFÍA: Seleccionamos la herramienta de texto, arrastramos y creamos un cuadro de texto donde vamos a escribir.

Si hacemos clic en Text nos van a aparecer varias opciones como: Animator 1 > Range selector 1 > Start, end, offset, nos ubicamos el timeline y modificamos el valor a 0% en la opción Offset, luego movemos la linea de tiempo hasta donde queremos que llegue la animación y cambiamos el valor a 100%. Seleccionamos la capa, luego presionamos P, hacemos clic en el reloj, movemos la linea de tiempo y hacemos clic en los puntos para modificar la linea.

VI


CLASES

Creación de una película sencillaCreación de una película sencilla

PELÍCULA: Este ejemplo omite el paso de importación de material de archivo y en su lugar muestra cómo crear elementos visuales sintéticos propios. Una vez procesada una película final, puede importarla a After Effects para verla y usarla tal como se haría con cualquier otro elemento de material de archivo. Algunos usuarios prefieren usar el ratón y los menús para interactuar con After Effects, mientras que otros prefieren usar los métodos abreviados de teclado para las tareas habituales. Vamos a explicar de las 2 formas: 1 Cree una nueva composición:• Seleccione Composición > Nueva composición.• Presione Ctrl+N (Windows) o Comando+N (Mac OS).2 Cambie el valor Duración del cuadro de diálogo Ajustes de composición intro-duciendo 5,00 (cinco segundos), seleccione Vídeo Web en el menú Ajustes preesta-blecidos y haga clic en Aceptar.3 Cree una nueva capa de texto:• Seleccione Capa > Nuevo > Texto.• Presione Ctrl+Alt+Mayús+T (Windows) o Comando+Opción+Mayús+T (Mac OS).4 Escriba su nombre. Presione Intro en el teclado numérico o presione Ctrl+Intro (Windows) o Comando+Retorno (Mac OS) en el teclado principal para salir del modo de edición de texto.5 Defina un fotograma clave inicial para la propiedad Posición:• Haga clic en el triángulo que hay a la izquierda del nombre de capa en el panel Línea de tiempo, haga clic en el triángulo que hay a la izquierda del nombre de grupo Transformación y luego haga clic en el botón de cronómetro situado a la izqui-erda del nombre de propiedad Posición.• Presione Alt+Mayús+P (Windows) u Opción+Mayús+P (Mac OS).6 Active la herramienta Selección:• Haga clic en el botón de la herramienta Selección del panel Herramientas.• Presione V.7 Con la herramienta Selección, arrastre el texto a la esquina inferior izquierda del fotograma del panel Composición.

VI


CLASES

Creación de una película sencillaCreación de una película sencilla

PELÍCULA:8 Mueva el indicador de tiempo actual al último fotograma de la composición:• Arrastre el indicador de tiempo actual en el panel Línea de tiempo hasta el extremo derecho más alejado de la Línea de tiempo.• Presione Fin.9 Con la herramienta Selección, arrastre el texto a la esquina superior derecha del fotograma del panel Composición. En este momento se creará un nuevo fotograma clave para la propiedad Posición. El movimiento se interpola entre los valores de fotograma clave.10 Previsualice la animación con la previsualización estándar:• Haga clic en el botón Reproducir del panel Previsualización. Vuelva a hacer clic en reproducir para detener la previsualización.• Presione la barra espaciadora. Vuelva a pulsar la barra espaciadora para detener la previsualización.11 Aplique el efecto Resplandor:• Seleccione Efecto > Estilizar > Resplandor.• Escriba glow en el campo de búsqueda situado en la parte superior del panel Efectos y ajustes preestablecidos para encontrar el efecto Resplandor. Haga doble clic en el nombre del efecto.12 Agregue su composición a la cola de procesamiento:• Seleccione Composición > Agregar a la cola de procesamiento.• Presione Ctrl+Mayús+/ (Windows) o Comando+Mayús+/ (Mac OS).13 En el panel Cola de procesamiento, haga clic en el texto subrayado a la derecha de Salida a. En el cuadro de diálogo Salida de la película, seleccione un nombre y una ubicación para el archivo de la película de salida y haga clic en Guardar. Para la ubicación, seleccione algo que sea fácil de encontrar, como el Escritorio.14 Haga clic en el botón Procesar para proceder con el procesamiento de todos los elementos de la cola de procesamiento. El panel Cola de procesamiento muestra el progreso de la operación de procesamiento. Cuando el procesamiento ha con-cluido, el sistema emite un sonido. Acaba de crear, procesar y exportar una película. Puede importar la película que acaba de crear y previsualizarla en After Effects, o puede navegar hasta la película yreproducirla con un reproductor de películas como QuickTime Player, Windows Media Player o Adobe Bridge.

VI


CLASES

Herramientas: Position, rotationHerramientas: Position, rotation

POSITION: Posición X,Y,Z (P): también medida en px. es la distancia que existe entre el origen 0,0 de pantalla y el Punto de anclaje de la capa. Recordar que el origen 0,0 es el vértice superior izquierdo de la pantalla. Observe que la capa Libro 3D, posee una distancia Posición, inferior a la de su Punto de anclaje, esto sucede porque la Posición es relativa a la configuración de la comp Final(720×576) y el P. de anclaje es relativa al tamaño configurado de la comp. original (2480×3508 px). Por último, decimos que la posición 0 en el eje Z, indica el plano de profundidad (cerca o lejos) en 3D.

ROTATION: Rotación (R ): Los tres parámetros se miden en grados y sirven para rotar la capa, como podría hacerlo desde Orientación solo que éstos parámetros individuales, poseen un casillero adicional para ingresar cantidad de giros o revoluciones donde 1 giro = 360º. Esto es ideal para trabajar numéricamente. Reiteramos un impor-tante concepto acerca del Punto de anclaje. La ubicación estratégica de este punto, sirve para pivotear la capa. Como ejemplo, ubique el Punto de anclaje sobre uno de los vértices de la capa, y rótela sobre cualquiera de sus ejes. Para mover el Punto de anclaje tome la herramienta Panorámica trasera (Y ) y arrastre el circulito que sim-boliza al P. de A., a diferentes vértices de la capa, luego rote con la herramienta W. Recuerde realizar las pruebas desde la vista Cámara activa (F12) y aplicar Ctrl + Z para dejar sin efectos las pruebas realizadas.

VI


CLASES

Herramienta: ScaleHerramienta: Scale

SCALE: Una de las transformaciones capa básica en Adobe After Effects es la herramienta de transformación de escala. Con esta herramienta podremos ajustar el tamaño de las capas, voltearlos y animarlos para mostrar expansión o en contracción. Cuando los marcos fundamentales están fijados para la función de la escala, animaciones completas se pueden aplicar a la capa y crear cosas como una planta que crece, encoge persona o un planeta cada vez mayor. Haga clic sobre la capa que desea animar y escala. Pulse el botón "S" en el teclado para cargar la "Escala" transformar opción. Ajuste el control deslizante de la línea de tiempo para el inicio del proyecto, ajustar la escala a la posición inicial que desee. Haga clic en el icono de fotograma clave al lado de "Escala". El icono se parece a un pequeño reloj. Esto activa la configuración de animación de la "Escala". Arrastre el control deslizante de la línea de tiempo hasta el punto siguiente animación que desee. Establecer la "Escala" en la posición que desee. Scrub a través de los tiempos para ver una vista previa de la animación. Por ejemplo, si usted tenía una capa de una persona y se les comenzó a "50%", se trasladó el depurador de cinco segundos y establecer la escala de "100%", entonces se pasaría de "50%" a "100%" en los cinco segundos.

Escala X,Y,Z ( S ): medidas en % donde el tamaño original posee 100%, es importante tener en cuenta el tamaño original de las capas de diseño, ya que si son pequeñas pueden sufrir pixelados indeseables durante las modificaciones de este parámetro. Es preferible partir de diseños enormes para luego reducirlos al tamaño necesario. Esta variable sirve para un cambio proporcional, La Proporción de cambio puede ser desbloqueada, desactivando su casillero, simbolizado por el dibujo de una cadena. Realice diferentes cambios ingresando valores independi-entes para cada proporción y luego retroceda con Ctrl + Z.

VI


CLASES

Herramienta: OpacityHerramienta: Opacity

OPACITY: Opacidad (O): medida en %, se la utiliza para regular la transparencia de la capa. Podemos usar esta opción y aplicarla en tipografia y objetos, nosotros decidimos el porcentaje de nuestra elección. Opacidad para hacer que la capa sea completamente transparente al inicio de la animación.Para crear frames solo hacemos clic en el reloj una vez, los demás se crean auto-maticamente a medida que cambiemos los porcentajes de esta opción.

VI


CLASES

Importar archivos de Illustrator y PhotoshopImportar archivos de Illustrator y Photoshop

ILLUSTRATOR & PHOTOSHOP: Para importar archivos a After Effects solo tenemos que hacer doble clic en la zona izquierda, en el área del proyecto del área de trabajo y seleccionamos los archivos que queremos importar, otra manera sería hasta el menu FILE y selecci-onamos la opción IMPORT. Cuando importamos imagenes o archivos de photoshop hay opciones sobre los layers. Para importar archivos de Illustrator pasa algo similar dependendiendo cual fue el formato de salida, por ejemplo: tiff, png, jpeg, cdw, svg o swf.

Podemos importar desde un solo archivo hasta una carpeta entera, el tipo de archivos que podemos importar son: audio, imagenes y videos. Este programa nos permite inclusive guardar archivos como archivos de Premiere Pro.

VI


CLASES

Video cromado: Keylight (1.2)Video cromado: Keylight (1.2)

VIDEO CROMADO: Importar los videos y al arrastrarlos al timeline presionar comando + shift + D para cortarlos. Select Effects & Presets, seleccionamos la opción Keying - Keylight 1.2 y la arras-tramos sobre el video. Seleccionamos la opción screen colour color verde para borrar el fodo verde, podemos usar el gotero para obtener el color deseado. Screen gain - para borrar algunas manchas. View - Screen Matte - para ver que se va a perder el video. Screen Pre-Blur para ajustar los bordes. -Clip Black*00 -Clip White *100 -Replace method - Hard colour

Cuando el personaje sea totalmente blanco hemos recuperado gran parte del video. Podemos copiar el mismo efecto a varios videos. Movemos la línea de tiempo para ver como van quedando todos los fotogramas.

Para renderizar o exportar como película la mejor opción es con la opción Window - Render Queue - Current render - Lossless (sin pérdida) Quicktime-Output module settings, luego hacer clic en render.

VI


CLASES

Creación de Guión MultimediaCreación de Guión Multimedia

- Qué es multimedia?- Utilización de varios medios multimedia- Psicología del usuario

Multimedia(Experiencia del usuario)

La interacción del usuario con la web se produce en un entorno de ejecución de tareas, por lo que responde a una conjunción de:* Objetivos (lo que se pretende obtener) video juego - diversión.

* Contexto (espacio de ejecución)

* Medios (mecanismos disponibles para obtener los objetivos)

* Modelos mentales (modelos cognitivos donde se representa la tarea, el entorno y los principios).

VII


CLASES

Diseño visual

Diseño de lainformatica

Requerimentosde contenido

Necesidades del usuario

Proyectos multimedialesProyectos multimediales

FACETAS DE LA EXPERIENCIA DE USUARIO:

ÚTIL: Debemos tener la valentía y creatividad para preguntar si nuestros productos y sistemas son útiles.

UTILIZABLE: La facilidad de uso sigue siendo un aspecto fundamental. Sin embargo los métodos centrados en el diseño de interfaces y las perspectivas de la interac-ción humano computador.

DESEABLE: Búsqueda de eficiencia.

VALIOSO: Nuestros desarrollos deben ofrecer valor. Para los sitios sin fines de lucro, la experiencia del usuario debe apoyar la misión de la organización.

ESTRUCTURA DE CONTENIDOS:- Contenidos más funcionalidad* Información (contenido)* Hipertexto (contenido/funcional)* Interacción (funcional)* Acción (funcional)


CLASES

Útil

DeseableUtilizable

Valioso

AccesibleEncontrable

Creíble

VII

AgendaAgenda

* Introducción Visión amateurista y tecnicista* Aplicaciones multimedia: estructura y vista. INTRODUCCIÓN: Con esta presentación se darán las bases.

VISIÓN AMATEURISTA Y TECNICISTAAmateur: Argumenta que la programación interactiva acerca la producción a las personas no iniciadas.Tecnicista: Dirige a los profesionales del mundo informatico y se basa en la poten-cia de las nuevas herramientas de programación.Aplicaciones multimedia: Calidad informática era medida mediante:- Eficiencia- Rapidez- Simplicidad- Mantenimiento- Configurable

ESTRUCTURA- Organización interna de los datos.- Base de la aplicación informática.- Esqueleto del programa (Cual es el fin del programa, ejemplo: diversión-función principal).

VISTA (Parte externa)- Percepción de los datos que llegan al usuario - Diseño de pantallas- Carcasas del programa

* Cambio de filosofía: - Los programadores se equivocan al decir "los usuarios son torpes y mentalmente poco rigurosos, hay que tener paciencia con ellos para que se adapten a los progra-mas".- Competencias en mercados de software.- Se empieza a navegar en los programas.


CLASES

VII

Redefinición del concepto vistaRedefinición del concepto vista

- La vista cambio en el sentido tradicional- Prohibido aplicaciones en función de pantallas estáticas- Responsable de proyecto multimedia igual a persona con sólida base informática + (dise;os de formación + técnicas de lenguaje de imagen)- Pantalla <> presentación de datos- Pantalla = a conjunto de acontecimientos.

CONCEPCIÓN DE LA APLICACIÓN MULTIMEDIA- Cambiar el concepto de análisis sin cambiar modus operandi- Concebir la aplicación como una película o narración.- Para facilitar el proceso, se hablará de principios: *Principios de la múltiple entrada *Principios de la interactividad *Principios de la libertad *Principios de la retroalimentación *Principios de la vitalidad *Principios de la necesidad *Principios de la atención

PRINCIPIO DE LA ENTRADA MÚTIPLE:- Aplicaciones multimediason diseños con perfil de destino.- Almacenamiento de la información en base a: Cognitivo Afectivo Experiencia previa- Personas (usuarios) poseen diferentes canales de percepción, se debe usar varios canalespara transmitir mensajes.- Sincronizar los canales de envío (audio y video).


CLASES

VII

PrincipiosPrincipios

PRINCIPIO DE LA INTERACTIVIDAD:- Siempre que pueda haber interacción, debe haberla.- Planificar cuidadosamente cada interacción.- Basada en 6 directrices: * Interacción refuerza en mensaje * Ordenador ofrece intaractividad elevada (utilizarla) * Interacción = participación activa<>repetición de gestos. * No recordar al usuario que no puede interactuar * No se limita a esquemas usuario-maquina * Nos da a conocer la conducta del usuario.

PRINCIPIO DE LA LIBERTAD:- Usuario = actor<>espectador- Hacer que el usuario piense que navega libremente.- Un buen diseño permite la recolección de datos mientras el usuario navega.- Evitar la sucesión determinista de pantallas (que no se repitan las pantallas)

PRINCIPIO DE LA RETROALIMENTACIÓN:- Un sistema computacional genera sus reportes para realizar una eficiente toma de decisiones.- Retroalimentación=sistema que genera información para corregir su funcionami-ento.- Retroalimentación en multimedia se basa en: 1. Qué información se recoge? 2. Cómo se presenta? 3. A quién se dirige? 4. Cómo se procesa?- Cada programa debe tener un sistema de feed back específico.

PRINCIPIO DE VITALIDAD:- Aplicaciones deben ser dinámicas.- Toda pantalla está viva.- Vitalidad mucho más allá de la interactividad.La vitalidad ayuda al proceso desti-nado de la aplicación.


CLASES

VII

PrincipiosPrincipios

- La vitalidad ayuda al proceso destinado de la aplicación.- Tres observaciones que ayudan a la vitalidad: 1. Agradables íconos aminados que se muevan sin cliquear 2. Agradables íconos aminados que respondan al usuario 3. Desagradables botones que no van a responder

PRINCIPIO DE LA NECESIDAD:- Para diseño de aplicaciones, basar en 2 aprioris: 1. La aplicación sirva para algo 2. La aplicación debe ser multimedia- Aplicaciones gratuitas- Diseñador debe preocuparse por la necesidad de la aplicación logrando que sea positiva.- Multimediatización: *Comodidad *Accesibilidad- La misma puede tener un control de necesidad

PRINCIPIO DE ATENCIÓN:- Información importante no se lee si no llama la atención- Objetivo es mantener atención sostenida mediante 2 factores: * Atención cognitiva * Atención afectiva

CADA PANTALLA ES UN PROBLEMA:* Guión multimedia y guión cinematográfico - Gran parecido técnico - Multimedia aporta con recursos propios - El guión cinematográfico se basa en 3 elementos: * Discurso * Dramatización * Mensaje


CLASES

VII

Componentes de un guiónComponentes de un guión

- El guión es la descripción detallada de cada escena (pantalla)- Guionista debe pensar siempre en: * Coherencia argumental * Dramatización * Incorporación de recursos técnicos- La ausencia de uno de los componentes logrará que la aplicación multimedia se resienta. * Ausencia de coherencia argumental * Ausencia de dramatización

CONCLUSIONES:- Cine casero versus cine profesional- Coherencia argumental + drama = éxito.- Cada pantalla es un problema.


CLASES

VII

Introducción a FlashIntroducción a Flash

- Elegir action script 3.0- Tener activa la ventana de PROPERTIES- Elegir el player: 10.2 Opciones AIR (para celulares con sistema Androide) y Flash Player (También para dispositivos móviles).

Formatos de salida: swf, fla, exe. El primero es para páginas web, el segundo es el formato de salida para proyectos en flash y el último es un archivo ejecutable. PROPERTIES:FPS: 24.00 standart (frames por segundo)

LIBRARY:- Aquí van a estar los archivos del proyecto.- Si queremos que el archivo cargue rápido los archivos adjuntados no deben pesar más de 100kb.- Se trabaja más con vectores: svg, png, jpg, gif.1 bit = 1 caracter1 bite = 8 bitsUsamos la tecla F5 para crear un espacio para la animaciónUsamos la tecla F6 para insertar un keyframe pero en flash con action script 3.0 ya no es necesario.Clic derecho sobre el timeline - create motion tween y se crea un frame = Hay un objeto = Propiedad de un objeto

Cuando creamos un botón se añade en la librería, doble clic en el botón (up-over-down-hit).


CLASES

VII

InterfazInterfaz

Pagina min. 450 x 1200Action script 3.0Hacemos un botón con la tecla F8 (convert to simbol)Damos doble clic en el botón y nos salen las opciones (up, over, down, hit), en cada una de ellas vamos a insertar un keyframe con la tecla F6.

Si vamos a animar el boton y la animación se repite una y otra vez lo que debemos hacer es crear un nuevo layer que vamos a llamar acciones donde vamos a presio-nar F6 hasta el final de la animación y vamos al menú Window - action, esto nos va a servir para programar y solamente escribimos lo siguiente: stop();

EL IDE:- Es la interfaz, la parte gráfica de flash en cuestión de editor.- Consta de varios paneles.


CLASES

VII

IntroducciónIntroducción

¿Qué es Flash, como funciona? Es un entorno de desarrollo, es decir un programa para hacer otros programas / animaciones / páginas web / RIA’s y demás.

Como otros entornos de desarrollo, Flash cuenta de un editor y de un compilador, el editor como ya hemos dicho es todo lo que vemos en Flash, con el se escribe el programa {código AS} y hacemos los dibujos e imagenes que quieras.

El compilador {parte que no vemos} lo que hace es asegurarse de que todo esta bien escrito (detecta errores de forma, no de contenido) y lo compila, es decir fabrica un archivo con la extensión .swf que es capaz de ser interpretado por el player.

PLAYER: El reproductor, es el que nos permite ver los archivos .swf


CLASES

VII

IntroducciónIntroducción

Flash no se creó en un principio para la animación vectorial y no vectorial, por eso comparte muchas herramientas con programas de dibujo y animación. Fue a partir de Flash 5 (FL5) cuando surgió la explosión de action script (AS) y se añadieron muchas funciones.

CAPAS, FRAMES, LINEA DE TIEMPO:- Frame: Es un fotograma, como el de las películas, una imagen estática y cuando se pasan muchas rápido dan la sensación de movimiento.- Animación frame by frame: Es la animación cuadro a cuadro, o fotograma a foto-grama, se usa sobretodo en dibujos animados cuando las cosas no se pueden hacer ni por Motion Tween ni por Shape Tween.- Motion Tween: Interpolación de movimiento, lo que hace es rellenar los fotogra-mas vacíos de una animación, donde se establece un objetoen el primer frame en una posición y en el último el mismo objeto pero en la otra.- Shape Tween: Juega con las formas (solo trabaja con vectores, ni imagenes, ni objetos). El resultado suele ser bastante malo al principio y se tiene que trabajar bastante la animación.- Timeline: (Línea de tiempo) está formado por los frames, no es más que el rollo de una película, que contiene a los fotogramas, cada movie clip tiene su propio time-line, aunque todos van a la velocidad del principal.

- FPS: (Frames per second) Esto es la velocidad en la que pasarán los frames en una película, 12 fps y 30 fps también son usados, pero para cuando se requieren anima-ciones más fluidas.- Capas: (Layer) Las capas sirven para organizar el contenido. Puedes reorganizar las capas arrastrandolas a tu gusto, las que esten superiores a las otras las taparán, como en la realidad tu tienes varios objetos y pones uno encima del otro, los otros se ocultarán. - Profundidad: X (ancho pantalla), Y (alto) y Z (profundidad). No hay que confundirla con el concepto de capa, aunque son similares. Mientras que en una capa puede haber varios objetos, en una misma profundidad no se si carga un objeto a una profundidad donde ya existe algo.


CLASES

VII

Huesos en FlashHuesos en Flash

Dibujamos algo sencillo, lo seleccionamos y presionamos M para crear un hueso.

Si vamos a poner huesos a un vector lo que tenemos que hacer es convertir cada parte que queramos que tenga un hueso en un simbolo y luego lo único que faltaría sería animar el personaje al que le pusimos huesos.

TOP DOWN

Seleccionar la imagen, clic derecho *convert to simbol movie clic.Coger la extremidad (Join rotation)Seleccionamos:EnableConstrainClic derecho sobre el objeto a animar distribuir en layersCW - Close waysCCW - Contraint close ways


CLASES

VII

STAGE 1PRINCIPAL

Roll upDownHit

MovimientoTransformaciónSonidos

Globos de ayudaÁreas de respuesta

Controladoresde playback

Botón Personajes Música vidÁreas sensibles

¿Qué son los codecs de video?¿Qué son los codecs de video?


CLASES

Es un programa que se usa para comprimir y descomprimir un archivo multi-media digital. Muchos programas usan códecs para reproducir y crear archivos multimedia digitales. Un códec consistir de dos componentes: un codificador y un descodificador, el primero realiza la función de compresión (codificación) y el segundo realiza la función de descompresión (descodificación). Algunos códecs incluyen ambos componentes y otros códecs solo incluyen uno de ellos. Un códec es un pequeño plugin que se instala en un sistema para poder reproducir un video que ha sido codificado o comprimido, los códecs son muy usados en Internet para poder reducir el tamaño de las películas de video o el audio y así facilitar su descarga. Existen varios tipos de codecs pero vamos a conocer más de los acontinuación mencionados:- DIVX- XVID- MPG / MPEG- AVI: Uncompressed, Sorenson- CAMTASIA- CINEPAK- FLV

I

Tipos de códecs que existen en la actualidadTipos de códecs que existen en la actualidad

DIVX Es el más usado en la actualidad para introducir un vídeo de un DVD a un CD, ya que combina la compresión del audio en MP3 y una gran calidad de vídeo con muy poco ancho de banda. Nos permite tener en disco un vídeo de más de dos horas de duración ocupando unos 700 MB es decir que podríamos introducir un vídeo de más de dos horas en un CD con una calidad más que aceptable.

XVID Fue desarrollado por programadores voluntarios, basado en MPEG-4 se está haciendo muy popular gracias a su eficiencia y calidad ya que consigue una calidad muy cercana a la fuente original en muy poco espacio de disco.

MPG / MPEG Moving Picture Experts Group traducido es Grupo de Expertos de Imágenes en Movimiento, este códec es el estándar para la compresión de audio y vídeo, el códec MPEG goza de compatibilidad mundial, gran compresión y poca pérdida de calidad, la compresión MPEG consta de tres capas, una para vídeo, otra para audio y otra que contiene información sobre calidad, sincronización, tiempo y demás información necesaria. Existen varios tipos de códecs MPEG dependiendo de su calidad y algunos de estos son:

MPEG-1: Fué diseñado para introducir vídeo en los cds, y su calidad es similar a la calidad de las cintas vhs, ofrece una resolución de 352 x 240.

MPEG-2: Fué mejorado para ofrecer una mayor calidad y puede ofrecer una resolución de 720 x 486 píxels, es decir una calidad parecida a la que ofrece la televisión, además esta compresión es compatible con MPEG-1.

MPEG-3: Es un intento fallido de estándar para la televisión de alta resolución, ya que MPEG-2 cumple los requisitos ofreciéndole un mayor ancho de banda.

I


CLASES


MPEG-4: Este tipo de compresión está básicamente diseñado para las comunicaciones visuales a través de internet o videoconferencias, usa poco ancho de banda y ofrece una resolución de 176 x 144 píxels, ha evolucionado mucho y algunos softwares ofrecen una calidad semejante al MPEG-2 pero con la ventaja del poco ancho de banda que necesita. MJPEG: Motion Joint Photographic Experts Group es el significado de sus siglas, y es una versión extendida del algoritmo JPEG para la compresión de fotografías, este método de compresión trata al vídeo como una secuencia de imágenes estáticas cada una de forma independiente, este método no es un estándar ya que ni siquiera incluye la señal de audio al emplear el sistema de compresión JPEG ya que éste está pensado para la compresión de imágenes estáticas, además el índice de compresión es bastante bajo.

AVI Audio Video Interleave que traducido sería algo así como intercalado de audio y vídeo, es un formato que contiene audio y vídeo, funciona guardando una capa de vídeo seguida por otra de audio, fué diseñado por Microsoft y mejorado por Matrox llamándose AVI2.

CAMTASIA Camtasia Studio es un programa que sirve para grabar lo que sucede en la pantalla de una pc y de esa manera crear presentaciones y tutoriales visuales. Lograrás grabar tutoriales explicando la utilización de una herramienta o apli-cación. Incluso puedes grabar los vídeos que visualizas vía Web o vía Messenger. CINEPAK Es un codec de tecnología de compresión y decompresión popular para vídeo de ordenador desarrollado por SuperMatch, una división de SuperMac Technologies. Inicialmente era el codec de video primario de las primeras versiones de QuickTime y de Microsoft Video para Windows, luego fue reemplazado por Sorenson Video, Intel Indeo, y el más reciente es MPEG-4 y H.264. Sin embargo, las películas comprimidas con Cinepak siguen siendo visibles en la mayoría de los reproductores multimedia.

I


CLASES


FLV Sus siglas significan “flash video”, es el formato nativo de Flash y es el sistema utilizado por los sitios de videos para reproducir sus videos directamente en sus sitios web. Su uso se ha extendido debido a páginas del tipo youtube.com. Desde Flash Player 8 soporta el uso de trasparencias mediante canal alfa. Para convertir un vídeo a FLV podemos hacerlo con Flash Video Encoder que se instala en nuestor equipo desde Flash 8 pero también podemos efectuar la conversión desde software de edición de vídeo que tenga el plug-in de FLV.

MOV Es un formato desarrollado por Apple para su sistema Mac, pueden visualizarse en el reproductor QuickTime y en Windows disponemos del Quick-Time for Windows, la extensión de este formato es .mov, su reproductor nos permitirá realizar vídeos del mismo formato y algunas opciones básicas para editarlos.

I


CLASES

Importar videos en FlashImportar videos en Flash

IMPORTAR Lo primero que deberemos hacer es transformar nuestro vídeo de formato avi, mpeg, mov, wmv o dv al formato que utiliza Flash: flv. Este formato, además de crear archivos de vídeo de buena calidad muy comprimidos, te permitirá introducir puntos de referencia desde donde con-trolaremos la interacción del entorno de la película con el vídeo.Haz clic en Archivo → Importar → Importar vídeo para empezar a configurar el archivo .flv que crearemos. Se abrirá una pantalla como ésta:

I


CLASES


Aquí deberás seleccionar el archivo que quieres importar para utilizarlo en tu película. Haz clic en el botón Examinar y búscalo en tus carpetas. Cuando lo hayas encontrado pulsa el botón Aceptar y estarás listo para seguir pulsando el botón Siguiente.

También es posible marcar la opción Ya se ha implementado en un servidor Web, Flash Vídeo Streaming Service o Flash Communication Server. En este caso deberás introducir la URL del archivo, que previamente habrá sido preparado para poder utilizarlo en Flash.

La siguiente pantalla te permitirá seleccionar el aspecto del reproductor:

I


CLASES


La siguiente pantalla te mostrara la información del video que vamos a exportar, donde se importara, etc:

A partir de este punto, ya tenemos el vídeo incorporado en nuestro proyecto.

I


CLASES

Proyectos en Premier ProProyectos en Premier Pro

* PROYECTO “COREGA” Realizar un video que dure 30 segundos en el que se trate sobre el pegamento dental Corega. Este fue un trabajo grupal en el cual los integrantes eran: Mirna Figueroa, Olga Cujilema, Patricio Reyes, Jackeline González. Fue realizado en la Sala de Recepciones “Julipos”, contactamos a dos actores: Gissella Tenelema y Freddy Montenegro, ellos desempeñaron los papeles princi-pales. Fue una experiencia interesante pues hicimos uso de planos, cosa que no habiamos realizado en videos anteriormente elaborados.

* PROYECTO “TEMA LIBRE” Consiste en realizar un video con las tomas que hayamos realizado, este video tiene la duración de 30 segundos. Tema elegido: Vida animal, realicé varias tomas de la Hostería Ecológica “El Faro” para luego ultilizarlas en mi video.

*PROYECTO “AUTOBIOGRAFÍA” Realizar un video contando varios aspectos de nuestra vida, vida familiar, personal y profesional. Duración del video indefinido. Utilizar musica ambiental, narración por parte del estudiante que va a realizar su autobiografía, utilizar videos y fotografiás.

*PROYECTO “PANTALLAS Y BOTONES” Realizar una presentación utilizando lo aprendido en la realizaci[on de boton, tres pantallas como mínimo. Trabajo individual. Debe tener los 3 primeros deberes.

*PROYECTO “ANIMACIÓN CON HUESOS” Crear una animación usando huesos en cualquier personaje de nuestra elec-ción o animar a un compañero de clase. Trabajo individual.

*PROYECTO “EFECTO” Realizar un video utilizando varios efectos en After effects. Trabajo en grupo. Utilización de plugins necesarios.

*PROYECTO “PORTAFOLIO” Consiste en realizar la presentación del portafolio estudiantil utilizando todos los programas que hemos visto durante la materia (Premiere Pro, Audution, After effects y Flash). Trabajo individual

I

INVESTIGACIONESCLASES

DEBERES

portafolio de diseño digital v

Documents