Diseño/Multimedia

2011-07-21T13:30:00.010-05:00

Conceptos básicos de Diseño de Pantalla El diseño es mucho más que el embellecimiento de la parte exterior de las cosas. El diseño, se puede decir, es solo una parte de un proceso de hacer que los objetos o cosas sean atractivas, usables, asequibles. El Diseño es un proceso de creación visual con un propósito comunicativo. Un buen diseño es la mejor expresión visual de la escencia de "algo",

Kit de recursos para los apuros.

2010-11-04T13:50:00.039-05:00

A veces se hace necesario salir de trabajos urgentes y en los que generalmente el cliente no tiene muchos recursos económicos. Esta es una guía de sitios web donde hay herramientas de acceso gratuito o de muy bajo costo.Pre-diseño webwww.prezi.com Permite crear presentaciones en Flash, las cuales quedan en linea para ser accedidas por el navegador web. En su versión pagada, se pueden bajar al

Tutoriales en Tucual.com

2009-10-26T12:56:00.004-05:00

Están publicados tutoriales en video sobre la instalación, configuración y realización de Portales en Joomla, Motion Graphics, Fireworks, Dreamweaver.http://www.tucual.com

Guía de evaluación Heurística.

2009-09-22T15:18:00.003-05:00

Guía en forma de checklist para la evaluación heurística en base a dimesiones como: identidad, lenguaje y redacción, accesibilidad, layout, elementos multimedia...Este documento tiene por objeto servir de guía general para la evaluación de la usabilidad de sitios web. Es una versión resumida de la guía que nosotros utilizamos en nuestra actividad profesional, aunque lo suficientemente extensa y

Apple evolution

2009-09-18T11:43:00.007-05:00

Usabilidad

2009-08-18T15:16:00.006-05:00

La usabilidad (del inglés usability) es la característica de un sistema que pretende ser utilizado por un(os) usuario/s, en la tarea o tareas que para las cuales el sistema se ha hecho, y el contexto en el que se da la interacción.El "grado de usabilidad" de un sistema es, por su parte, una medida empírica y relativa de la usabilidad del mismo.1. Empírica porque no se basa en opiniones o

Interfaz de Usuario

2009-08-18T15:12:00.003-05:00

Definición.La interfaz de usuario (IU) es uno de los componentes más importantes de cualquier sistema computacional, pues funciona como el vínculo entre el humano y la máquina. La interfaz de usuario es un conjunto de protocolos y técnicas para el intercambio de información entre una aplicación computacional y el usuario. La IU es responsable de solicitar comandos al usuario, y de

El portafolio Electrónico

2009-08-18T10:29:00.021-05:00

Por Carlos Aranzazu ©®La realización del portafolio electrónico requiere de una estructuración planificada dentro de los procesos propios del diseño e integración de Multimedia. En este proceso se requiere de un objetivo claro a perseguir con la distribución del Portafolio. Esto significa que la información del producto se dirije a la consecución de un determinado tipo de trabajos, por ejemplo

Principios básicos de Usabilidad

2009-01-30T10:46:00.005-05:00

El diseño de productos web y multimedia en general deben seguir los siguientes principios:1. Anticipación, el producto multimedia, debe anticiparse a las necesidades del usuario.2. Autonomía, los usuarios deben tener el control. Los usuarios sienten que controlan una aplicación multimedia si conocen su situación en un entorno abarcable y no infinito.3. Los colores han de utilizarse con

Descripción y objetivos del Diseño Multimedia

2009-01-30T10:39:00.005-05:00

INQUIETUDES QUE BUSCA RESOLVER Unificar conceptos en la elaboración, integración y distribución de los diferentes tipos de proyectos multimedia. JUSTIFICACIÓN La integración multimedia es la técnica que unida a conceptos de diseño visual, da al estudiante las herramientas necesarias para integrar en un solo producto diferentes medios de carácter electrónico tales como el audio, video, texto e

Propuesta de un Proyecto Multimedia

2007-03-01T18:46:00.006-05:00

Este artículo está basado en la propuesta metodológica del autor Ray Kristof, en su libro Diseño Interactivo. 1. Objetivo general y los específicos. Definimos el Objetivo que se persigue con el producto final. Las palabras claves son : Enseñar, entretener, mostrar, vender, u otra que sea afín al objetivo final del proyecto. Un portafolio, generalmente puede tener la finalidad de mostrar y

Integración multimedia en Auto Play Media Studio 4

2006-11-21T20:14:00.002-05:00

AutoPlay Media Studio es un programa para integrar diferentes medios en un solo producto. Esto es, podremos hacer que un producto mltimedia contenga archivos tan disímiles como los de Word (doc), Excel(xls), Flash (swf), AVI, MPG, HTML, direcciones URL de internet, etc. Mire el menú OBJCTS para más información.También permite manejar archivos desde las carpetas del CD de distribución, copiar,

La creación del Proyecto en AMS

2006-11-21T20:13:00.001-05:00

Es posible seleccionar un Proyecto de los que vienen en la librería del programa, o crear uno en blanco. Se debe recordar colocar el nombre antes de seguir adelante. AMS creará una carpeta en "Mis Documentos" llamada "AutoPlay media projects" y dentro de ella, otra con el nombre del proyecto y , finalmente, otra dentro del proyecto, llamada "DISTRIBUTION", que es la que contiene los archivos

Propiedades de los objetos en AMS

2006-11-21T20:11:00.002-05:00

Al hacer DOBLE click en el objeto se despliega una ventana para editar los AJUSTES, PROPIEDADES y ACCIONES.En este caso vemos las propiedades de un objeto MEDIA PLAYER OBJECT. El software se vale del sistema operativo Windows para modificar los atributos. COmo Media Player es parte del sistema operativo no habrá problemas de compatibilidad del video si se usan los códecs estándard de video. (Vea

Atributos de los objetos en AMS

2006-11-21T20:10:00.001-05:00

En la peastaña de ATTRIBUTES, es posible manejar el tamaño en pixeles, bloquear la posiciòn y colocar un nombre (NAME) para poder identificar el objeto en la pestaña de ACCIONES. La casilla TOOLTIP TEXT, es la correspondiente al nombre que presentará el objeto al colocar el mouse sobre él por parte del usuario final.

Acciones aplicadas a objetos AMS

2006-11-21T20:09:00.001-05:00

Puede insertar objetos de BITMAPS para ser utilizados como botones para navegar entre páginas. En la ventana de OBJETOS, abajo, hay una pestataña PAGES, al hacer CLICK DERECHO, se puede agregar páginas.Las acciones se aplican habiendo seleccionado el objeto anteriormente. Es importante tener en cuenta el EVENTO que desencadenará la ACCIóN. Recuerde que un EVENTO en un producto multimedia, es un

Configurar el Proyecto emn AMS

2006-11-21T20:08:00.001-05:00

El proyecto se configura mediante el menú PROJECT, en esta ventana tenemos un ejemplo de REQUERIMIENTO del Flash Player, el software que permite ver archivos de Flash. La casilla de INFORMACIO /DOWNLOAD, es la dirección desde donde el usuario puede copiar el instalador. La manera como se programa esta casilla en el ejemplo, muestra a %SrcDir%\instalador.exe que significa algo así como: Directorio

Configurar el Proyecto para finalizarlo en AMS

2006-11-21T20:07:00.001-05:00

En la pestaña BUILD (construir) vemos señalado OUTPUT, que es el nombre de la aplicación que se ejecutará automáticamente, puede cambiar el nombre.DATA SUPPORT, es el nombre de la carpeta donde AMS copia los archivos ensamblados, dicha carpeta va dentro de la carpeta DISTRIBUTION.AUTORUN.INF es la sección donde decidimos si el CD-Rom será autoejecutable o no.En la pestaña GENERAL Y CONFIGURATIONS

Distribución final, Grabar en CD-ROM un proyecto de Autoplay Media Studio 4.0

2006-11-21T19:36:00.001-05:00

Los archivos de la carpeta DISTRIBUTION se graban en la RAIZ del CD-Rom, no grabe la carpeta si no lo que va dentro de ella.Para finalizar el proyecto se ua el MENU BUILD.

Del Diseño de Información al Diseño de Presentación

2006-09-15T10:57:00.003-05:00

Ilustración de MC Escher . Escher se caracterizaba por proponer un espacio irreal en sus composiciones. En el diseño gráfico existe el concepto de Diagramación, que es la distribución ordenada de elementos comunicativos en un plano, de acuerdo con tres grandes parámetros: Repetición. Modulación. y Comunicación. Repetición: Esta es la pantalla principal del sitio Vitaminliving.com el cual

Organización de la información

2006-09-05T10:07:00.001-05:00

Objetivos - necesidades del público - entorno ---> contenido - listas -categorías ---> estructura - acceso - diagrmaa de flujo.Organizar no es simplemente organizar por categorías. El diseño del producto multimedia incluye preguntas como:- Prioridades del material-Lo que necesita saber el público sobre dicho material-Qué se persigue con la información."Muchas veces tendremos que desechar material

Ejercicio de organización.

2006-09-05T10:05:00.001-05:00

Esto se logra creando unas tarjetas con los temas y después agrupándolas manualmente. 1. Haga una lista de todas las categorías de contenido posibles: No se preocupe de si están o no organizadas, si son grnades o pequeñas, después se organizarán. 2. Haga uba agrupación temática: Serán los temas de nivel superior o lo que los usuarios verán primero. De esa lista pueden salir temas secundarios, los

Tutoriales de After Effects 6.5

2006-08-22T20:32:00.001-05:00

Aunque la versión de este Software ya está en la Nro. 7, es posible acceder a tutoriales en su versión anterior.AyatoWeb.com (en inglés)After effects Tutorial (7.0) (en inglés)Ejercicio básico (en Inglés)

Video

2006-08-22T13:13:00.002-05:00

Tron - 1982 - Walt Disney

2006-08-22T12:54:00.002-05:00

Metáforas visuales

2006-08-22T10:18:00.003-05:00

Las metáforas visuales:Con textos del artículo Semiótica y Retórica Visual Aplicada al diseño de Interfases: La Metáfora como elemento de Navegación. http://nolimit-studio.com/tesis/Interrogantes (http://nolimit-studio.com/tesis/)¿De qué manera podemos diseñar elementos gráficos para una interfaz que al usuario le resulten familiares e intuitivos?¿Qué conceptos del diseño de objetos y

Diseño de información - Definición del producto

2006-08-22T10:05:00.005-05:00

Tareas críticas:Público Seleccionar el público objetivo al que va dirigido el mensaje. Tener en cuenta si es para niños, adultos, ¿saben leer?, etc. Son consideraciones que aunque parecen innecesarias al final tienen que ver con el resultado de nuestro producto. Distribución Es la manera como se distribuirá el mensaje. Esto es, por CD, DVD, VHS, Internet, dispositivos móviles, etc. Dependiendo

Luces y sombras en capas 3D en After Effects

2006-08-10T16:13:00.003-05:00

Composición con Tipografia

2006-08-10T16:12:00.002-05:00

Al crear la composición, se ha insrtado un SOLIDO desde el menú LAYER/NEW SOLID. Se debe tener en cuenta que la tecla MAYUSCULAs del computador bloquea la visual del área de trabajo, representada por un REBORDE rojo en dicha ventana.

Efecto de texto en un sólido

2006-08-10T16:11:00.006-05:00

Los efectos de TEXTO quedan ubicados en la capa, al hacer doble click o pulsar la tecla F3, se abre la ventana correspondiente al panel de control del efecto. Para visualizar el EFECTO en la linea de tiempo, en el nombre de la CAPA, se pulsa sobre el pequeño triángulo al lado de dicho nombre.

Panel de control de efectos

2006-08-10T16:11:00.005-05:00

Desde dicho panel, abierto con F3, o una vez colocado el efecto desde el menú EFECT, es posible insertar un FOTOGRAMA CLAVE (KEYFRAME), el cual está representado por un ICONO de forma redonda a manera de un CRONOMETRO, que al ser pulsado, inserta el KEYFRAME. La marca que contiene un número corresponde a la posición X, Y, del objeto en la ventana de composición.En la ventana de TIME CONTROL (menú

Agrupar capas para crear una PRECOMPOSICION

2006-08-10T16:10:00.005-05:00

En la imagen vemos que se han agrupado dos capas, seleccionándolas al tiempo, y aplicándoles la acción PRECOMPOSE del menú layer. Esto, para quienes manejan Flash, equivale en cierta forma a crear un MovieClip, que pasa a ser para el lenguaje de After Effects, una COMPOSICION. Para editar las capas precompuestas se escoje la pestaña en la linea de tiempo o se hace doble click en el nombre

Enmascarar una capa con otra.

2006-08-10T16:10:00.003-05:00

En este caso, le asignamos a la capa del texto la función BLENDING MODE/STENCIL ALPHA, con ello la capa que está abajo, quedará inmersa dentro del texto.

Aplicar un efecto

2006-08-10T16:09:00.000-05:00

Desde el menú EFFECT, se pueden asignar diferentes efectos a la linea de tiempo. En la ventana del panel de control del efecto, tener en cuenta los KEYFRAMES, la posición en los ejes X, Y. Esta ventana puede contener varios efectos.Para el ejemplo se asigno un DIRECTIONAL BLUR, en diferentes fotogramas pra dar la sensación de movimiento.

Asignar Tridimensionalidad en AE.

2006-08-10T16:08:00.000-05:00

Aunque After Efects no es un programa de 3D propiamente dicho, si puede simular la tridimensionalidad. A las Capas que queremos sean TRIDIMENSIONALES, les asignamos la propiedad desde el menu LAYER/3D LAYER. Fíjense en la representación de un CUBO en el TIMELINE al lado derecho del nombre de la capa.Una Capa 3D puede ser visualizada desde varios puntos de vista . TOP, LEFT, RIGHT, FRONT, BOTTOM,

3D Layer

2006-08-10T16:07:00.001-05:00

Vista auxiliar

2006-08-10T16:07:00.000-05:00

Al desplegar el menú en la parte derecha de la ventana de composición, podemos ver las vistas de las que se habló anteriormente. Con ello podremos desplazar de manera fácil los objetos en sus ejes X, Y y Z.

Creación de Luces orientadas a capas 3D

2006-08-10T16:06:00.002-05:00

Cast Shadow Activados

2006-08-10T16:06:00.001-05:00

Asignar Luces las capas 3D

2006-08-10T16:06:00.000-05:00

Desde el menu LAYER/NEW/LIGTH, seleccionamos primero una luz AMBIENT, a un 80% de su intensidad. Seguidamente, iniciamos una nueva LUZ tipo SPOT desde dicho menú también.Esta LUZ (SPOT) es la encargada de generar las sombras sobre los objetos a donde se dirija.En la ilustración vemos que para que las sombras se visualicen, debemos haber ACTIVADO las opciones CAST SHADOWS (aceptar sombras) , en

Ligth tipo SPOT con SHADOW Activado

2006-08-10T16:05:00.000-05:00

Posición de las capas en la Línea de tiempo

2006-08-10T16:04:00.000-05:00

es muy común olvidar colocar la CABEZA DE LECTURA de la LT en la posición inicial, por ejemplo, 0:00:00. Para modificar, se deben correr con el mouse a la posición deseada.

Ejemplo del trabajo colocado en YouTube.com

2006-08-09T13:10:00.000-05:00

Códecs y formatos de Video

2006-08-02T19:00:00.004-05:00

En formato de Video, es la manera como se guarda la información de los bits en un fichero de computador, los códec son la maner algoritmica como se ordena y comprime la información en el fichero.Es importante saber que tipo de archivo (formato) y con qué CODEC se debe publicar nuestro trabajo de video.Formatos de VideoIntroducción VHS, U-matic, Betacam, High 8,

Adobe After Effects 6.5

2006-08-01T09:34:00.000-05:00

Adobe After Effects 6.5 - Composición

2006-08-01T09:22:00.000-05:00

Una composición es una colección de elementos importados o creados en AE, que pueden tener muchas propiedades, las cuales se manejan desde las CAPAS y el MENU EFFECTS.Es importante que las medidas de la Comp. se ajusten a un determinado proyecto: 320 x 240 pix: Multimedia en CD -Rom 640 x 480 (486) . Televisión, video análogo, DVD 720 x 480 (486) DVD Mirar otros tamaños para cine, HDTV,

Adobe After Effects 6.5 - Herramientas

2006-08-01T09:08:00.001-05:00

Así luce la INTERFAZ GRAFICA del programa. En la parte derecha están las HERRAMIENTAS, panel de AUDIO, y TIME CONTROL.Todas estas ventana se abren desde le menú WINDOW. Ensaye con todas las opciones del menú WINDOW. Sobre todo con WORK SPACE, que es la opción que nos permite recuperar las ventans cuando las hayamos cerrado por equivocación. Recuerde que la mejor manera de aprender es

Adobe After Effects 6.5 - Menú Layer

2006-08-01T09:01:00.000-05:00

El menú LAYER nos sirve para CREAR diferentes elementos compositivos: Solidos, luces, cámaras, caps de ajuste, objetos nulos, etc. tambien nos deja hacer diferentes tareas con las capas. LEA todo el menú y EXPERIMENTE con un objeto que haya creado o importado

Adobe After Effects 6.5 - Sólidos

2006-08-01T08:57:00.000-05:00

Un SOLIDO, es un elemento primitivo en After Effects, con él podremos crear diferentes efectos. Es un rectángulo que se INSERTA desde el menú LAYER/NEW/SOLID. Recuerde dar un nombre al SOLIDO, es importante sobretodo en proyectos grandes donde la presencia de muchas capas no permite ubicar fácilmente los elementos. Note las capacidades de COLOR y TAMAÑO en las ventanas emergentes.

Adobe After Effects 6.5 - Capas

2006-08-01T08:51:00.000-05:00

Una vez insertado un solido, este queda como una CAPA, con el nombre que le hayamos dado. Los Iconos al lado derecho sirven para verificar algunas propiedades (no las básicas) Para ver las propiedades básicas, haga click en la parte izquierda del nombre de la capa, justo en icono del triangulo pequeño, que apunta al nombre de la capa.

Adobe After Effects 6.5 - Capas y propiedades -Time Line

2006-08-01T08:39:00.000-05:00

Un elemento ARRASTRADO hacia el TIMELINE, tiene la opción de ser manipulado en sus PRPEDADES BÁSICAS. El NOMBRE DE LA CAPA tiene un ícono en su parte izquierda (un triángulo pequeño) , este ícono sirve para abrir las proipiedades de dicha capa. Capa propiedad también tiene dicho ícono. El ícono de CRONOMETRO al lado de la propiedad equivale a un KEYFRAME (piensen en F6 en Flash). Los

Adobe After Effects 6.5 - Ventana de Proyecto

2006-08-01T08:30:00.000-05:00

Cualquier trabajo en AE. se representa como un PROJECT, en este caso, COMP 1 que es un nombre genérico. La ventana tiene el nombre del proyecto, en la parte superior, y está ubicada justo bajo el menú FILE. Las carpetas de color amarillo representan los SOLIDOS que hemos elaborado anteriormente. Todos los objetos importados desde el menú FILE/IMPORT, se visualizan en esta ventana.

Adobe After Effects 6.5 - Paneles de control y Area de trabajo

2006-08-01T08:22:00.000-05:00

El AREA DE TRABAJO, en este caso está representada en color rojo. Debajo, el 50% representa el ZOOM, seguidamente está el AREA DE SEGURIDAD (similar a un punto de mira), el POLIGONO representa una MASCARA, sigue el CONTADOR DE TIEMPO, se puede hacer CLICK sobre el para editarlo; el ícono de la CAMRA FOTOGRAFICA, sirve para tomar impresiones en memoria RAM de un determinao momento de

Adobe After Effects 6.5 - Time Line

2006-08-01T08:16:00.000-05:00

En esta pantalla se muestra, la parte de abajo, el TIMELINE, los números de la parte izquierda, en la columna, representan las propiedades básicas de los elementos presentes en las capas.En la parte intermedia, justo debajo de la LINEA DE CABEZA LECTORA, los rombos representan los KEYFRAMES. Los KEYFRAMES modifican las propiedades básicas, los valores para efectos y se puede hacer DOBLE CLIK

2006-07-25T15:14:00.002-05:00

Programa de clase• Interacción• Diseño de información– Definición de producto– Público y entorno– Usuarios– Opciones de desarrollo– Materias primas– Planificación– Organización– Diagramas de flujo• Diseño de Interfaces de Usuario– Orientación– Mapa de imagen y metáfora– Navegación– Utilización– Funciónalidad– Guiones multimedia• Diseño de presentación– La imagen digital– Compresión de datos–

Diseño Multimedia

2006-07-25T15:10:00.000-05:00

Blog de la cátedra de Diseño Multimedia de la Universidad los Libertadores