PRÁCTICA_A10

10.4 SHEPARD FAIREY

Shepard Fairey es un diseñador gráfico y publicista estadounidense, que ha alcanzado su fama por sus pegatinas y por sus diseños que toman elementos del cartelismo de propaganda política, como el famoso cartel de Barak Obama

Shepard ha sido detenido en varias ocasiones por pegar carteles y pegatinas en diversos lugares públicos, por lo que el artista reivindica el espacio público como marco principal para la vida artística y cultural.

Finalmente alcanzó la fama mundial por la creación del cartel HOPE para la compaña política de Barak Obama.

Shepard Fairey fue uno de los primeros artistas que se dedican a realizar grafitis. A finales del siglo XX difundió la técnica de pegatinas, que mostraban una foto de alto contraste sin texto ni contenido. Su intención era sorprender al espectador, definiendo esta acción como fenomenología.

Se convirtió en uno icono de la cultura popular contemporánea gracias a acciones como, repartir miles de pegatinas por la ciudad.

Otro trabajo por el que es reconocido es por la creación de pósters (generalmente de temática política o sugerencia de reflexión) de grandes dimensiones con los que empapeló paredes de edificios de multitud de países del mundo. 

Su estilo se basaba en el cartelismo ruso de la época comunista y el arte pop, con elementos de cómic estadounidense.

Es el fundador de la marca OBEY. Todo comenzó cuando creó las pegativas que mostraban la imagen del luchador André el Gigante y las pegaba por todas partes. Posteriormente, introdujo el mensaje de OBEY para hacer crítica al sistema social. 

El cartel HOPE de Barak Obama fue una creación icónica de Shepard Fairey. El cartel formó parte de la campaña presidencial del presidente de EEUU en 2008. La imagen se convirtió en uno de los símbolos más reconocidos de la campaña, que llevó al artista al momento de su máximo auge.

El cartel es un retrato de Barak Obama en negro, rojo, beige y azul. Hay varias versiones que aparecen con diferentes mensajes "Progreso", "Esperanza" y "Cambio".

Webgrafía:
https://es.wikipedia.org/wiki/Shepard_Fairey

https://www.artetrama.com/es/artists/shepard-fairey-obey

http://aviada.blogspot.com.es/2011/12/shepard-fairey-el-mas-conocido-e.html

https://es.wikipedia.org/wiki/Cartel_%22Hope%22_de_Obama

10.3 TRAZADO

PANEL TRANSPARENCIAS
Este panel podremos encontrarlo en Ventana - Transparencia, se utiliza para crear máscaras de opacidad, cubrir una parte de un objeto... (https://helpx.adobe.com/es/illustrator/using/transparency-blending-modes.html)

MÁSCARA DE RECORTE

Se trata de una imagen con la forma de otra ilustración, de tal forma que obtendremos un "conjunto de recorte" que se puede crear a partir de una selección de uno o varios objetos de una capa (https://helpx.adobe.com/es/illustrator/using/clipping-masks.html)

10.2 VECTORIZACIÓN

Posterizar (Photoshop). - Calco de imagen. Opciones: número de colores, modo de color, umbral, trazados, vértices, ruido.

¿Cómo posterizar con photoshop?
Posterizar una imagen es llevar esa imagen a estar formada por los colores blanco y negro, para poder ser usada posteriormente para darle un color de fondo manteniendo el color negro como silueta. Para ello:  Imagen - Ajustes - Umbral

¿CALCO DE IMAGEN?

Primero abrimos la imagen con la que queremos trabajar, al pulsar sobre ella, en la parte superior nos aparecerá la opción "Calco de imagen".

Así obtendremos el calco de nuestra imagen, por este motivo, es recomendable utilizar una imagen contrastada

Al lado de la opción de calco, nos encontramos con una opción de "Ajustes" que nos permite configurar nuestro calco según el trabajo deseado.

Videotutorial sobre el calco de una imagen

10.1 TRAZADOS COMPLEJOS

• HERRAMIENTA CREADOR DE FORMAS: para trazar una forma en Illustrator debemos hacer clicl sobre la herramienta de formas, situada en el panel de herramientas básicas de la izquierda, y trazar la forma deseada sobre nuestro lienzo
• TRAZADOS DE ANCHURA VARIABLE: situada en la parte inferior de la anterior herramienta, se encuentra la herramienta anchura. Esta herramienta, nos permite transformar la anchura de nuestra forma, previamente trazada.

¿EFECTOS ENVOLVENTES?

1. Deformación: deforma la figura u objeto mediante un pincel
   
2. Malla: tras haber trazado el objeto con la herramienta ancha, podemos utilizar esta herramienta malla para trazar una malla sobre nuestra forma u objeto.
   
3. Objeto superior y soltar envolvente: para llevar a cabo trabajos con objetos superiores lo que tenemos que hacer es traza la forma o figura previamente, para poder continuar con nuestro trabajo utilizando dicha forma trazada. En el siguiente videotutorial podréis comprender estos pasos de forma más dinámica:

PRÁCTICA_A9

Logo vectorizado twitter

Logo propio

9.4 TRATAMIENTO DE TEXTO

MODO TIPOGRAFÍA
El modo tipografía se trata de una herramienta que nos permite llevar a cabo cuadros de texto sobre nuestro trabajo. Para ello debemos seleccionar la opción (en el panel de herramientas básicas) y para modificarlas debemos mostrar los paneles "Ventana" - "Texto" -"Carácter/Párrafo" para mostrar los paneles que nos permitan seleccionar la fuente, color, tamaño, forma...

HERRAMIENTA DE TEXTO

Si pulsamos con el botón derecho de nuestro ratón sobre la herramienta de texto, podremos seleccionar otras herramientas que nos permitirá recrear texto de forma vertical, sobre un trazado.... como se muestra en la imagen inferior.

Para llevar a cabo un texto en trazado, debemos llevar a cabo previamente el trazado que deseamos con la herramienta pluma.

CREAR CONTORNOS

Tras crear un cuadro de texto en nuestro lienzo, para mostrar contorno sobre éste, debemos dirgirnos al panel de herramientas de la parte superior. Donde podremos modificar el grosor de nuestra fuente, así como su color (cuadro rojo) y su contorno (cuadro amarillo)

9.3 TRANSFORMACIÓN DE OBJETOS

Para saber más información a cerca de la transformación de objetos, visite los enlaces siguientes:
3.1 HERRAMIENTAS
3.4 CREACIÓN DE FORMAS BÁSICAS
3.5 SELECCIÓN Y ORGANIZACIÓN DE OBJETOS

En estos enlaces de mi blog, se explica detalladamente la explicación a cerca de las herramientas de transformación, así como si creación, selección... 

9.2 HERRAMIENTA DE PRECISIÓN

Las herramientas de precisión nos permiten, como su nombre indica, un trabajo más preciso y profesional. Todas las herramientas explicadas a continuación se encuentren en "Ventana" - "Reglas/Guías/Cuadricula".

1. Regla: tras seleccionarla, se nos mostrarán dos líneas de reglas: una en la parte superior (horizontal) y otra a la izquierda (vertical).
2. Guías: se trazan a partir de las reglas, para trazarlas debemos pulsar sobre las reglas y arrastrar hasta el lienzo. Así, aparecerán líneas azules que serán las guías que nos permitirá llevar a cabo un trabajo más preciso.
3. Cuadrícula: está opción nos mostrará una cuadrícula en toda nuestra ventana de trabajo, por detrás de la imagen con la que estamos trabajando en ese momento, y gracias a la cual, mediante los cuadros que la forman, podemos llevar a cabo trabajos muy precisos como trazado de lineas, recortes...

9.1 RELLENOS Y TRAZOS

COLOR DE RELLENO

1. Selector de color: Seleccionar el color es muy sencillo, solo debemos coger el pincel y seleccionar en la pareja de cuadros inferior (imagen inferior derecha), con un doble click, el color deseado.
   
2. Panel color: No suele aparecer en nuestra ventana de trabajo, por lo que podemos hacerla visible mediante la pestaña "Ventana" - "Color". Nos aparecerá un panel de color donde, con ayuda de un cuentagotas, nos permitirá seleccionar el color deseado.
   
3. Panel muestras: Podemos hacerle visible como el anterior panel, en este caso, aparecerá un panel con varios colores predeterminados que podremos seleccionar.
   

DEGRADADOS

1. Paneles de control: los paneles de control del degradado se muestra tras seleccionar la opción de degradado, para que podamos modificarla de acuerdo al trabajo deseado.
2. Muestras: las muestras para el degradado se encuentran situadas en la ventana que aparecerá emergentemente tras seleccionar la opción de degradado ("Seleccionar color de degrado)
3. Degradado: el degradado se produce instantáneamente, tras seleccionarlo, cuando se crea una forma o selección de una zona.
   

CUENTAGOTAS

La herramienta cuentagotas se encuentra situada en el panel izquierdo de herramientas básicas. Esta herramienta nos permite seleccionar el color determinado de un punto seleccionado de una imagen para utilizar dicho color posteriormente.

PRÁCTICA_A8

8.5 SELECCIÓN Y ORGANIZACIÓN DE OBJETOS

¿Cómo seleccionamos y editamos los nodos?

Los nodos, son los puntos que unen los segmentos trazados mediante la herramienta de pluma(situada en el panel izquierdo de herramientas básicas), para editarlo lo que debemos hacer es seleccionar con el botón derecho esta herramienta y seleccionar a continuación "Herramienta Punto de Ancla" que nos permitirá seleccionar, de forma individual, cada uno de los nodos y modificarlos según el trabajo deseado.

Alinear y distribuir objetos

Este panel debemos mostrando dirigiéndonos a "Ventana" - "Transformar". Aparecerá una nueva ventana donde podremos configurar los objetos de nuestra ventana de trabajo centrándolo, alineándolos a la derecha, a la izquierda...

Agrupar objetos y transformaciones básicas

Tras haber seguido los pasos anteriores, en la misma ventana que hemos mostrado, en la parte superior elegiremos la opción "buscatrazos". Esta opción nos permitirá agrupar de diferentes formas los objetos y llevar a cabo transformaciones básicas, siempre seleccionando con la herramienta "selección" los objetos o formas con las que queremos trabajar. 

Otra opción que podemos llevar a cabo es agrupar varios objetos o formas, para ello: 

1. Seleccionamos las formas que queremos agrupar
2. Panel herramientas superior
3. Objeto
4. Agrupar

De esta forma, todas las acciones que llevemos a cabo se aplicarán a todos los elementos que hemos agrupado, al mismo tiempo.

8.4 CREACIÓN DE FORMAS BÁSICAS

Lo primero que debemos hacer para comenzar a llevar a cabo nuestro trabajo ir al "Menú" - "Archivo" - "Nuevo" para crear una ventana de trabajo.

1. Formas geométricas: Para trazar formas geométricas debemos pulsar con el botón derecho sobre la herramienta marcada en la imagen, que se encuentra en el panel de las herramientas básicas. Posteriormente, debemos seleccionar la forma que queremos trazar y simplemente pinchando sobre nuestra ventana de trabajo y arrastrando, se formará la forma geométrica deseada.
2. Lineas: se lleva a cabo de la misma forma que se trazan las formas geométricas, solo debemos seleccionar otra herramienta situada en el panel de las herramientas básicas. (color azul)
3. Formas orgánicas: esta opción se encuentra en la misma herramienta de las líneas, y nos permite trazar ciertas formas orgánicas como espirales, cuadrículas, arco... (color rojo)

8.3 HERRAMIENTAS

HERRAMIENTA DE SELECCIÓN, ZOOM Y DESPLAZAMIENTO

1. Selección: (flecha) la herramienta de selección nos permite seleccionar una zona/objetos determinada para trabajar con ella.
2. Zoom: (lupa) nos permite aumentar o disminuir la ventana de trabajo para poder trabajar con una mayor definición.
3. Desplazamiento: la barra de desplazamiento nos permite mover, con soltura, nuestra ventana de trabajo para llevar a cabo un trabajo óptimo y cómodo.

HERRAMIENTA DE DIBUJO Y PINTURA

1. Dibujo: la herramienta de dibujo puede llevarse a cabo mediante las herramientas de lápiz o pincel, que mediante la barra superior podemos modificarlas, según nuestro trabajo (grosor, trazado, color...) está herramienta de dibujo nos permite dibujar sobre nuestro lienzo de trabajo.
2. Pintura: la herramienta de pintura por selección nos permite rellenar, de un color predeterminado, el área seleccionada previamente.

HERRAMIENTA DE TEXTO

• Esta herramienta nos permite trazar cuadros de textos, sobre nuestro lienzo de trabajo, para escribir en ella. Mediante el panel "carácter" o "párrafo" (Panel sup - Ventanas - Párrafo/Carácter...) podemos configurar el texto a nuestro gusto, cambiar el tamaño, la fuente...

HERRAMIENTA DE CAMBIO DE FORMA
Estas herramientas de cambio de forma, se encuentra en el panel de herramientas básicas situadas en la parte izquierda. Nos permite mediante, un puntero/pincel, modificar nuestra forma o imagen según la herramienta seleccionada (imagen inferior)

OTRAS HERRAMIENTAS

Hay multitud de herramientas que nos pueden servir de gran utilidad, a la hora de realizar nuestro trabajo, y que se encuentra explicado más detalladamente en el punto 9 de este blog.

8.2 EL ÁREA DE TRABAJO

El área de trabajo del Illustrator es la zona donde se lleva a cabo las diferentes acciones para obtener el trabajo deseado. Respecto a los componentes básicos:

• Barra de aplicación: se encuentra en la parte superior donde podemos seleccionar diferentes pestañas que dan lugar a numerosas herramientas.
• Ventanas de ilustración: se tratan de aquellas ventanas que nos aparecerán, o podemos modificarlas mostrándolas/ocultándolas, sobre la mesa de trabajo que nos permite configurar y mejorar nuestro trabajo.
• Barra de estado: en la zona más inferior, en una barra estrecha se encuentra la barra de estado de nuestro trabajo que nos indica información como el zoom del lienzo en ese momento, las acciones del documento, fecha y hora...
• Cuadros de información: Archivo > Información de archivo, se abrirá una ventana donde podremos rellenar los diferentes datos sobre nuestro trabajo como el nombre del autor, clasificación, tipo de documento...
• Mesa de trabajo: la zona principal de la ventana de trabajo donde tendremos el lienzo, y ventanas de herramientas utilizadas para llevar a cabo el trabajo.
• Lienzo: lugar donde se lleva a cabo el trabajo, se puede configurar su tamaño, calidad, color... 

¿Paneles?

Los paneles son "ventanas" que podemos mostrar/ocultar según nuestro criterio a la hora de trabajar y que nos permita facilitar nuestro trabajo. Como por ejemplo, al utilizar la herramienta básica de texto podemos mostrar paneles de carácter y párrafo para modificar nuestro trabajo respecto a la fuente deseada, el color, tamaño, forma...

8.1 CONCEPTO DE PROGRAMA ORIENTADO A OBJETO

Imagen vectorial vs. Bitmaps

También es conveniente visitar esta entrada Imagen Vectorial vs. Bitmaps donde se explica detalladamente las diferencias y el concepto de ambos tipos de imágenes.

¿Qué es el Adobe Illustrator?

Se trata de un programa informático cuya finalidad es la creación de dibujos vectoriales, proyectos en 2D, 3D, animación y maquetación web.

Es un programa específicamente de imagenes vectoriales, es decir, de imagenes compuestas por trazados en lugar de pixels (bitmaps)

Las curvas de Bézier

Se definen como curvas de Bézier a un sistema, desarrollado por el ingeniero Pierre Bézier, para el trazado de dibujos técnicos en el diseño automovilístico y aeronáutico. 

Dichas curvas, fueron utilizadas anteriormente por los inventores del PostScript para la generación del código de las curvas y los trazados mediante programas informáticos como el Adobe Illustrator. (https://es.wikipedia.org/wiki/Curva_de_B%C3%A9zier)

INTRODUCCIÓN AL DISEÑO VECTORIAL (Ilustrator)

El programa Adobe Illustrator es un programa basado en el diseño vectorial para llevar a cabo edición de imágenes, maquetación, gráficos para móviles...

Ver entrada antigua del blog: Taxonomía del software para el diseño gráfico

En ese enlace, podemos encontrar información general sobre dicho programa informático, pero a continuación comenzaremos una explicación más detallada del mismo.