ejemplos tutoriales

http://www.vectordiary.com/illustrator/gradient-mesh-flower-tutorial/

http://vector.tutsplus.com/tutorials/illustration/tips-for-working-with-the-gradient-mesh-tool-in-illustrator/

Repaso del temario del bloque de Illustrator

1 CONCEPTOS DE ILLUSTRATOR

Gráficos Vectoriales, REPASO
Comprender los trazados
Atributos de Relleno y trazo
Selección de objetos y orden de apliamiento
Isolation mode

2. CREAR NUEVOS DOCUMENTOS

La ventana de bienvenida
Perfiles de documentos
Utilizar múltiples mesas de trabajo
Librerías y contenido
Plantillas de illustrator

3. EL INTERFAZ DE ILLUSTRATOR

Explorar los paneles
Utilizar el panel de control
Navegar y moverse dentro de un documento
Utilizar reglas y guías
Utilizar la cuadrícula
Utilizar el cuadro delimitador
Utilizar las Guías inteligentes
Utilizar el comando ocultar bordes
Modo de previsualización y modo contorno.
Los espacios de trabajo

4. Dibujo Básico

Las teclas modificadoras (ALT CTRL BARRA ESPACIADORA, SHIFT… FLECHAS..)
Dibujar primitivas cerradas
Dibujar trazados abiertos
Utilizar la pluma

5. Editar trazados

Editar puntos de ancla
Crear formas compuestas
Utilizar el buscatrazos
Promediar y unir vértices
Contornear trazos
Simplificar trazados
Utilizar el comando offset

6. Edición de texto básico

Crear texto de punto
Crear texto de área
Aplicar estilo de caracter
Aplicar estilo de párrafo
Flujo de texto entre diferentes cajas de texto.
Texto sobre trazados abiertos
Texto dentro de trazados cerrados
Contornear texto

7. Hacer Selecciones

Utilizar las herramientas básicas de selección
Varita mágica y lazo
Seleccionar objetos por atributos

8. Comprender las apariencias

Utilizar el panel de apariencias
Trabajar sobre un atributo en concreto
añadir múltiples atributos
Aplicar effectos
Expandir apariencia

9. Trabajar con grupos y capas

Crear gurpos
Editar grupos
Trabajar con capas
Crear capas de plantilla

10. Trabajar con color

Aplicar color
Crear muestras de color sólidas
Crear muestras de color GLOBAL
Utilizar muestras de tintas planas
Crear grupos de muestras y librerías
Trabajar con degradados lineales
Trabajar con degradados radiales
Aplicar y editar rellenos de motivo
Crear y diseñar patrones o motivos

11. Transformaciones y modificadores de objetos

Mover y copiar objetos
Escalar
Rotar
Reflejar y sesgar
La herramienta de transformación libre
Alinear objetos
Distribuir objetos

12. Trabajar con los pinceles
Utilizar el pincel caligráfico
Pincel de dispersion
Pincel de arte
Pincel de motivo
Utilizar la herramienta de pincel
Utilizar el pincel de rellenos
Utilizar el borrador

13. Utilizar símbolos

Usar símbolos
Crear símbolos
Editar símbolos
Utilizar el spray de símbolos

14. Aplicar efectos

Aplicar efectos de 3D
Utilizar efectos de stilizado
Utilizar efectos de deformación

15. Trabajar con imágenes

Colocar imágenes
Utilizar el panel de Vinculos
El flujo de trabajo de editar original
Convertir bitmaps a gráficos vectoriales
Rasterizar vectores
Máscara de recorte

17. Guardar e imprimir

Guardar documentos AI
Imprimir AI Exportar archivos para utilizar en Quark / Indesign

simulación packaging

DISEÑO PACKAGING

Diseñar el packaging para una nueva línea de cosméticos de la marca Fred & Miah.

Mercado Objetivo:
El público al que está dirigido lo forma consumidores de productos de belleza y cosméticos, tanto hombres como mujeres, con edades comprendidas entre los 18-35 años. Son personas con un alto poder adquisitivo , fieles seguidoras de las tendencias que marca la moda y dispuestas a gastar una parte considerable de su dinero en productos de lujo relacionados con el ocio, los viajes y el cuidado personal.

Requisitos.
Aplica diferentes soluciones a por lo menos cuatro objetos distintos, uno de los cuales debe contener un producto líquido como un champú o una loción. Asegúrate de que los objetos que escojas como envases compongan una linea de productos diversos. Todos deben contar con cierre hermético y garantizar un uso fácil e higiénico.
No existen restricciones en cuanto al color ni limitaciones estrucutrales, más que las que fijan los aspectos prácticos del a producción industrial.
Desarrolla una imagen de marca para Fren & Miah que pueda aplicarse de forma efectiva a todos los productos de la línea y que resulte atractiva para ambos sexos.

Metodología.
Documentación.
En los estantes de las tiendas y secciones epecializadas podemos encontrar un vasto surtido de productos de belleza. Antes de embarcarte en ningún concepto del diseño para este proyecto, busca ejemplo de cosméticos que tengan líneas femeninas y masculinas para su producto. Analiza mediante bocetos los estilos más significativos de los productos de la competencia. Fíjate en los colores, la tipografía , las formas y los patrones que caracterizan a cada marca.
Recuerda que dos aspectos esenciales del encargo hacen referencia respectivamente al mercado objetivo que se busca y al estilo contemporáneo del producto.
Tu labor de investigación debe concentrarse en cómo se emplea el lenguaje visual para comunicar que un producto determinado es para el cuidado personal , la higiene o la limpieza. Esto te permitirá hacerte una idea del margen con el que cuentas para jugar con las convecciones en tu diseño.
Aunque en el briefing no se especifica el coste de ninguno de los productos, es importante que tengas en cuenta que será un producto de lujo, por lo tanto eso no solo afectará a los elementos visuales, sino también a los materiales y acabado empleados en la construcción de los envases.

Exploración y bocetos.
Puedes empezar a experimentar diseñando el nombre del producto en diferentes tipografías, en caja alta y en caja baja o en una combinación de ambas. Utiliza la disposición de las letras y el espaciado para imprimirle caracter.
Experimenta con la forma de los envases, sírvete de contendores ya existentes que sean típicos de otra clase de productos y usa estratégicamente los símbolos gráficos propios de los productos de belleza.
Aunque tus bocetos iniciales sean bidimensionales, conviene comenzar a modelar maquetas en 3D en una fase temprana , ya que es de gran ayuda poder hacerse una idea desde un principio de si una solución puede funcionar en formato tridimensional.
Puedes hacerlas con papel , siempre y cuando no sea demasiado endeble y no tienen por qué ser a escala real.

Recuerda que en este proyecto debes crear un logotipo, y atendiendo a ese logotipo tienes que considerar qué tipo de grafismo lo apoyará incluyendo colores, patrones, etc, también debes decidir qué forma tendrán los respectivos envasesde los cuatro productos diferentes que integran la línea. Es imperativo que cada elemento sea distintivo y que todos posean al mismo tiempo cohesión como grupo.
Mientras exploras varias alternativas diferentes, juega con la tipografía , los colores, los materiales y las estructuras para lograr que los distintos elementos funcionen bien juntos.

Desarrollo.
De los experimentos y exploracioens que lleves a cao debería surgir al menos un concepto con potencialpara ser desarrollado. Dicho concepto debe refinarse para conseguir que funcione de modo satisfactorio a lo largo de todo el proyecto.
El proyecto que nos ocupa ofrece la oportunidad de desarrrollar un concepto de cuatro maneras, ya que hay que producir cuatro packs diferentes. Lo dieal es que las cuatro parezcan pertenecer a una misma línea , pero también que quede cierto margen para la aplicación del branding.
La fase de desarrollo también abarca la traducción de tus bocetos visuales a versiones informatizadas de los packs , más precisas y completas. Estas pueden aplicarse a diseño estructurales planos, a parte de diseños estructurales planos o caras individuales del pack.

Finalización.
Invierte tiempo en costuir bien los cuatro packs y déjalos listos para fotografiarlos. Trata de evitar que dos extremos recortados de las impresiones converjan en una esquina sin superponerse, ya que sera prácticamente imposeible que no quede un hueco.
Repasa bien los pliegues del interior de la cartulina antes de asegurar las solapas con cinta de doble cara. Si puedes, imprime tu diseño en una hoja de lámina única y pégalos sobre la maqueta de cartulina. Monta fotografías de los 3d acabados y retoca las imágenes para mostrarlas apropiadamente en un portfolio online e impreso.

intro al diseño web

DISEÑA UN BANNER Y DESARROLLA EL STORYBOARD.

Primera Parte:

Responde de manera concisa a las siguientes preguntas sobre tu diseño.

1. ¿cuál es el objetivo del banner y cuál es su público?
2. ¿qué elementos del diseño vas o has incorporado?
3. ¿cómo participan esos elementos en la consecución del objetivo?
4.¿cómo actúan los elementos del diseño para comunicarse con su público específico?

Una vez hecho esto, sube el storyboard al blog y adjunta las respuestas.


Segunda Parte:
Analiza el diseño del banner de tu compañero respondiendo a las siguientes preguntas:
1. ¿cumple el banner los objetivos descritos por el primer diseño?
2. ¿qué conceptos o principos del diseño cambiarías o incluirías en el banner?¿por qué?
3. ¿cuáles de los elementos del diseño original SI consiguen los objetivos originales?¿por qué?
4.¿es apropiado el código visual para el público específico al que se dirige?


Tercera parte:
Con los comentarios que te ha hecho tu compañero , analiza tu primer diseño y rediseñalo contestando además a las siguientes preguntas. sube de nuevo al blog los cambios y las explicaciones.

1. ¿qué cambios sobre los nuevos conceptos y principios del diseño has necesitado modificar y añadir?
2.¿cuáles de estos cambios son los que han sido necesarios para comunicar mejor el propósito del banner?
3.¿cuáles de esos cambios han sido necesarios para acercarte de una manera más adecuada a tu público objetivo?

LOGOTIPO Y SÍMBOLO

Diseñad un logotipo y un símbolo distintivo y elocuente para una tarjeta de donante.

Mercado Objetivo:
Mayores de 18 años con conciencia social, aunque también está orientado a captar nuevos donantes posiblemente más jóvenes.

Requisitos:
El nombre del logotipo tiene que ser DONORCARD. El logotipo debe incluir un símbolo representativo apropiado. El símbolo debe representar junto con el nombre una imagen representativa y también debe ser identificable y funcionar por separado.

Debe funcionar a DOS COLORES y también en blanco y negro , en positivo y en negativo , así como pequeña como gran escala.

METODOLOGÍA
Estudia y sube al menos tres logotipos existentes , en particular aquellos que hayan sido creados para mercados objetivos similares.
Examina con detalle cómo en otras soluciones los diseñadores han comunicado y capturado el tema de la solidaridad y la reputación de ese tipo de organizaciones. ¿adoptan todos esos logotipos una paleta de color específica?¿utilizan tipografías similares?. Toma nota de cualquier característica visual que se haya convertido en sinónimo de este sector.

Después de analizar identidades y logotipos existentes , estudia en detalle la naturaleza de este proyecto. ¿cuáles son las formas y características de las letrs que constituyen el nombre de DONORCARD? ¿cuénatos ángulos y trazos curvos, verticales y horizontales hay?¿hay alguna letra individual poco usual o alguna combinación repetitiva o llamativa de letras que pueda ser desarrollada para conformar una declaración distintiva y apropiada de la reputación y el caracter de la organización?

Experimenta componiéndolo en cajas altas y bajas, o combinando ambas. Estudia las consecuencias de utilizar palo seco o serif, mezcla distintas tipografías , pesos y escalas.
Plantea también diferentes alineaciones. Invierte tiempo en evaluar las formas y el carácter de las que consituyen el nombre de la empresa ¿te sugieren alguna alineación alternativa?¿se pueden establecer relaciones entre las alturas de las barras transversales, la parte superior de la altura de la x y de las ascendentes o por la parte inferior de las descendentes?

Experimentar con las comvinaciones de colores y las variaciones tonales te ayudará a incrementar o moderar el énfasis sobre determinadas áreas del diseño.

Al mismo tiempo tienes que considerar cuidadósamente la creación del símblo. La primera opción es usar el símbolo como un sustituto o modificación de una de las letras que forman el logo.
La segunda es crear un símbolo separado que se relaciones con la tipografía mediante la alineación y la asociación de los diferentes elementos visuales.
Si sustituyes una o más letras por una forma o un icono apropiados , comprueba siempre que el logotipo siga siendo legible.


FINALIZACIÓN.
Una vez que hayas producido un logotipo y un símbolo finales, aplicalos sobre varios fondos neutros , sobre blanco, sobre negro y sobre gris medio. Muestra el nombre junto el icono , y también el nombre y el icono cada uno por separado.
Después aplica el diseño sobre un diseño de una tarjeta de donante del tamaño de una tarjeta de crédito, o tarjeta de visita.
Piensa en el resto de información que también tendrá que aparecer en la tarjeta y desarrrolla para ella soluciones de diseño que se ajusten al estilo y el formato del logopitpo y el símbolo.
La posidición de los elementos dentro del diseño de la tarjeta debe evocar todas las relaciones y alineaciones que ya hayas fijado.

Herramientas de dibujo y transformación en Illustrator

Para poner en práctica las herramientas que hemos estudiado hoy vamos a realizar los siguientes ejercicios:

1: A elegir entre las dos opciones: (800X600 max, para web)

• DISEÑO DE UN MAPA. Diseña un mapa sencillo que muestre el recorrido desde tu casa a la biblioteca o a la estación de tren más cercana. Anota los distintos tipos de rótulos que desees, pueden ser nombres de calles, paradas de autobús, iglesias, tiendas, etc.

• DISEÑO DE UNA INFOGRAFÍA: Busca información sobre el asesinato de Bin Laden, selecciona los datos más importantes y traduce al leguaje gráfico visual la información.

2: A elegir entre las dos opciones:

• CREA TU PROPIA ILUSTRACIÓN. Utilizando un formato de impresión A4, impresión a sangre y el mayor número de herramientas de dibujo posible.

• COPIA LA SIGUIENTE ILUSTRACIÓN. Para que no haya excusas si no se te ocurre ninguna ilustración, intenta conseguir el resultado más parecido a la siguiente ilustración.Utilizando un formato de impresión A4, impresión a sangre y el mayor número de herramientas de dibujo posible.

• http://jesar.deviantart.com/art/Digital-Lollypop-11709298
• http://imgs.abduzeedo.com/files/tutorials/misc/smt_s9.gif
• 

• 
  
• obviamente, cuando la terminéis, poned siempre el nombre y el link del artista original y especificad en vuestra entrada que se trata de un ejercicio de aprendizaje.

3. Crear la papelería corporativa para uno de los tres logotipos que queráis, de los tres que os he dejado en la carpeta PAPELERÍA, dentro de la carpeta de compartidos:

• Crear todos los recursos en el mismo lienzo, en diferentes mesas de trabajo. Con sus bordes de sangre (en caso de que vuestro diseño tenga mancha de color hasta el borde) y su márgenes y guías propias para cada mesa
• Crear un sobre de 241.3 x 104.9mm
• crear un tarjetón de invitación de : 203.2 x 133.35mm
• crear papel de carta , A4
• crear una tarjeta de visita 88.9 x 50.8 mm (planificad si va a ser un diseño a una o dos caras, obviamente la mesa de trabajo y las guias cambiarán.)

Podéis utilizar las plantillas de illustrator para ayudaros.

METODOLOGÍA DE TRABAJO:

Utilizad el logo, su esquema cromático, para generar los primeros bocetos. Todo logo tiene sus propias características, es decir, signos distintivos. Identifica todos los elementos gráficos del mismo y piensa como se van a tratar dentro de la serie (es decir el sobre, la tarjeta, el papel...etc).

Recuerda que todos los elementos han de tener una coherencia de estilos, utilizar los mismo sistemas tipográficos, uniformidad en el color, la misma orientación , agrupación y posicionamiento de elementos.


QUIERO AL MENOS TRES BOCETOS PREVIOS ANTES DE EMPEZAR EL DESARROLLO CON ILLUSTRATOR Y PHOTOSHOP.
exploración de los bocetos: antes de comenzar el trabajo, sube los bocetos al blog, comenta los rasgos identificativos del diseño que has empleado y explica su conexción con el diseño previo del logo.

Una vez hecho esto, elige el más adecuado y desarrolla el diseño con illustrator.