UD-10 Vectorización y trazado

10.1 Trazados complejos

Herramienta creador de formas.

Trazos de anchura variable.

Para hacer trazos de anchura variable solo necesitamos empezar haciendo un trazo con el lápiz y seleccionar la herramienta anchura y pinchando sobre un punto de ancla podremos engordar el trazo de la linea a nuestro gusto. Tenemos también la parte superior en las opciones de herramienta la posibilidad de editar el tipo de anchura que queremos en nuestro trazo.

Efectos envolventes: deformación, malla y objeto superior. Soltar envolvente.

Un efecto envolvente es aquel que envuelve un objeto y modifica ya sea adaptándolo a el o con una rejilla, aunque tenemos tambien unas distorsiones prestablecidas. 


Deformación: Está en menú-objeto-distorsión envolvente-crear deformación. En el cuadro de dialogo que aparecen varias opciones y estilos prestablecidos. Si nos gustara alguno lo seleccionamos perfilamos y ya está.

Cuadricula: para iniciar esta herramienta solo tenemos que seleccionar nuestro objeto y despues ir al menú-objeto-distorsión envolvente-crear con malla. Después seleccionamos cuantas rejillas queremos y desde ese momento podemos deformas cualquier objeto con esas rejas.

 

 Fuente: https://helpx.adobe.com/es/illustrator/using/reshape-using-envelopes.html

Objeto superior: Esta se encuentra en el mismo menú que la anterior pero la opción Crear con objeto superior. En este caso seleccionamos un grupo de objetos unos al fondo y un al frente. Al marca esta opción, todos los objetos inferiores se ajustan al que está al frente.

  Fuente: https://helpx.adobe.com/es/illustrator/using/reshape-using-envelopes.html

10.2 Vectorización

10.3 Trazado

Panel de transparencias: este panel se utiliza para elegir la opacidad y el como se fusionan los objetos o para crear mascaras de opacidad. Es muy importante saber cuando se utilizan las transparencias ya que a la hora de imprimir puede generarnos problemas.

Yendo al panel de transparencia podemos cambiar la opacidad de un solo objeto de o de un conjunto según seleccionemos. Para ello simplemente seleccionamos el objetos o los objetos y marcamos la opacidad y elegimos que tipo de fusión va a tener que ya esta puede repercutir en objetos inferiores.

Mascara de recorte:

10.4 Shepard Fairey

Shepard Farey es un diseñador gráfico y artista urbano de 45 años más conocido como Obey Giant, ya que casualmente en sus comienzos para enseñar a un amigo a hacer plantillas utilizó una imagen de Andrés el gigante que ya se quedó como marca de Obey.

http://diarium.usal.es/dgcruz/files/2015/05/OBEY-4.jpg

Shepard Farey destaca sobre todo en el terreno de la cartelería donde le influyó conceptualmente John VanHammersfeld. El artista y diseñador suele recurrir a conceptos políticos o de actualidad a la hora de hacer sus carteles. Por esta descripción posiblemente te suene su cartel más famoso, el que le realizó a Barack Obama en 2008 con la palabra Hope que significa esperanza.

https://upload.wikimedia.org/wikipedia/en/5/55/Barack_Obama_Hope_poster.jpg

En 2001 fundó su propia marca de ropa OBEY para llegar más allá en su actividad como ilustrador y diseñador. La cual podemos encontrar en: http://obeyclothing.com

https://es.wikipedia.org/wiki/Shepard_Fairey

https://obeygiant.com

https://en.wikipedia.org/wiki/Barack_Obama_"Hope"_poster

UD-9 Creación de formas vectoriales (Illustrator)

 9.1 Rellenos y trazos

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

El selector de color son los dos cuadraditos que tenemos debajo de las herramientas. En ellos podemos seleccionar tanto el color frontal como el del trazado. De igual manera, podemos utilizar el panel de color de la derecha para elegir libremente o todos los matices y la bibilioteca que nos ofrece el panel de muestras

Degradados. Paneles de control, muestras y degradado.

Al igual que en photoshop en illustrator podemos hacer degradados y el funcionamiento es bastante similar seleccionamos un color de origen, uno de final (podemos poner más de uno si queremos) y ajustar la progresividad de los degradados. Después seleccionamos un punto inicial y otro final y ya lo tenemos.

Tenemos también dentro del panel las opciones Tipo (radial o lineal), como actua el trazo, los grados, la opacidad o la ubicación.

Cuentagotas: Con esta herramienta podemos captar el color de cualquier zona de nuestra mesa de trabajo para reproducirlo.

9.2 Herramientas de precisión

Para utilizar illustrator es bueno saber utilizar estar 3 herramientas, esto nos proporciona una mayor precisión a la hora de realizar nuestros trabajos.

Regla: Para visualizar estas reglas vamos al menú ver-reglas-mostrar reglas. Cone sto vemos dos reglas una vertical y otra horizontal pudiendo cambiar las medidas.

Guías inteligentes: a medida que utilizamos illustrator, nos daremos cuenta de que nos aparecen una linea verdes que nos ayudan a alienar, hacer proporcionales y en definitiva nos guía a la hora de ejecutar mejor nuestros diseño. Para hacer estas mismas guias pero manuales solo tenemos que pulsar en una regla y nos hará esa misma guía.

Cuadrícula: Se activa en ver-mostrar cuadricula. Nuestro lienzo se convierte en papel cuadriculado y guiado, con lo que todo será más fácil

9.3 Transformación de objetos

 Hay veces en las que al realizar un calco de imagen, o después de hacer muchos trazados manuales nuestros archivos comienzan a pesar demasiado y a ser ingobernables. En ese momento podemos simplificar nuestro trazo con menú-objeto-trazado-simplificar. Solo tenemos que ajustar correctamente la precisión de la curva y el umbral de angulo de manera que cimplifiquemos, pero no perdamos demasiada información.

 

 9.4 Tratamiento de texto

Copiar un isotipo (de libre elección) mediante formas vectoriales.

Diseñar un isologo de nuestro nombre mediante formas vectoriales.

UD-8 Introducción al diseño vectorial (Illustrator)

 8.1 Concepto de programa orientado a objeto

-La imagen vectorial. Ventajas frente a bitmaps.

Este tema lo tratamos en la unidad 2. Dejo el enlace a la entrada 2.1 en la que explicamos la imagen vectorial y sus diferencias y ventajas frente a bitmaps.

http://e-rodrinskyblog.blogspot.com.es/2015_10_01_archive.html

-Software de imagen vectorial: 2D, 3D, animación y web.

A continuación vamos a ver algunos programas que hacen uso de imágenes vectoriales:

ADOBE ILUSTRATOR

Adobe Ilustrator es un programa de Adobe System diseñado para la creación de dibujos artísticos en la rama digital en 2D, es uno de los programas más importantes y populares en el ámbito de el diseño gráfico

AUTOCAD

Autocad es un programa de diseño enfocado más al diseño industrial, en sus últimas versiones permite también un modelado 3D. Utilizado principalmente para realizar planos y diseños de piezas industriales. Este programa lo comercializa la empresa Autodesk.

ADOBE FLASH

Adobe flash es un programa de la empresa Adobe System, se trata de un programa de animación con fotogramas. El programa Adobe flash utiliza gráficos vectoriales, audioo y flujo de vídeo.

DREAMWEAVER

Dreamweaver es otro programa de la empresa Adobe System que también usa gráficos vectoriales. Es un programa de edición web, es un programa muy usado en el mundo del diseño gracias a sus funcionalidades.

-Las curvas de Bézier

Las curvas Bézier es un sistema de trazado que ideó Pierre Biézer para el dibujo técnico,  es un sistema matemático que empezó a usarse en los programas CAD.
En la actualidad los programas de diseño vectorial como Ilustrator, Inkscape, Adobe Flash etc incorporan el término "bézier" a algunas herramientas.

El funcionamiento de estas curvas es simple, si tenemos dos puntos A y B y queremos unirlos, podemos unirlos mediante una recta, pero si los queremos unir mediante una curva aparecen los elementos básicos de las curvas Bézier que son los puntos de anclaje o nodos. La curva viene definida por una serie de puntos invisibles a los que llamamos puntos de control o manecillas.

 

8 2 El área de trabajo.

El área de trabajo de illustrator es prácticamente la misma que la de illustrator pero con sus propio componentes, todas las aplicaciones de adobe se parecen bastante tanto en la estética como en el funcionamiento.

A. Ventanas de documento en forma de fichas

B. Barra de aplicaciones

C. Conmutador de espacios de trabajo donde podemos seleccionar el modo de vista que queramos además de poder editarlos por completo y guardar nuestros propios estilos

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

Los modos de vista los tenemos en la parte interior del panel de herramientas y tenemos tres tipos: A. Modo de pantalla normal B. Entera con paneles C. Entera

Los paneles que podemos encontrar en H. son los de color donde podremos seleccionar el color frontal, el de muestras donde tenemos diferentes selecciones de muestras con colores y patrones, las capas que funcionan como en photoshop solo que aquí hay que prestarle atención a los objetos y su colocación más que a las capas. Tenemos también un panel de información donde saber el tamaños y las características del documento. Y también las de carácter y párrafo que son las herramientas tipográficas que explicaremos más adelante.

 

8.3 Herramientas

Fuente: http://disenodigital1111.blogspot.com.es/2014/06/capitulo-1-introduccion-adobe.html

Herramientas de selección, zoom y desplazamiento.

Las herramientas de movimiento y Zoom las encontramos en I. y son dos herramientas que nos sirven para mover el lienzo y para hacer zoom sobre una zona de la imagen.

Mientras que las herramientas de selección están A. y nos sirven para seleccionar un objeto (selección) para seleccionar un trazo (selección directa) mientras que la varita mágica y el lazo funcionan como en photoshop.

Herramientas de dibujo y pintura.

Las partes sobre las herramientras de texto, cambio de formas y el resto de herramientas de simbolos, gráfica, sector y cuchilla los veremos en el siguiente tema.

8.4 Creación de formas básicas

Formas geométricas:

Tenemos estas herramientas agrupadas en la barra de herramientas.

Rectángulo: Con ella es posible hacer desde cuadrados perfectos si pulsamos alt como cualquier rectángulo si pinchamos y trazamos libremente.

Rectángulo redondeado: De idéntico funcionamiento que el anterior pero con los picos redondeados. Podemos ajustar el radio del redondeado.

Elipse: Podemos hacer tanto círculos perfectos como elipses de manera libre. Funciona igual que la anterior.

Polígono: con esta herramienta hacemos el resto de los polígonos seleccionando los lados que queremos que tenga.

Estrella: Funciona como la herramienta de polígono pero haciendo la estrella que estos contendrían.

Herramienta destello: Con ella simulamos el destello del sol sobre superficies reflectantes.

Lineas:

Segmento de linea: Con esta herramienta creamos segmentos con un punto de inicio y de fin.

Arco: Esta herramienta nos sirve para crear arcos convexos o cóncavos.

Espiral: Con esta herramienta podemos generar una forma organiza como es una espiral.

Cuadricula rectangular: Esta herramienta con sirve para crear tablas rectangulares pudiendo ajustar alto y ancho.

Cuadricula polar: Funciona como la anterior solo que el alto nace del centro de la circunferencia extendiendo sus radios.

8.4 Selección y organización de objetos

Como ya dijimos antes tenemos varios tipos de selección, los más empleados con la selección y la selección directa.

Selección: Con ella podemos seleccionar trazos o zonas para poder moverlos por el lienzo.

Selección Directa: Con esta herramienta seleccionamos nodos de manera que podamos modificarlos arrastrando o moviendo su manejador. 

También podemos crear o borrar nodos con las herramientas de pluma.

Alinear objetos:

Dentro del panel de alinear y distribuir objetos tenemos varias opciones. Dentro de la parte de alinear tenemos tres opciones alinear a la derecha, a la izquierda y al centro tanto de manera horizontal como vertical(arriba, abajo y centro). Lo mismo sucede con las distribuciones solo que estas no superponen si no que organizan en orden los objetos.

Agrupar objetos:

Para agrupar objetos solo tenemos que seleccionar los que queremos agrupar e irnos al menú de objeto donde tenemos tanto esta opción como la de desagrupar. Desde este momento, aunque podemos aislar trazos para modificarlos o hacer una selección del objeto, de primeras siempre se mostraran como agrupados.

Con el menú de transformaciones básicamente podemos modificar su posición sobre el lienzo con sus ejes X e Y y modificar su alto y su ancho.

PRÁCTICA A6: MORPHING ANIMAL

Esta práctica consiste en fusionar dos animales, tratando de crear la ilusión de que solo es uno. 

( Sí, aún soy muy novata)

6.4 FILTROS

Filtros.
Desenfocar. Este filtro nos permite desenfocar la imagen en las areas que queramos.

(Fuente: goldenmac.info)

Distorsionar. Este filtro nos permite deformar la imagen de forma automática.

(Fuente: asktutorial.com)

Enfocar. Con este filtro damos énfasis al area de la imagen que queramos.


Pixelar. Este filtro pixela la imagen dando diferentes efectos de pixelado.

(Fuente: ytimg.com)

Ruido. Con este filtro obtenemos el efecto del ruido de la fotografía.

(Fuente: asktutorial.com)

Otros. Mediante esta herramienta podemos modificar los filtros y crear nuevos. En definitiva, explorar más posibilidades.

6.3 TRANSFORMACIONES Y DISTORSIONES

-Transformar: rotar, escalar, sesgar, distorsionar, perspectiva, deformar, voltear. Transformación libre.
Transformar.
Rotar. Esta opción nos permite rotar un objeto desde el punto que seleccionemos.
Escalar. Transforma la figura desde el punto de referencia que seleccionemos en escala.
Sesgar. Esta opción nos permite inclinar el objeto mediante el arrastre de los bordes.
Distorsionar. Mediante esta herramienta podemos encoger la figura en al lado que queramos.
Perspectiva. Nos permite darle a la figura una perspectiva.
Deformar. Esta herramienta nos permite deformar la imagen como queramos.
Voltear. Con esta herramienta podemos voltear la imagen de horizaontal a vertical y viceversa.

Transformación libre. Esta herramienta nos permite realizar las funciones de todas las anteriores.

(Fuente: blogspot.com)

Licuar.
Deformar hacia delante. Deforma la imagen hacia el punto que seleccionemos.
Reconstruir. Devuelve la imagen a su estado original en el punto que selecionemos.
Molinete. Sosteniendo el click sobre la zona a modificar, la imagen va girando en torno a ese punto creando una espiral.
Desinflar. Reduce la imagen en el punto que seleccionemos.
Inflar. Aumenta el volumen de la imagen en el punto seleccionado.
Congelar máscara. Crea una película roja que nos indica que esa zona no será modificada.
Descongelar máscara. Herramienta para editar o eliminar la máscara.
Mano. Utilizamos esta herramienta para arrastrar la imagen.

Zoom. Esta herramienta nos permites acercarnos o alejarnos de un punto seleccionado de la imagen.

(Fuente: Princast.es )

6.2 DESENFOQUE Y EXPOSICIÓN

Desenfocar.
Con diferentes tamaños, intensidades y efectos; esta herramienta nos permite desenfocar lo que seleccionemos de la imagen.

(Fuente: fotoaula.com)

Enfocar.
Al contrario que la herramienta anterior, ésta nos da la funcionalida de enfocar una zona que seleccionemos. La exposición de la imagen a esta herramienta en exceso puede estropear la imagen.

(Fuente: asktutorial.com)

Dedo.
Esta herramienta nos sirve para deformar la imagen mediante arrastres. Podemos seleccionar el tamaño, la intensidad de la deformación e incluso añadir color.

(Fuente: dzoom.org )

Sobrexponer.
Esta herramienta nos permite iluminar una zona de la imagen que seleccionemos.
Subexponer.
Mediante esta herramienta podemos oscurecer la zona seleccionada de la imagen.
Esponja.
Utilizamos esta herramienta para aumentar o disminuir la saturación de la zona que seleccionemos.

( Fuente: Ytimg.com )

Cuentagotas.
Esta herramienta nos permite mediante un click en la imagen, obtener y guardar el color exacto de la figura sobre la qu hayamos clickado.

( Fuente: Ytimg.com )

Regla. 
Como su propio nombre indica, esta herramienta nos permite medir la distancia desde un punto seleccionado a otro punto seleccionado. Las medidas aparecen desglosadas en ancho y alto.

(Fuente: Devianart.org )