Herramientas de diseño digital

El diseño gráfico y multimedia están en claro proceso de desarrollo. En el mercado se encuentra una gran variedad de aplicaciones distintas para satisfacer las necesidades de cada usuario. El Manual Imprescindible de Herramientas de diseño digital ofrece la posibilidad de adquirir conocimientos de diseño gráfico y diseño multimedia mediante el uso del software más avanzado. El libro se divide en dos grandes bloques. El primero, dedicado al diseño gráfico, introduce conceptos sobre el diseño vectorial con FreeHand, el retoque fotográfico con Photoshop y la optimización de gráficos estáticos para la Web de la mano de Fireworks. El segundo bloque, centrado en el diseño multimedia, introduce elementos como la edición de audio digital con el programa Sonic Foundry Sound Forge, la edición de imágenes en movimiento con Premiere y la creación de animaciones para la Web con Flash. Dado su carácter práctico, el texto contiene numerosos ejercicios, tratados de forma técnica y creativa. El manual es recomendable no sólo porque se aprenden los conceptos básicos de seis programas líderes en el mercado del diseño gráfico y multimedia, sino además porque se exponen conceptos fundamentales del diseño, el conocimiento de los cuales permite enfrentarse con soltura a proyectos creativos.

Cómo usar este libro A quién va destinado el libro Estructura Ejercicios Convenciones Introducción Capítulo 1. El vector: Macromedia FreeHand. Ilustración en blanco y negro Introducción Programas de diseño con vectores Entorno de trabajo Panel de herramientas Abrir y Cerrar programas Abrir archivos Modos de visualización Paneles Paneles de propiedades Dibujo geométrico Ejercicio Flor proyector Iniciar proyecto Modificar el tamaño de página Guardar proyecto Dibujar rectángulos y cuadrados Propiedades objetos agrupados Seleccionar objetos Escalar y desplazar objetos numéricamente Volver pasos atrás o adelante Escalar y desplazar objetos gráficamente Dibujar elipses y círculos Alinear objetos Dibujar polígonos y estrellas Dibujar líneas Trazados desagrupados Agrupar/Desagrupar objetos Modificar grosor de trazos básicos Modificar extremos del trazo Aplicar rellenos básicos Disponer objetos hacia adelante o atrás Alinear con la página Guardar y cerrar Ejercicio Flor Dibujo figurativo Ejercicio Máscara Topeng Iniciar proyecto Reglas de página y guías Trazados Puntos Dibujar trazados Seleccionar todo Copiar objetos Reflejar objetos Unir trazados Finalizar proyecto Ejercicio Pluma Resumen Capítulo 2. Ilustración en color Introducción Teoría del color Colores luz: síntesis aditiva Colores pigmento: síntesis sustractiva Tono, saturación y brillo Valores acromáticos Entorno de trabajo Modos de color Gamas de color Círculos cromáticos Ejercicio CMAN Iniciar proyecto Elegir colores Modo CMAN Memorizar colores Gestionar listado de colores Girar y duplicar objetos Gestionar por capas Mover a capa guías Recortar trazados Dividir trazados Aplicar colores sólidos a objetos Finalizar proyecto Ejercicio RVA Ilustración con motivos y matices Ejercicio Ping-Pong Iniciar proyecto Dibujar objetos Alinear y disponer objetos Aplicar rellenos de mosaico Múltiples propiedades Aplicar multiples rellenos Aplicar rellenos de patrón Aplicar múltiples trazos Elegir tipos de trazo Finalizar proyecto Ejercicio Matices Crear matices Resumen Capítulo 3. Tipografía en gráficos vectoriales Introducción Tipografía Fuente tipográfica Con serifa vs. Palo seco Familia tipográfica Medidas tipográficas Truetype vs. Postscript Escoger fuentes Entorno de trabajo Gestionar fuentes Fuentes no instaladas Editar bloques de texto Importar archivos Importar archivos en FreeHand Importar texto Texto y forma Ejercicio Cuadro de texto Iniciar proyecto Introducir texto Modificar atributos de texto Barra de herramientas texto Menú texto Escalar bloques de texto Encajar bloques de texto Girar bloques de texto Modificar ajuste entre caracteres Modificar interlineado Modificar alineación Finalizar proyecto Ejercicio Free_Poem Texto e imagen trazada Ejercicio Sabi-Wabi Iniciar proyecto Importar imágenes de mapa de bits Renombrar y añadir capas Trazar automáticamente Depurar los trazos Unir al trazado Convertir texto en trazados Finalizar proyecto Ejercicio Texto-pluma Resumen Capítulo 4. Profundidad y volumen Introducción Coordenada z Perspectivas y proyecciones Puntos de vista Perspectiva natural Perspectiva científica Perspectiva lineal Perspectiva atmosférica Perspectiva axonométrica Entorno de trabajo Plantilla de perspectiva Herramienta perspectiva Perspectiva lineal Ejercicio Habitación Iniciar proyecto Crear perspectiva con un punto de fuga Dibujar objetos en perspectiva Escalar objetos en perspectiva Adaptar objetos en perspectiva Inclinar objetos en perspectiva Finalizar proyecto Ejercicio Texto3D Proyección isométrica Ejercicio Vectoril Iniciar proyecto Diseñar logotipos Diseñar tres vistas en plano Convertir a proyección isométrica Aplicar rellenos de degradado lineal Convertir imágenes vectoriales a imágenes de mapa de bits Finalizar proyecto Ejercicio Rubik Modificar puntos de unión del trazo Resumen Capítulo 5. Diseño secuencial con gráficos vectoriales Introducción Factor tiempo Animación Animatic o tira leica Intercalación Prueba de línea Rotoscopia Cinética Entorno de trabajo Exportar Exportar archivos en FreeHand Vista de miniaturas de página Animación vectorial: Macromedia FreeHand + Macromedia Flash Ejercicio Cinético I Iniciar proyecto Fusionar objetos Modificar fusiones Animar por capas Previsualizar animaciones Exportar animaciones por capas Definir el tamaño del proyecto desde Flash Importar animaciones por capas desde Flash Invertir fotogramas en Flash Exportar pruebas de animación en Flash Finalizar proyecto Ejercicio Cinético II Animación vectorial: Macromedia FreeHand + Adobe Premiere Ejercicio Baile I (1ª parte) Iniciar proyecto Añadir páginas Relacionar capas y páginas Dibujar rotoscopias Exportar animaciones por páginas Finalizar proyecto Ejercicio Baile II (1ª parte) Resumen Capítulo 6. El píxel: Adobe Photoshop. Fotografía en color Introducción Programas de diseño con mapa de bits Conceptos básicos de fotografía digital Resolución de la imagen Tamaño de archivo Tamaño de impresión Modificar el tamaño de imagen Resolución y tamaño del monitor Aliasing y antialiasing Calibración de dispositivos Entorno de trabajo Panel de herramientas y barra de opciones Modos de visualización Selecciones Volver pasos atrás o adelante Modos de color Importar archivos con TWAIN en Photoshop Colorear un dibujo Ejercicio Chica con alas I Iniciar proyecto Escanear imágenes Realizar conversiones entre modos Seleccionar colores Hacer selecciones por color Rellenar con colores Gestionar por capas Modos de fusión Iluminar con luces y sombras Finalizar proyecto Ejercicio Chica con alas II Colorear una fotografía Ejercicio Foto coloreá I (1ª parte) Iniciar proyecto Hacer selecciones por forma Duplicar imágenes Acoplar imágenes Avisar sobre gama Finalizar proyecto Ejercicio Foto coloreá II Resumen Capítulo 7. Fotografía en blanco y negro Introducción Píxeles y bits Profundidad de bits Bits, colores y canales Texturas Texturas en blanco y negro Puntos y líneas Entorno de trabajo Creador de motivos Tramas de semitonos Imagen y textura Ejercicio 1 bit Iniciar proyecto Modo mapa de bits Definir motivos Generar texturas con motivos en modo mapa de bits Finalizar proyecto Ejercicio Mixto Textura y serialización Ejercicio Módulos I (1ª parte) Iniciar proyecto Generar texturas con motivos en modo escala de grises Generar más motivos y texturas Ejercicio Muaré (1a parte) Resumen Capítulo 8. Tipografía en imágenes de mapa de bits Introducción Legibilidad Legibilidad en papel impreso Legibilidad en pantalla Diagramación y maquetación Diseñar retículas Entorno de trabajo Capas de texto Máscaras Crear efectos Texto y píxel para impresión Ejercicio Portada de CD (1ª parte) Iniciar proyecto Sistemas de medición Crear máscaras de capa Introducir texto Finalizar proyecto Ejercicio Portada de CD (final) Texto y píxel para pantalla Ejercicio Texto-efecto Iniciar proyecto Duplicar capas Aplicar efectos a texto Aplicar efectos a texto rasterizado Finalizar proyecto Ejercicio Pabellón Mies Resumen Capítulo 9. Iluminación y retoque fotográfico Introducción Luz Dirección Expresividad lumínica Gama tonal Entorno de trabajo Histograma Canales Corrección de color Ejercicio Variaciones I (1ª parte) Iniciar proyecto Corrección de color Acotar colores Corregir color de modo sencillo Corregir color de modo complejo Crear capas de ajuste Recortar archivos Finalizar proyecto Ejercicio Variaciones II (1ª parte) Retocar y restaurar Ejercicio Recuerdos Iniciar proyecto Clonar imágenes Suavizar selecciones Integrar dos imágenes Convertir a duotono Finalizar proyecto Ejercicio Foto coloreá I (final) Resumen Capítulo 10. Diseño secuencial con imágenes de mapa de bits Introducción Canal alfa Entorno de trabajo Exportar con trazados de recorte Exportar trazados de Photoshop Convertir imágenes vectoriales a imágenes de mapa de bits Automatizar tareas repetitivas Animación con píxeles: Adobe Photoshop + Adobe Premiere Ejercicio Puntos móviles (1ª parte) Iniciar proyecto Establecer márgenes de seguridad Transformar objetos Grabar guiones Reproducir guiones Finalizar proyecto Ejercicio Variaciones I (2ª parte) Animación con píxeles:Adobe Photoshop + Macromedia Flash Ejercicio Módulos I (final) Iniciar proyecto Guardar como secuencia de imágenes de mapa de bits Importar imágenes de mapa de bits en Flash Editar múltiples fotogramas en Flash Establecer propiedades de las imágenes en Flash Exportar animaciones en Flash Finalizar proyecto Ejercicio Variaciones II (final) Resumen Capítulo 11. El píxel optimizado: Macromedia Fireworks Introducción Programas de optimización Conceptos básicos de colores Web Colores Web o paleta hexadecimal Colores seguros para la Web Indexar imágenes Entorno de trabajo Panel de herramientas y panel de propiedades Modificar el tamaño de imagen Modos de visualización Optimizar: menos es más Guardar para la Web Panel de optimizar Exportar archivos en Fireworks Formatos gráficos para la Web JPEG Optimizar como JPEG GIF Optimizar como GIF PNG Optimizar como PNG Resumen Capítulo 12. El sonido: SonicFoundry Sound Forge. Captura, edición y creación Introducción Conceptos básicos de sonido digital Altura y frecuencia Timbre Intensidad y amplitud Frecuencia de muestreo Profundidad de bits Número de canales Analógico vs. Digital Dispositivos de sonido y audio Compresión, códecs y formatos de audio Entorno de trabajo Barra de transporte (Transport bar) y Barra de estado (Status bar) Modos de visualización Gestionar dispositivos de sonido Reproducir sonido desde Win/PC y OSX/Mac Reproducir sonido desde Sound Forge Capturar y reproducir sonido Ejercicio Guitarra I (1ª parte) Iniciar proyecto Activar canales de grabación Ajustar volúmenes Grabar sonidos Finalizar proyecto Ejercicio Ritmo I (1ª parte) Proceso digital de señal y efectos Ejercicio Guitarra I (2ª parte) Iniciar proyecto Aplicar procesos correctivos Aplicar procesos creativos Finalizar proyecto Ejercicio Ritmo I (2ª parte) Resumen Capítulo 13. El sonido: Adobe Premiere. Mezcla final de audio Introducción Programas de edición multipistas Efectos de audio Efectos de amplitud Efectos de frecuencia y filtros Efectos de tiempo Entorno de trabajo Panel Proyecto (Project) Panel Monitor (Monitor) Panel Línea de tiempo (Timeline) Panel de herramientas Modos de visualización Importar archivos en Premiere Edición multipistas Ejercicio Guitarra I + Ritmo I (final) Iniciar proyecto Importar audio Añadir pistas de audio y vídeo Superponer clips de audio Modificar la Velocidad/Duración (Speed/Duration) Ajustar volúmenes a las pistas Exportar audio Finalizar proyecto Ejercicio Guitarra II + Ritmo II (final) Efectos Ejercicio Ambiente sonoro I Iniciar proyecto Aplicar efectos a las pistas de audio Aplicar efectos a los clips de audio Definir fotogramas clave y aplicar fundidos a los clips de audio Ajustar volumen al máster Finalizar proyecto Ejercicio Ambiente sonoro II Resumen Capítulo 14. El píxel en movimiento: Adobe Premiere. Captura y edición en vídeo Introducción Conceptos básicos de vídeo digital Analógico vs. Digital Tecnología DV Compresión, códecs y formatos de vídeo Estándares de televisión y vídeo Campos entrelazados Fotogramas por segundo y resolución Proporción del píxel Código de tiempo Entorno de trabajo Panel Captura (Capture) Captura de vídeo por lotes (Batch capture) y EDL Definir el tamaño y los ajustes del proyecto Exportar imágenes y vídeo en Premiere Exportar vídeo Reproducir vídeo desde Win/PC y OSX/Mac Capturar y reproducir vídeo Ejercicio Poliritmia (1a parte) Iniciar proyecto Capturar clips Finalizar proyecto Ejercicio Baby (1ª parte) Edición de vídeo básica Ejercicio Poliritmia (2ª parte) Iniciar proyecto Colocar puntos IN y OUT Aplicar transiciones Finalizar proyecto Ejercicio Baby (2ª parte) Resumen Capítulo 15. Transparencias y sobreimpresiones Introducción Trucajes Composición digital Croma key Entorno de trabajo Aplicar efectos a los clips de vídeo Transparencias Sobreimpresiones Ejercicio Poliritmia (final) Iniciar proyecto Aplicar transparencias de color, brillo y canal alfa Exportar imágenes fijas en Premiere Aplicar transparencias de máscara Cortar clips Finalizar proyecto Variaciones I (final) Composición digital Baile I + Puntos móviles (final) Iniciar proyecto Importar imágenes fijas Anidar secuencias Finalizar proyecto Baile II + Muaré (final) Resumen Capítulo 16. Tipografía en movimiento Introducción Legibilidad en movimiento Legibilidad en pantalla Entorno de trabajo Márgenes de seguridad Panel de Títulos (Title) Insertar fotogramas clave en los clips de vídeo Animación con texto Ejercicio Números Iniciar proyecto Crear títulos Organizar clips Establecer marcas Dotar de movimiento a los clips Finalizar proyecto Ejercicio Letras Texto, imagen y sonido Ejercicio Números + Baby (final) Iniciar proyecto Importar proyectos Superponer clips de vídeo Finalizar proyecto Ejercicio Letras + Baby (final) Resumen Capítulo 17. El vector en movimiento: Macromedia Flash. Animación básica Introducción Programas de animación vectorial Conceptos básicos de animación para la Web Entorno de trabajo Panel de herramientas e inspector de propiedades Panel Biblioteca Panel Línea de tiempo Escenario y modos de visualización Menús contextuales Seleccionar objetos Conectar y agrupar Símbolos e instancias de símbolos Creación de animaciones Animación por corte Ejercicio Lady Sue parpadeando Iniciar proyecto Dibujar óvalos Crear símbolos gráficos Gestionar por capas Pegar objetos in situ Dibujar líneas curvas Rellenar objetos Dibujar líneas rectas Crear animaciones fotograma a fotograma Finalizar proyecto Ejercicio Ping-Pong parpadeando Animación por interpolación Ejercicio 4L Iniciar proyecto Crear interpolaciones de movimiento Finalizar proyecto Ejercicio 4x4L Resumen Capítulo 18. Animaciones con sonido Introducción Sintaxis audiovisual Storyboard Sincronización Entorno de trabajo Importar imágenes y vídeo en Flash Importar audio Exportar imágenes y vídeo en Flash Creación de pequeñas piezas audiovisuales Ejercicio Lounge (1ª parte) Iniciar proyecto Crear clips de película Cambiar las propiedades de una instancia Duplicar símbolos Intercambiar símbolos Añadir sonidos en modo Inicio Publicar películas Finalizar proyecto Ejercicio XY Videoclip optimizado para Web Ejercicio Lounge (2ª y última parte) Iniciar proyecto Establecer propiedades de los sonidos Añadir sonidos en modo Flujo Finalizar proyecto Ejercicio Ralph & Junior Resumen Capítulo 19. Interactividad Introducción Diseño Web vs. diseño impreso Diseño Web Interfaz de usuario Interactividad Look and Feel Sintaxis audiovisual Guión lineal vs. guión no lineal Entorno de trabajo ActionScript y acciones Variables Texto suavizado vs. texto de sistema Campos de texto y variables Vídeo con interactividad: Macromedia Flash + Adobe Premiere Ejercicio Link Iniciar proyecto Importar vídeos Introducir texto Crear botones invisibles Asignar acciones a botones Asignar acciones a fotogramas Finalizar proyecto Ejercicio Player Interfaz interactiva Ejercicio Urlauten Iniciar proyecto Crear y programar botones Creación de texto dinámico Añadir sonido a los botones en modo Evento Finalizar proyecto Ejercicio Hexagonal Resumen Capítulo 20. El píxel en movimiento optimizado: Macromedia Fireworks Introducción Entorno de trabajo Panel Fotogramas Animación Organizar las imágenes por fotogramas Guardar animaciones para la Web Optimizar como GIF animado Interactividad Establecer rollover a las imágenes Establecer vínculos a las imágenes Guardar interactividad para la Web Resumen A. Instalación del producto Descargar Photoshop y Premiere Descargar Fireworks, Flash y FreeHand Descargar Sound Forge In B. Recursos adicionales Bibliografía y en alfabético