CARRERA en Diseño Gráfico_ DURACIÓN: HORAS

Transcripción

1 CARRERA en Diseño Gráfico_ DURACIÓN: HORAS

2 CARRERA EN DISEÑO GRÁFICO_ Revistas, bumpers, carteles de cine, packaging, webs, todo, absolutamente todo el aspecto visual de cada producto que te rodea ha sido concebido en la mente de un diseñador gráfico. Son los artistas que dan forma y color a lo cotidiano, aquellos que logran destacar un producto por encima de todos los demás, con una capacidad única para crear obras tan valiosas (o más) que el producto al que hacen referencia. Quieres dedicarte a ello? Entonces deberás dominar todos los soportes (gráficos, audiovisuales, online y offline) en los que un diseñador gráfico de nuestros días tiene la obligación de saber desenvolverse. Ese, sin lugar a dudas, es el objetivo de nuestra Carrera en Diseño Gráfico, vertebrada sobre un programa tan completo que cubrirá todas las futuras propuestas que se te presenten como profesional. Compuesta por los módulos de Diseño Gráfico, Diseño Web, Motion Graphics e Ilustración Editorial y Publicitaria, la Carrera en Diseño Gráfico te preparará, durante el primero, para abordar los diferentes usos y aplicaciones de la tipografía, la creación de identidades visuales, el diseño de revistas digitales o los múltiples usos del color y la pintura a través de Photoshop, Illustrator e InDesign. Además, dominarás la creación de Interfaces Gráficas, comprendiendo los conceptos fundamentales para poder desarrollarte como diseñador UI, atendiendo a conceptos de gran relevancia como la usabilidad o el conocimiento de los diferentes medios en los que publicar y productos a desarrollar. A su vez, en el módulo de Diseño Web conocerás al detalle el ecosistema digital y especialmente el entorno multidispositivo, así como las tecnologías y los diferentes lenguajes de programación web, poniendo el enfoque principal en la experiencia de usuario (UX), las nuevas herramientas de diseño de interfaz (Justinmind), prototipado e interacción (Marvel), mostrándote cómo desarrollar todo tipo de contenidos web con los lenguajes de programaciónhtml5 y CSS3 mediante el editor profesional Sublime Text, así como JavaScript y sus dos principales frame-works: jquery y AngularJS.

3 CARRERA EN DISEÑO GRÁFICO_ Adobe impone estrictos controles de calidad a las escuelas y universidades que quieren pertenecer al grupo internacional de centros de formación autorizados. Ser uno de los tres únicos Adobe Authorized Training Center (AATC) en España es una garantía indiscutible para nuestros alumnos. TRAINING PROVIDER Con este nuevo certificado, Trazos refuerza su presencia dentro de la industria digital, estrechando los lazos entre fabricantes, empresas y escuelas. Maxon se une así a la nómina de firmas que ya colaboran con Trazos.

4 MÓDULO I Diseño Gráfico_ Aprende a gestionar todos los detalles de cualquier producto grá co impreso y digital, desde el desarrollo de estrategias y campañas a las normas visuales básicas para llevar a cabo cualquier proyecto. En este módulo te preparamos tanto para manejar el software profesional como para saber emplearlo al más alto nivel creativo.

5 02/ Adobe Illustrator (60 horas) 01/ Adobe Photoshop (60 horas) 03/ Adobe InDesign (30 horas) Capas. Color.

6 01/ Diseño Multimedia/ Usabilidad / Arquitectura de la información (20h.) Introducción al diseño multimedia. Principios Del Diseño Aplicados Al Diseño De Interfaces Digitales ( Ux/Ui ). Diferencias Entre Un Diseñador Gráfico Y Un Diseñador Digital. Los Retos A Los Que Se Enfrenta Actualmente El Diseño Digital. Diseño Ux Multidispositivo. La Interacción Con Dispositivos Táctiles. Usabilidad: Reglas Y Ejemplos Prácticos. Arquitectura De La Información. Accesibilidad: Niveles Y Ejemplos Prácticos. 02/ Prototipado Con Photoshop Cc (40 H.) Trabajar Con Artboards Para Diseño Responsive. Adobe Device Preview. Optimizar El Flujo De Trabajo Con Smart Objects. Trabajar Con Layer Comps. Exportar Multiples Assets Con Generator. Trabajar Con Variables En Photoshop. La Interfaz De Adobe Experience Desing. Crear Artboards Para Diferentes Dispositivos En Xd. Añadir Contenido Desde Photoshop. Crear Prototipos Interactivos. Testear Y Exportar Proyectos. 03/ Diseño Web Responsive Con Adobe Muse (40H.). Conocer la interfaz de Adobe Muse CC. Crear el diseño de un sitio web en blanco. Qué es una página máster?. Definir las propiedades del sitio web. Añadir nuevas páginas de contenido. Qué podemos crear con Adobe Muse CC?. Archivos que se pueden importar. Modificar el fondo de una página. Trabajar con capas. Las propiedades de texto en Adobe Muse CC. Crear estilos de párrafo y caracter. Usar webfonts. Usar tipografías propias y alojarlas en el servidor desde Muse. Añadir un menú. Modificar los estilos del menú. Diferentes estados de los botones. Crear transiciones. Tipos de links. Los diferentes tipos de widgets. El panel de propiedades de los widgets. Cómo personalizar un widget. Crear un pase de imágenes. Crear un formulario de contacto. Dónde conseguir otros widgets?. Qué es el diseño responsive? En qué consiste?. Breakpoints o media queries más comunes. Cómo adaptar el contenido. Trucos para móviles. Qué es el protocolo FTP? Cómo se usa?. Qué archivos genera Adobe Muse CC para crear una web. Publicar una web con Business Catalyst. Publicar por FTP desde Adobe Muse. Como optimizar una web creada en Muse antes de publicar. Adobe InBrowser Editing. Herramientas de testeo y optimización.

7 04/ Diseño Web Responsive Con Acceso A Bases De Datos Con Wordpress (50 H.) Qué es Wordpress. Ventajas frentes a otros CMS. Tipo de páginas que podemos crear. Puntos a tener en cuenta a la hora de contratar un hosting. Conocer el panel de control de nuestro proveedor y los servicios más comunes. Instalación en un click. Instalación en local. Ajustes generales de wordpress. Selección del template y los plugins básicos para comenzar. Tipos de contenido según plantillas. Añadir texto. Biblioteca de medios. Categorías y tags. Crear páginas o secciones. Crear menús. Plantillas de páginas. Personalizar barras laterales. Conocer la CSS. Diferentes formas de añadir estilos propios. Evitar problemas con las actualizaciones. Importancia de los plugins. Plugins para SEO. Plugins para backup y migración. Otros plugins populares. Migrar un sitio de wordpress. Publicar y testear. Herramientas de optimización.

8 MÓDULO II Diseño Web_ El mundo de la web evoluciona de manera constante e imparable. Por ello, resulta indispensable contar con una sólida base de conocimientos en sus lenguajes más elementales. Este módulo ha sido pensado para ofrecerte una formación íntegra y profesional en las posibilidades de los dos principales lenguajes de programación empleados en desarrollo web, base que te abrirá las puertas de cualquier proyecto de diseño online.

9 01/ El nuevo entorno digital (45 horas) La tecnología web. Lenguajes de programación web y su aplicación a proyectos. Front-end y back-end. Servidores web. VPS y Cloud. Análisis de tendencias de diseño web. Definir y la estrategia de un proyecto. Tipos de web. Fases del proceso web. Dirección de arte digital. Conceptualización gráfica. Layouts y tipos de estructura. El color en la web. Tipografía en el entorno digital. Técnicas de Pixel Perfect. Contenidos multimedia. Técnicas básicas de Photoshop e Illustrator en diseño web. Fundamentos de Sketch: creación de gráficos vectoriales e interfaces. Principios de usabilidad (UX / UI) y prototipado digital (Balsamiq y Marvel) Fundamentos de desarrollo front-end. Diseño mobile first y conceptos básicos de diseño responsive. Editores web (Sublime Text). Conceptos de control de versiones con Github/Sourceforge. Subida de archivos vía FTP y el paso de producción. 02/ Organizar y ensamblar la web con HTML/HTML5 (30 horas) HTML (edición del código Sublime Text). HTML5, nuevas etiquetas y roles. Organización del contenido. Texto y enlaces. Trabajando con imágenes. Formularios. Contenido multimedia. Diseño y maquetación de newsletters. 03/ Definir y aplicar la capa de presentación con CSS (40 horas). CSS (edición del código Sublime Text) Selectores de elementos, ID y clase. Unidades de medida y aplicación del color. Tipografía: aplicando estilo al texto. Web fonts. Posicionamiento y principios de maquetación web. Iniciación a la maquetación flexible multidispositivo (Responsive Design). 04/ Web e interactividad con JavaScript (10 horas). JavaScript y el soporte en navegadores. Introducción al lenguaje. Sintaxis. Conceptos básicos. Librería JQuery: qué es y para qué sirve. Operaciones con HTML y CSS. Trabajando con plugins (FlesxSlider, OnePageScroll, Masonry, Parallax,etc.)

10 05/ Banners y piezas interactivas (HTML5, CSS y JavaScript) (10 horas). Publicidad display. Rich media y adservers. La decadencia de la tecnología Flash. Alternativas. Animación e interactividad de banners con Google Web Designer. 06/ PHP y los CMS (WordPress) (10 horas). Tecnología cliente/servidor. La web dinámica. Fundamentos básicos de PHP. Envío de datos mediante formularios. Gestores de contenido. Fundamentos básicos de WordPress. 07/ Optimizar y posicionar el proyecto web (5 horas). Accesibilidad y estándares. Validadores. Optimización del rendimiento del sitio web. Posicionamiento (SEO) y Analytics. Seguridad y legislación. 08/ Introducción ( 9 horas ) Primeros pasos con JavaScript HTML y JavaScript Tipos de ejecución de JavaScript Reglas de sintaxis del código Tabulación Mensajes de error y consejos para depurar el código (debug) Herramientas de depuración de JavaScript Iniciación a la programación orientada a objetos y JavaScript Lenguaje de script y lenguaje de programación Principios de la programación orientada a objetos Objetos, métodos y propiedades 09/ Variables, constantes y operadores ( 10 horas ). Utilización de constantes variables y operadores Tipología de variables Alcance de las variables Declaración, asignación y visualización de variables Transferencia de valores entre variables y conversión de tipo Reglas de nombres y palabras reservadas Tipología de operadores Operadores aritméticos, comparación, lógicos, asociativos, concatenación. Operadores especiales 10/ Funciones, condicionales y bucles ( 25 horas ) Las instrucciones condicionales Instrucción If Operador switch Las instrucciones de repetición (bucles) Instrucción for Instrucción while / do while Interrumpir y abandonar los bucles Método alert Método confirm Método prompt Declaración de las funciones Utilizar varias funciones y transmitir datos entre ellas La instrucción return Clausuras La clave This Utilizar una función para crear un objeto Prototipos Herencia

11 11/ Arrays ( 6 horas ) Arrays de una dimensión Arrays bidimensionales Recorrer matrices 12/ Formularios ( 20 horas ) Utilización de JavaScript con los formularios El objeto Form Métodos Los elementos de un formulario Manipulación del campo de texto Manipulación del campo textarea Controlar las casillas Control de los botones de opción Controlar los valores de selección de una lista Controlar los valores de una lista de selección múltiple Envio de un archivo por formulario Validar y enviar un formulario por correo electrónico 13/ Ajax y JSON ( 15 horas ) AJAX y JavaScript El objeto XmlHttpRequest JSON 14/ Varios ( 5 horas ) Principales objetos JavaScript El objeto window JavaScript y las cookies El DOM (Document Object Model) Introducción a las expresiones regulares 15/ jquery ( 30 horas ) Conceptos básicos Sintáxis del framework Selección de elementos Manejo de eventos Efectos visuales y animación Funciones de jquery jquery UI Ventanas modales de diálogo y notificaciones Controles de interfaz de usuario. Manejo de datos de formularios con JavaScript y JQuery Campos requeridos. Campos requeridos con dependencia. Validación de datos. Máscaras y formato de texto. Autocompletar. Creación de Selects dinámicas. Combinación CSS y jquery. Técnicas de navegación responsive. Smooth scrolling. Animaciones Waypoints. Composición de interfaz con jquery. jquery y Ajax.

12 16/ Angular ( 30 horas ) Introducción a Angular.js Elementos que conforman Angular 2. NodeJS y npm. Conceptos e instalación. Instalar Angular 2. Introducción a TypeScript. Mostrar propiedades de un componente. Tipos de datos en TypeScript. Plantillas en ficheros HTML independientes. Plantillas en línea o plantillas independientes en Angular 2. El constructor, métodos y propiedades. Crear un modelo de datos. Crear una clase para los datos en Angular 2. Estilos CSS para un componente. Directiva NgIf, directiva NgClass y evento Click. Condicional if en Angular 2. Two-way data binding. Directiva NgFor, NgIf y arrays en TypeScript. Mostrando un array asociativo con NgFor en Angular 2. Array de Objetos. Múltiples componentes, evento click y two-way data binding. Crear y usar un servicio. Base href. Routing básico. Rutas y añadir datos con un servicio. Importar modelo en el servicio. Rutas con parámetros. Formularios y validación. Analizar API Rest y base de datos. Crear servicio, configurar módulo HTTP y crear un método con petición AJAX. Imagen de carga (HTMLElement y queryselector). Crear componente y método en el servicio. Mostrar datos y NgSwitch. Validación formularios. Método en el servicio y petición HTTP. Subir ficheros con Angular.

13 MÓDULO III Motion Graphics_ Presente y futuro del diseño, en este módulo aprenderás a explotar todas las posibilidades del Motion Graphics: títulos de créditos, bumpers televisivos, spots publicitarios, modelado, texturizado y animación de grá cos 3D Todo ello plani- cado en un programa pensado para ayudarte a alcanzar la maestría en una de las áreas más demandadas del panorama digital actual.

14 01/ Proceso creativo (15 horas) La idea. Referencias. Tendencias estéticas. Briefing. Diseño. Stills. Concepts. Storyboard. Animatic. Timming. 02/ Introducción a After Effects (30 horas) Metodología de trabajo. El proyecto y sus elementos. Creación de composiciones. Importando archivos. Espacio de trabajo. Capas. Transparencias. Transformaciones. Controles de reproducción. Anidamiento de composiciones. Pre-composiciones. Pre-render. 03/ Animación en After Effects (30 horas) Técnicas de animación. Configuración y conceptos básicos de animación. Keyframes. Uso y configuración del desenfoque de movimiento. Animación de tiempo: fusión de fotogramas. Herramientas de animación: Motion Sketch, The Smother y Wiggler. Introducción a la animación con expresiones. Animación, creación y efectos de texto Creción y animación de máscaras. Capas y efectos de forma. Herramienta pintar. Clonación animada. Trabajo en 3D y espacio tridimensional 2.5D. Capas 3D. La cámara en el espacio tridimensional. Creación y configuración de luces. Modos de visualización del espaico 3D. Introducción a Cineware Cinema 4D Lite. 04/ Composición en After Effects (15 horas) Uso de trackers. Imagineer System Mocha. Rotoscopia. Chroma key y Keylight. 05/ Acabados y compatibilidades en After Effects (15 horas) Corrección de color. Efectos y presets. Exportar. Formatos de salida. Compatibiidad con software de Adobe Dynamic Link.

15 06/ Edición de Audio y Video con Adobe Premiere & Audition (15 horas) Introducción a Premiere Pro CC Edición de Vídeo15 Edición de Audio Efectos de Audio & Video Introducción a Audition Edición de Audio Efectos 07/ Composición y Edición en After Effects (30 horas) Composición multicapa. Importación de proyectos desde Cinema 4D. Retoque final de color y render. Edición sobre la línea de tiempo. Sonorización. Codificación y salida final.

16 01/ Introducción a Cinema 4D (15 horas) Interfaz. Flujos de trabajo. Tipos de objeto. Trabajo con el histórico. Uso de jerarquías. Capas. Operaciones básicas sobre objetos. 02/ Modelado básico en Cinema 4D (15 horas) Introducción a los splines. Introducción a los objetos nurb. Introducción a los objetos poligonales. Selección y transformación de caras, aristas y vértices. Modificaciones sobre la estructura. 03/ Materiales y Texturizado en Cinema 4D (15 horas) Materiales. Propiedades y gestión de los materiales. Texturas. 04/ Animación en Cinema 4D (15 horas) Introducción a la animación. Uso y animación de deformadores. 05/ Mograph en Cinema 4D (15 horas) Tipos de objeto Mograph. Objeto Cloner, Matrix, trazador, textos. Selecciones Mograph. Control de objetos Mograph. Trabajo con Effectors. 06/ Dinámicas y Partículas en Cinema 4D (30 horas) Dinámicas (configuración de cuerpos sólidos, blandos y objetos complejos). Simulación de partículas. Uso de la etiqueta hair. Iluminación y render de simulaciones hair. 07/ Xpresso en Cinema 4D (15 horas) Uso del editor de nodos. Generación de controles de usuario. Uso de sonido para controlar animaciones. 08/ Iluminación y Render en Cinema 4D (30 horas) Herramientas de iluminación. Uso de la etiqueta de composición. Render por capas y multipase. Efectos de render.

17 MÓDULO IV DIRECCIÓN DE ARTE_ La forma y soporte de cualquier medio, impreso y digital, es un apoyo esencial a la hora de consolidar el mensaje. Especialízate en el diseño gráfico aplicado al diseño editorial, la creación de la identidad de marca, el diseño web, la impresión y todos los aspectos de la tipografía y el lettering. Para alcanzar este objetivo te prepararemos en el manejo profesional de Adobe InDesign, indispensable a la hora de adentrarse en cualquier proyecto de grafismo tanto online como offline.

18 1. DISEÑO DE MARCA (100h) Directrices técnicas, estratégicas y expresivas para entender y dominar el proceso de diseño de Marca Visual. Confección de briefings para proyectos de Marca. Técnicas de conceptualización. Bocetos de Marca y pretest. Color. Teoría del color, criterios de selección, Kuller, etc. Principios compositivos y Principios Gestalt aplicados al diseño. Presentación de proyectos de Marca. Conceptualización, aplicaciones, muestras reales (mockups), etc. Aplicación impresas de la Marca. Papelería corporativa y piezas publicitarias. Señalética e Iconografia. Proyecto individual: Manual de Identidad Corpoprativa. Proyecto colectivo: Diseño de Marca con Briefing Real. 2. ARTEFINALIZACIÓN Y PRODUCCIÓN GRÁFICA (20h) Gestión cromática, tintas directas y uso de Pantone. Protocolos de seguridad en artefinalización. Artefinalización de técnicas de postimpresión. Principales técnicas de impresión y reproducción gráfica. Explotando las posibilidades materiales: Papel, plásticos, textiles, etc. Petición de presupuestos Proyecto individual: Diseño de un Sales Folder con un presupuesto virtual. 3. INTRODUCCIÓN A LA TIPOGRAFÍA Y LETTERING (25h) Historia de la tipografía. Conceptos básicos Anatomía de la letra. Familias y cuerpos tipográficos. Criterios para selección de fuentes tipográficas. Introducción al lettering: analógico o digital. Proyecto individual: Creación de una fuente tipográfica usable. 4. ILUSTRACIÓN DIGITAL COMO RECURSO (20h) Conceptos básicos Técnicas digitales de dibujo Tipos de ilustración y usos principales Ilustración e información: Infografías Retratismo digital 5. DISEÑO EDITORIAL (75h) Conceptos básicos relacionados con la creación de publicaciones. Publicaciones impresas y formatos digitales. Técnicas de maquetación para libros, revistas y periódicos. Producción gráfica y artefinalización de una publicación impresa. Creación de formatos digitales fijos y responsive. Interactividad en documentos. Navegación y formularios Proyecto individual: Creación y publicación de un Fanzine

19 6. PACKAGING (20h) Conceptos básicos Directrices para la creación de un packaging eficiente Tipos de Packaging Diseñando Packaging Green Packaging Packaging y ecommerce Proyecto individual: Creación del prototipo de un packaging 7. CREACIÓN DE UN PORTFOLIO ONLINE (40h) Directrices para lograr un portfolio competitivo. Portfolios online: Behance y Dribble Organización y exportación de proyectos para portfolio. Introducción a HTML y CSS Introducción a Wordpress Proyecto individual: Creación de un portfolio multiplataforma

20 PRoyecto_ Al finalizar la carrera, tendrás un plazo de tres meses para presentar tu propio proyecto creativo final. Consiste en un trabajo personal y de desarrollo externo. No obstante, previa solicitud, podrás tener a tu disposición cualquiera de los puestos de trabajo que se encuentren libres en nuestras aulas. Contarás con hasta cuatro sesiones de 3 horas de duración: una sesión de planteamiento, dos de seguimiento y una de presentación final donde un profesor te guiará y asesorará en lo que necesites. Además, como premio a la excelencia, podrás optar a uno de los premios Trazos Awards que entregamos anualmente en la escuela promocionando el talento destacado del alumnado.

21 Cuesta de San Vicente Madrid