Registrate al Curso

Costo del Curso Promoción

s/. 150.00 (Pago único)

Fechas y Horario

Sábado 16 de Agosto (2:00pm - 8:00pm)

Sábado 23 de Agosto (2:00pm - 8:00pm)

Total 12 horas

Formulario de Inscripción

Su nombre completo (*)

Email (*)

Teléfono (*)

Consulta Adicional

Todos los campos con (*) son considerados obligatorios, por lo tanto deberán ser llenados antes de hacer clic en el boton REGISTRARSE

Presentación Maratón Diseño Web Responsive con Adobe Illustrator CC

El Curso Diseño Web Responsive con Adobe Illustrator CC, es un material completo y práctico comformado por más de 200 videos grabados en calidad HD cuya duración promedio es de 15 minutos por video, en el cual se enseña al detalle todos los procesos que se debe seguir para crear diseños y bocetos de páginas web responsive altametne profesionalesdesde el reconocimiento de la plataforma de trabajo de la aplicación, técnicas y herramientas de dibujo, diseño maquetación básica, adaptación de diseño a responsive, optimización y exportación de gráficos vectoriales e imágenes para páginas web.

Para el desarrollo del curso utilizaremos el Adobe Illustrator CC, considerado en la actualidad como uno de los mejores y primeros programas para crear todo tipo de diseños, artes y bocetos para páginas web.

Costo del Curso

s/. 150.00 (Pago único)

Fechas y Horario

Sábado 16 de Agosto (2:00pm - 8:00pm)

Sábado 23 de Agosto (2:00pm - 8:00pm)

Total 12 horas

Plan Curricular Curso Diseño Web Responsive Adobe Illustrator CC

Introduccion al Curso

  • Que es Adobe Illustrator CC
  • Lo nuevo en esta versión
  • Objetivos del curso
  • Que es vector para web
  • Que es bitmap para web
  • Modos de color para web
  • Resoluciones de trabajo para web

Iniciando Adobe Illustrator CC

  • Reconocer la interfaz
  • Paleta de herramientas
  • Mesa de trabajo
  • Configuracion de preferencias
  • Configurar nuestra teclas rápidas
  • Visualizar modos de pantalla
  • Abrir proyectos webs existentes
  • Grabar proyectos webs

Maquetación de espacios para web

  • Abrir proyecto nuevo
  • Determinar ancho, alto y numero de mesas de trabajo
  • Trabajar con reglas y guías
  • Añadir mesa de trabajo para Desktop, tableta, móviles
  • Diagramación de espacio para desktop, tabletas y móviles
  • Determinar márgenes para tabletas y móviles
  • Guardar proyecto plantilla

Dibujando en Adobe Illustrator CC

  • Abrir nuevo proyecto con una sola mesa de trabajo
  • Dibujando formas basicas (Cajas, Elipse, Poligos, Cajas Redondeadas)
  • Edición y transformación de elementos gráficos
  • Organizar, alinear, agrupar elementos gráficos
  • Técnicas de dibujo
  • Superposición de elementos gráficos
  • Combinado elementos con buscatrazos (Union, recorte, intersección)
  • Usando el creador de formas para crear elementos gráficos
  • Dibujo lineas y artístico
  • La herramienta pluma para dibujar en modo lineal
  • La herramienta plula para dibujar en modo bezier (curva)
  • Edición de curvas, añadir, eliminar vertices
  • Crear Trazados complejos
  • Aplicar bordes y rellenos enteros
  • Modo de colores web (Hexadecimas y RGB)

Teoria del color para web

  • Significado de cada color en la web
  • Como determinar los colores de una web
  • Colores de fondo, menu, textos, enlaces
  • Colores RGB y Hexadecimales
  • Guardar paleta de colores

Creando diseño web responsive estilo minimalista

  • Abrir plantilla de maquetación
  • Determinar tamaño de cabecera y colocar logo de la web
  • Determinar barras de navegación
  • Determinar cuerpo de la web
  • Determinar pie de página
  • Colocar textos
  • Tipografias, estilos, conversión a curvas
  • Adaptación de diseño para tabletas
  • Adaptación de diseño para moviles con resoluciones 480, 320 y 240

Rellenos Degradados y Patrones

  • Crear degradados radial, linear
  • Aplicar degradados con mas de 2 colores
  • Biblioteca de degradados
  • Crear degradados de tipo patron
  • Biblioteca de patrones
  • Crear fondos webs en forma de mosaicos

Creando diseño web responsive empresariales

  • Abrir plantilla de maquetacion
  • Diseñando la cabecera
  • Disenado la barra de navegación
  • Diseñando cuerpo con 2 y 3 columnas
  • Diseñando pie de páginas
  • Adecuar diseño web para tabletas y móviles

Trabajar con imágenes

  • Preparar imágenes en photoshop CC
  • Determinar ancho,alto y resolución adecuada para la web
  • Editar imagen (Copiar, cortar, pegar, clonar)
  • Trabajar con niveles (Mejorar rango tonal de imagen)
  • Exportar imágenes de photoshop CC
  • Importar imágenes al illustrator CC

Creando diseño web responsive tienda en linea

  • Abrir plantilla de maquetación
  • Diseñando cabecera de la tienda
  • Barra de navegación de la tienda
  • Zona banners
  • Diseñando zona productos
  • Diseñando catálogo de productos
  • Diseñando detalle de productos
  • Diseñando carrito de compras
  • Diseñando pantallas de registro e ingreso de clientes
  • Diseñando formulario contáctenos

Creando un boletín informativo o email marketing

  • Abrir mesa de trabajo
  • Diagramar espacios recomendados
  • Medida adecuada para un boletin
  • Colocar imágenes
  • Colocar texto titulares y contenido
  • Diseño de botones para enlace

Creando diseño para Fan Page de facebook

  • Abrir mesa de trabajo
  • Diagramar espacios recomendados
  • Medida adecuada para un fan page
  • Crear diseño con imagenes, textos y gráficos
  • Diseño de cupones de descuentos
  • Diseño formulario de inscripción

Exportación de vectores e imágenes al HTML5

  • Preparar elementos para exportar como SVG (Vectores HTML5)
  • Exportar en formato SVG
  • Exportar en formato JPG y PNG
  • Determinar el peso exacto de una imagen para la web
  • Trabajar con selector para dibujar divisiones
  • Optimizar imágenes
  • Grabar divisiones como imágenes
  • Exportar fondos web con patrones
Modelos Web Realizados en Adobe Illustrator CC

Av. Conquistadores 146 San Isidro Lima - Perú / Teléfonos: 421-0729 994126741 / email:administracion@mgp-peru.com