UNIDAD 9: CREACIÓN DE FORMAS VECTORIALES (ILLUSTRATOR) - PRÁCTICAS A9 ISOTIPO E ISOLOGO

ISOTIPO E ISOLOGO

   En la siguiente práctica debíamos transformar a vectorial un isotipo de mapa de bits, y realizar una modificación en una fuente para la realización de un isologo con nuestro nombre. Para el isotipo seleccioné el símbolo de la Hermandad del Acero, de la saga de vídeo juegos Fallout. Y para el isologo modifiqué la fuente elegida.

ISOTIPO ORIGINAL - LA HERMANDAD DEL ACERO

ISOTIPO VECTORIZADO - LA HERMANDAD DEL ACERO

ISOLOGO - CISCO COMICS

UNIDAD 10: VECTORIZACIÓN Y TRAZADO - PRÁCTICA A10 AUTORRETRATO VECTORIAL

AUTORRETRATO VECTORIAL

   Siguiendo el ejemplo de los trabajos de Shepard Fairey, alias OBEY, realizamos un autorretrato vectorial a partir de una fotografía y con un estilo gráfico similar al estilo de los retratos de OBEY.

Aquí una con los colores como los carteles de OBEY.

Y esta otracon una libre elección de una paleta de colores.

UNIDAD 10: VECTORIZACIÓN Y TRAZADO - 10.4 SHEPARD FAIREY

UNIDAD 10: VECTORIZACIÓN Y TRAZADO - 10.3 TRAZADO

UNIDAD 10: VECTORIZACIÓN Y TRAZADO - 10.2 VECTORIZACIÓN

UNIDAD 10: VECTORIZACIÓN Y TRAZADO - 10.1 TRAZADOS COMPLEJOS

UNIDAD 9: CREACIÓN DE FORMAS VECTORIALES (ILLUSTRATOR) - 9.4 TRATAMIENTO DE TEXTO

TRATAMIENTO DE TEXTO

   En este último apartado de la unidad 9 veremos las distintas herramientas y opciones que tenemos a la hora de crear y tratar un texto dentro de Illustrator:

   -Modo tipografía. Paneles carácter y párrafo.

   -Herramienta texto: de área, en trazado, vertical, de área vertical, vertical en trazado.

   -Crear contornos.

   MODO TIPOGRAFÍA:

      En cuanto a las herramientas de texto podemos acceder a ellas desde el panel de barra de herramientas y al panel carácter desde el menú Ventana. Mediante este panel podemos escoger el tipo de letra, el tamaño, interlineado, espacio entre párrafos y letras de una misma palabra.
      Y con el panel párrafo podemos modificar la sangría, los espacios antes y después de párrafo, así como la justificación del texto, al igual que un procesador de texto.
      Estos dos paneles nos permiten modificar el texto que escribamos a nuestro gusto o necesidad.


   HERRAMIENTA DE TEXTO:

      La herramienta de texto, seleccionable desde la barra de herramienta, nos permite iniciar una capa de texto pudiendo así crear un escrito, darle título a un documento, o crear una obra mediante letras. Independientemente de cual sea nuestro motivo para la escritura, vamos a hablar un poco de estas herramienta y sus derivados:

      -Como tal, la herramienta texto, nos permite seleccionar una zona del lienzo y escribir en ella.
      -A diferencia de la herramienta de texto a secas, la herramienta de Texto de área nos permite escribir un texto que se ajusta a un trazado previamente realizado.
      -La herramienta de Texto en trazado, es una útil herramienta de texto que sitúa el espacio de escritura sobre un trazado previamente elegido, pudiendo ajustar el texto a dicho trazado.
      -Gracias a la herramienta de texto vertical, podemos escribir un texto en columna, situando las letras de la palabra que nos dedicamos a escribir con dicha herramienta, una debajo de la escrita previamente.
      -La herramienta de área vertical podríamos decir que es una fusión entre las herramienta de texto de área y texto vertical, ya que es una combinación de funciones.
      -Y por último la herramienta de texto vertical en trazado que, al igual que la anterior herramienta es una combinación entre la herramienta de texto vertical y la de texto en trazado, uniendo de nuevo ambas funciones.
      Estas herramientas son muy útiles, así que os animo a experimentarlas.

   CREAR CONTORNOS:

      Transformar un texto en contorno nos permite modificar este como si fuese otro objeto gráfico más, perdiendo su posible edición como texto y transformándose en formas modificables, mediante sus trazos y nodos. Realizar esto es muy sencillo, basta seleccionar el texto que queremos transformar, seleccionar en el menú texto crear contornos y voilà, el texto ha sido transformado en un contorno u objeto gráfico, dispuesto a ser modificado como una forma más.

UNIDAD 9: CREACIÓN DE FORMAS VECTORIALES (ILLUSTRATOR) - 9.3 TRANSFORMACIÓN DE OBJETOS

TRANSFORMACIÓN DE OBJETOS

   En el siguiente punto comprobaremos como realizar transformaciones de objetos, realización de formas complejas y deformaciones.

   -Formas compuestas combinando formas simples. Panel buscatrazos: unificar, menos frente, intersección, excluir, dividir, cortar, combinar, recortar, contornear, menos fondo.

   -Simplificar trazado.

   -Herramienta selección de grupo.

   FORMAS COMPUESTAS COMBINANDO FORMAS SIMPLES:

      Hay varias manera de crear formas compuestas mediante formas simples, y ahora vamos a explicar algunas de ellas:

      -Panel buscatrazos: Herramienta muy útil para la combinación o creación de formas mediante la superposición de estas, nos da una amplia gama de acciones que explicaremos a continuación:

         +La opción de unificar, nos permite unir dos formas independientes superpuestas, fusionándolas para formar una nueva.

         +Menos frente retira la forma que se sitúe en primer plano, retirando de la figura en segundo plano el trozo que la primera tapase, como si a la figura en segundo plano le faltase un trozo.

         +Formar intersección deja únicamente el trozo que haya estado en contacto por parte de ambas formas, eliminando el resto.

         +Excluir hace el proceso contrario, elimina la parte de ambas figuras que esté en "contacto" y deja únicamente el resto como una figura nueva con un hueco.

         +Dividir fusiona ambas formas pero dejando ver el trazo de ambas figuras.

         +Cortar combina ambas figuras eliminándo los trazos visibles, dejando los trazos de trabajo y nodos de ambas figuras.

         +En el caso de combinar, esta opción hace un trabajo similar al anterior pero dejando unicamente los trazos y nodos del contorno exterior de la figura.

         +Recortar continúa un trabajo similar al Cortar y Combinar, solo que en este caso deja únicamente el trozo visible que une ambas formas.

         +Contornear fusiona ambas formas eliminando el relleno y el grosor del trazo.

         +Menos fondo: Al igual que Menos frente que retiraba la figura que se encontraba en primer plano llevándose el trozo en contacto de ambas figuras, en este caso es al contrario, retirando la figura  en segundo plano.

   SIMPLIFICAR TRAZADO:

      Simplificar trazado nos permite eliminar una cantidad sobrante de nodos de un trazado, simplificando no solo el trazado sino la cantidad de datos del archivo, haciéndolo más ligero y sencillo de imprimir. Llevar a cabo este proceso es sencillo, basta con seleccionar el trazado elegido, y el en el menú Objeto elegimos la opción Trazados, y en esta Simplificar. Se nos abrirá una ventana en la cual podremos elegir hasta cuanto simplificar el trazado.

   HERRAMIENTA SELECCIÓN DE GRUPO:

      Esta herramienta nos permite seleccionar objetos, y objetos dentro de grupos. Esta herramienta nos viene muy a la hora de modificar un objeto dentro de un grupo. Basta seleccionarla en la barra de herramientas y luego seleccionar el objeto dentro de un grupo al cual deseamos modificar.

UNIDAD 9: CREACIÓN DE FORMAS VECTORIALES (ILLUSTRATOR) - 9.2 HERRAMIENTAS DE PRECISIÓN

HERRAMIENTAS DE PRECISIÓN

   En el siguiente punto veremos algunas herramientas de precisión con las que cuenta Illustrator, entre las cuales:

   -Regla.

   -Guías. Guías inteligentes.

   -Cuadrícula.

   REGLA:

      Las reglas en Illustrator pueden ser desplegadas a través del menú Ver > Reglas > Mostrar reglas, estas nos ayudan a medir y a colocar guías, de las que hablaremos más adelante. También poseemos una herramienta (medición) que nos permite medir, valga la redundancia, y comprobar distancias. Podemos seleccionar distintas unidades de medida, tirar líneas o marcas rectas, a modo de guía.

   GUÍAS:

      Las guías son líneas, no trazos, que nos ayudan a tener referencia en la zona donde las coloquemos, nos pueden ayudar a delimitar la distancia en la que podemos trazar una recta para que tenga la misma distancia que otra, o como simple punto de referencia. Estas se pueden trazar desde la reglas, clicando en estas y arrastrando hasta la zona deseada.
      Las guías inteligentes son guías que aparecen mientras trabajamos, nos pueden señalar puntos de referencia, como un trazo previamente hecho, un punto , una distancia similar, etc. Muy útiles a la hora de hacer líneas que han de tener un principio o fin igual, o trazar paralelas.
      Las guías las podemos ocultar desde el menú Ver > Guías > Ocultar guías, y hacerlas aparecer siguiendo el mismo proceso Ver > Guías > Mostrar guías.

   CUADRÍCULA:

      Las cuadrículas son una serie de herramientas, que nos permiten, como su propio nombre indica, crear distintos tipos de cuadrículas:
      -Cuadrícula rectangular: La cuadrícula rectangular nos permite trazar una cuadrícula rectangular o cuadrada, depende de nuestro pulso, o de las características que modifiquemos. Podemos modificar la cantidad de columnas y filas de las que contará nuestra cuadrícula, seleccionar el grosor y color del trazo o rellenarlo.
      -Cuadrícula polar: La cuadrícula polar posee unas características similares a la cuadrícula rectangular, solo que esta es posee forma circular y sus sectores se dividen mediante circunferencias internas y radios.
      -Cuadrícula con perspectiva: La cuadrícula con perspectiva nos permite crear una malla tridimensional desde la que poder crear formas, las cuales se adaptarán a dicha cuadrícula añadiendo las perspectiva según la zona donde elijamos crearla.

UNIDAD 9: CREACIÓN DE FORMAS VECTORIALES (ILLUSTRATOR) - 9.1 RELLENOS Y TRAZOS

RELLENOS Y TRAZOS

   En el siguiente punto trataremos los temas de rellenar y colorear las formas y trazos.

   -Color de relleno: selector de color, panel color y panel muestras.

   -Degradados. Paneles de control, muestras y degradado.

   -Cuentagotas.

   COLOR DE RELLENO:

      El color de relleno funciona de manera muy distinta a los programas que tratan mapas de bits. En los programas de mapas de bits basta con seleccionar cualquier herramienta de pintura como el pincel o el cubo y clicar en el espacio a colorear. En cuanto a Illustrator el color de relleno se escoge directamente al seleccionar una trazado que cree una forma, en el panel de arriba podemos seleccionar directamente el relleno que deseemos.

      A través del panel de color, en el menú ventana podemos seleccionar el color de relleno de nuestra forma, de manera sencila, podemos clicar directamente en el color que más nos guste. De igual manera sirve para el trazo si seleccionamos el color del trazo en vez del de relleno.

      En cuanto al panel de muestras tenemos varias selecciones de color y patrones previamente guardados, incluso podemos realizar nuestras propias muestras, al igual que con las anteriores herramientas y metodos, el modo de colorear el relleno o el trazo es el mismo.

   DEGRADADOS:

      Los degradados nos permiten realizar inclusiones de varios colores pudiendo crear efectos de color, luces y sombras. El panel de degradados nos permite escoger varias muestras de degradados o hacer el nuestro propio mediante la barra de colores de degradados. Ademas de poder escoger distintos tipos de degradados, entre lineal (que se basa en un degradado de líneas, alterable en ángulos distintos), el radial (el degradado se sitúa en círculo). En ambos degradados la selección de color es completamente libre y podemos añadir tantos como se nos permita.

   CUENTAGOTAS:

      La herramienta de cuentagotas posiblemente sea la herramienta más útil para copiar colores o crear una paleta de colores. Esta herramienta copia el color de l a zona que seleccionemos con ella, lo cual nos permite colorear una sección de un color que poseyera otra, sin necesidad de tener que buscar en la paleta de colores un color aproximado o hacerlo manualmente siguiente los valores de color. Además esta herramienta al seleccionar un color, si abrimos o tenemos abierto el panel de Guía de color, nos desarrollará una paleta de colores complementarios o derivados del color que acabamos de seleccionar.

      

UNIDAD 8: INTRODUCCIÓN AL DISEÑO VECTORIAL (ILLUSTRATOR) - PRÁCTICA A8 MANDALA GEOMÉTRICO

MANDALA GEOMÉTRICO

  En esta práctica he realizado un mandala geométrico mediante Illustrator. El motivo central de dicho mandala son 12 signos que representan 12 poderes (en sentido de las agujas del reloj, empezando por el primer signo que preteneceria al segmente central superior, son: Viento, Fuego, Tierra, Agua, Rayo, Magma, Hierro, Hielo, Sonido, Luz, Cristal, Oscuridad) y tres criaturas fantásticas en el centro (Un wyvern o guiverno, arriba; un lagarto, abajo a la derecha; y un dragón, abajo a la izquierda). El mandala debía realizarse en blanco y negro, y a color.

MANDALA B&N

MANDALA A COLOR

UNIDAD 8: INTRODUCCIÓN AL DISEÑO VECTORIAL (ILLUSTRATOR) - 8.5 SELECCIÓN Y ORGANIZACIÓN DE OBJETOS

SELECCIÓN Y ORGANIZACIÓN DE OBJETOS

   Mediante algunas herramientas podemos seleccionar los trazados y/o figuras , y organizar y modificarlos. Veremos los siguientes puntos:

   -Selección. Edición de nodos.

   -Alinear y distribuir objetos.

   -Agrupar objetos y transformaciones básicas.

   SELECCIÓN. EDICIÓN DE NODOS

      Mediante las herramientas de selección podemos seccionar y editar los nodos o puntos de ancla. La herramienta selección directa nos permite seleccionar directamente los nodos, sin mover el trazado pudiendo alargar o acortar estos o incluso deformarlos o convertirlos de rectas a curvas y viceversa, mediante la opción convertir. Con la herramienta pluma podemos desde añadir nodos a modificar los trazados.

   ALINEAR Y DISTRIBUIR OBJETOS

       Alinear objetos nos ayuda a situarlos en referencia a otros de manera sencilla y limpia, pudiendo colocarlos en la misma línea o columna de otro objeto. Mediante el menú Ventana > Alinear, podemos alinear componentes previamente seleccionados, de manera similar a cuando elegimos la distribución de un párrafo en un procesador de texto, podemos alinear los objetos elegidos, a la izquierda, centro o derecha,así como también arriba, medio y abajo. En el mismo panel también tenemos la opción de distribuir los objetos en los mismos sentido, moviéndolos a la izquierda, centro, derecha, arriba, medio y abajo.


   AGRUPAR OBJETOS Y TRANSFORMACIONES BÁSICAS

      Se pueden combinar varios objetos para hacer de ellos una unidad, pudiendo de esta forma mover o transformar toda una serie de componentes sin llegar a modificar ninguna característica ni posiciones relativas. Se puede llegar a agrupar todos los elementos de un isotipo y moverlo o cambiar su tamaño, todo como si de un solo objeto se tratase.
      Los elementos agrupados se ordenan en la misma capa de ilustración y tras el objeto superior del mismo grupo; de manera que al agruparlos podemos cambiar su disposición en las capas y su orden en la capa seleccionada. Si seleccionamos varios elementos de varias capas y los agrupamos, estos se agruparán en la capa del objeto que se encuentre en la capa superior.
      Los grupos de elementos pueden ser "anidados", es decir, pueden ser agrupados dentro de otros objetos o grupos para hacer así, grupos mayores. Los mismos grupos aparecen como elementos <Grupo> en el propio panel de capas. Desde este panel podemos meter o sacar elementos de grupos.

      Transformar un objeto según Adobe "abarca mover, rotar, reflejar, cambiar escala y distorsionar objetos", Estas transformaciones pueden ser llevadas a cabo mediante el panel Transformar y algunas herramientas especializadas. En ocasiones tendremos que llevar a cabo la misma transformación una y otra vez, mediante el comando Objeto > Volver a transformar, podemos hacer esto de manera más rápida y sencilla, hasta que realicemos una transformación distinta claro está.
      Con el Cuadro delimitador (el cual podemos mostrar seleccionando en el menú Ver > mostrar cuadro delimitador), nos permite realizar algunas transformaciones como mover,rotar, duplicar y cambiar la escala.

UNIDAD 8: INTRODUCCIÓN AL DISEÑO VECTORIAL (ILLUSTRATOR) - 8.4 CREACIÓN DE FORMAS BÁSICAS

CREACIÓN DE FORMAS BÁSICAS

   En la siguiente unidad veremos como realizar algunas formas básicas en Illustrator:

   -Formas geométricas.

   -Líneas.

   -Formas orgánicas.


   FORMAS GEOMÉTRICAS:

      Algunas herramientas de Illustrator nos permiten realizar formas geométricas, entre ellas nos encontramos con:

      -Herramienta rectángulo: Nos permite crear una forma geométrica rectangular.
      -Herramienta rectángulo redondeado: Esta herramienta es idéntica a la anterior salvo por la peculiaridad de que las esquinas del rectángulo aparecen redondeadas.
      -Herramienta elipse: Esta herramienta permite crear una elipse, desde un ovalo hasta un perfecto círculo.
      -Herramienta polígono: Esta herramienta nos permite crear un polígono, desde uno con 5 lados, hasta uno con tantos lados como elijamos. Haciendo clic en el polígono una vez creado podremos elegir de cuantos lados se compone.
      -Herramienta estrella; Al igual que la anterior herramienta podemos hacer estrellas, desde 3 lados (un triángulo por defecto) hasta los lados que escojamos.

   LÍNEAS:

      Hay maneras distintas de trazar líneas y herramientas para ello hay varias:

      -Herramienta Segmento de línea: Esta herramienta nos permite tirar líneas de un punto de ancla a otro, Como en otras muchas herramientas de trazos de Illustrator podemos variar el grosor y el tipo de trazo.
      -Herramienta de arco: Esta herramienta nos permite trazar arcos simples que pueden ser desde una mera curva a incluso el propio arco unido por sus puntos de ancla.
      -Herramienta de espiral: Como su propio nombre indica nos permite crear espirales, pudiendo cambiar grosor y giro de la espiral.
      -Herramienta de cuadrícula rectangular: Esta herramienta nos permite trazar mallas simples y perfectamente.
      -Herramienta de cuadricula polar: Esta herramienta nos permite hacer una cuadricula circular, dividida en filas y columnas, pero con forma de circunferencia.

   FORMAS ORGÁNICAS:

      Las formas orgánicas son todas aquellas que se asemejen a algo orgánico, una forma de corazón por ejemplo, mediante herramientas de rectas y curvas, y trazos y nodos podemos crear este tipo de formas, habilidad y probar que herramienta nos puede ser útil.

UNIDAD 8: INTRODUCCIÓN AL DISEÑO VECTORIAL (ILLUSTRATOR) - 8.3 HERRAMIENTAS

HERRAMIENTAS

   En el siguiente punto veremos algunas de las herramientas del programa Adobe Illustrator:

      -Herramientas de selección, zoom y desplazamiento.

      -Herramientas de dibujo y pintura.

   HERRAMIENTAS DE ZOOM Y DESPLAZAMIENTO:

      Las herramientas de zoom y desplazamiento nos permiten pues... eso... hacer zoom y desplazarnos o desplazar partes del dibujo.

      Las herramientas zoom, mano y segmentación de impresión.

   HERRAMIENTAS DE DIBUJO Y PINTURA:

      Las herramientas de dibujo y pintura nos permiten iniciar un proceso de dibujo y coloreado.

      Las herramientas de dibujo son: Pluma, Añadir punto de ancla, eliminar punto de ancla, convertir punto de ancla, segmento de línea, arco, espiral y cuadrícula.

      Las herramientas de pintura son: pincel, malla, degradado, cuentagotas, bote de pintura, selección de pintura interactiva, medición y pincel de manchas.

      

Referencia: Google imágenes y Galería de herramientas de Illustrator.

UNIDAD 8: INTRODUCCIÓN AL DISEÑO VECTORIAL (ILLUSTRATOR) - 8.2 EL ÁREA DE TRABAJO

EL ÁREA DE TRABAJO

   En esta entrada veremos algunos componentes del área de trabajo:

    -Componentes básicos: barra de aplicación, ventanas de ilustración, barra de estado, cuadros de información, mesa de trabajo, lienzo.

    -Paneles: color, muestras, estilos gráficos, capas, información del documento, carácter, párrafo.

    -Modos de vista y personalización.

   COMPONENTES BÁSICOS:

   Los componentes básicos del área de trabajo son muy similares en la mayoría de programas de estas características, pero en este caso nos centraremos en los componentes de Adobe Illustrator;

      Barra de aplicación: Situada en la parte superior del área de trabajo por defecto, contiene los menús y otros controles de la aplicación.

      Ventanas de ilustración: La ventana de ilustración es a Illustrator como la ventana de archivo a Photoshop, es el espacio que alberga la imagen que estamos trabajando.

      Barra de estado: Situada en la parte inferior izquierdo del área de trabajo, alberga el nivel de zoom, la herramienta que se esta usando en ese momento, así como la mesa de trabajo actual, controles de navegación para varias mesas de trabajo, la fecha y la hora, el nº de acciones que se pueden deshacer y rehacer, el perfil de color del documento a trabajar, el estado del archivo gestionado, etc.

      Cuadros de información: Los cuadros de información son cuadros de textos que te proveen de información pertinente de cada herramienta o función que vayas a utilizar.

      Mesa de trabajo: La mesa de trabajo es el espacio que alberga los distintos lienzos que puedes llegar a usar

      Lienzo: El lienzo es el soporte que alberga la imagen a trabajar, este puede ser re-dimensionado y editado.

      A. Ventanas de documento en forma de fichas
      B. Barra de aplicaciones
      C. Conmutador de espacios de trabajo
      D. Barra de título de panel
      E. Panel de control
      F. Panel Herramientas
      G. Botón Contraer en iconos
      H. Cuatro grupos de paneles acoplados verticalmente

         https://helpx.adobe.com/es/illustrator/using/workspace-basics.html

   PANELES:

   Los paneles ayudan a editar y modificar el trabajo, podemos acceder a ellos desde el menú Ventanas..

      Color: El panel de color alberga una gama de colores en los que basta con clicar para seleccionarlos.

      Muestras: En el panel de muestras podemos ver algunas muestras de color o degradados y efectos de texturas.

      Estilos gráficos: Los estilos gráficos son una serie de tramas especiales o texturas que pueden ser aplicadas mediante una selección por ejemplo

      Capas: El panel de capas, al igual que en Photoshop, nos permite hacer un seguimiento del tratamiento de las distintas partes del dibujo que vayamos haciendo. En este caso las capas albergan cada trazado por separado que hemos hecho, dándonos la posibilidad de tratarlos cada uno por separado. Podemos hacer tantas capas como necesitemos y darles distintos tratamientos

      Información de documento: El panel de información de documento nos permite comprobar parámetros del documentos con el que estamos tratando, por ejemplo: el modo y perfil de color, el nombre y las dimensiones, entre otras cosas.

      Texto/Carácter: En este panel podemos escoger el tipo de fuente, tamaño y demás parámetros a la hora de usar una herramienta de texto.

      Párrafo: Nos permite escoger las características del párrafo, alineación, espacio, sangría, etc.

   MODOS DE VISTA Y PERSONALIZACIÓN:

      Tenemos varias formas de personalizar nuestro espacio de trabajo, entre otras los modos de vista:

      -Pantalla normal: En esta opción vemos la pantalla tal cual como abrimos el programa por primera vez, el lienzo se encuentra en el centro enmarcado, vemos la barra de herramientas, la barra de estado, el panel de aplicación, etc.

      -Pantalla entera con barras de menús: Similar al anterior pero se eliminan los marcos. De manera que vemos el lienzo casi en su totalidad.

      -Pantalla entera: Vemos la pantalla entera, sin barras de menú. Lo que nos facilitaría ver una imagen al completo sin estorbos.

      El resto de la personalización se basa en situar las ventanas de los paneles donde nos plazca o nos resulte más cómodo.