Esta herramienta te permite unir diferente forma de la que
puedes extraer previamente con la herramienta de figuras que vienen incluidas
de figuras geométricas como elipse, rectángulo, etc.
Puedes encontrar el panel de transparencia en el barra de opciones Ventana>>(es casi de las últimas opciones del submenú) Transparencia, en la que se abre el panel. Con la figura deseada la selecciona con la herramienta de selección (la flecha negra), en panel reduces el porcentaje de opacidad con lo que permite ver el color o las figuras que estén detrás. En el siguiente punto conoceremos mejor el funcionamiento de este panel.
"Nacido el 15 de febrero 1970, De la Ciudad de Charleston, Carolina del Sur. Su padre era médico, su madre un agente de bienes raíces(Agente inmobiliario creo entender). En 1988, se graduó de Idyllwild Arts Academy, y en 1992, Fairey se graduó de la Rhode Island School of Design con una Licenciatura en Bellas Artes en Ilustración." (Citado en aviada.blogspot.com.es).
- Carrera artística y discurso conceptual.
"En 1984 comenzó a implicarse con el diseño de dibujos para patinetes y camisetas". (Citado en aviada.blogspot.com.es). EL se hizo "diseñador gráfico y dibujante"(Citado en aviada.blogspot.com.es).
Sus obra tiene la presencia de arte callejero, cuando se empezó a conocer fue gracias a unas pegatinas con la silueta de la cara de "André el gigante, en 1989" (Citado en aviada.blogspot.com.es). Una cosa tan simples que se hizo viral por todo Estado Unidos, y se reutilizó en muchas ocasiones. Aparece este estilo de diseño en muchas de sus obras para conocer algunas de ellas entra en este enlace http://www.taringa.net/.
Según él, las personas no vistamos muchos las galerías, que para ello tienen que estar informados. Que hay convertirlo en una herramienta de comunicación, que sea cercano a todos por esa misma razón prefiere llevar sus obras al espacio público. Es injusto que la publicidad si pueda estar en la calle solo por que pagan por ponerla en la calle, sin embargo los grafittis no. ( citado de www.youtube.com/ )
Sus trabajo pueden revivir mucho la propaganda política y ciertos acontecimientos de las historia.
- El "Hope" de Obama.
Diseñado Shepard Fairey, una imagen que fue bastante importante, se convirtió en parte de la campaña electoral de Obama. Una imagen sencilla como las pegatinas de André el Gigante, formado por varios colores(azul, rojo, con cierto toque beige), una imagen tan simplificada que sean tan llamativas a todo el publico. En muy poco tiempo consiguió vender varios posters y que perdurará en la historia.
- La marca OBEY.
La marca obey tiene el significado de obedece como critica del sistema consumista de que tiene la sociedad, parece ser que las personas les gusta tener que obedecer a un criterio establecido para no salirse de lo normal, lo peor de todo es que lo hacen encantado, llevan la marca como algo importante para ellos. Esta marca nace desde Shepard Fairey en la que aparece el diseño de la marca el André el grande, los diseños pueden parecer algunos muy llamativos por la cierta realació que se le puede dar con los luminatis (si deseas conocer un poco sobre el tema entre en este enlace antesdelfin). Acompañado de la critica política y social.
- Crear un autorretrato vectorial a partir de una
fotografía.
- Programa: Illustrator.
- Tamaño: presentar en A4 a 300 ppp.
- Valoración: originalidad y adecuación a la propuesta,
corrección en el uso de las
herramientas, limpieza de trazos conseguidos y grado de
semejanza obtenido.
- Entrega: imagen final en formato PNG + archivo master
(formato .ai).
domingo, 31 de enero de 2016
UD-9 Creación de formas vectoriales (Illustrator)
9.1 Rellenos y trazos
- Color de relleno:
Selector de color y
Panel color
Puedes acceder al selector desde el cuadro blanco con el
nombre de relleno, el cuadro es el marco, cuando haces doble clic sobre una de esas opciones aparece
el siguiente cuadro con el nombre de selector del color. En este cuadro puedes
elegir el color directamente desde el cuadro de la izquierda junto con la banda
que tiene los diferentes colores. En
ella se incluye los diferentes modos de colores que se marca desde el punto que
acompaña cada sigla, las letras CMYK (Cian, magenta, verde y negro) son los
porcentajes de color que forma la mezcla, además si conoces el código del color
(Pantone, etc) lo puedes indicar directamente. Debajo de la tecla cancelar
tienes un panel de muestra, en los trabajos prediseñados viene indicados los
colore que están guardados para el trabajo.
Si no bien el panel no lo tiene abierto puedes abrirlo en
ventana>> Color y se abre dicho panel, como se observa en la imagen de
arriba puedes crear distintas mezclas de color. En el botón “C” tiene un
incluido un submenú donde puedes ocultar las opciones, si marcas esta opción se
pierde la posibilidad de crear mezclas, mostrando solo la barra, distintos
modos de color, invertir el color da la vuelta al color del blanco al negro, el
complementario y crear muestras.
Una herramienta muy útil para el color, ella tiene las
diferentes mezclas de colores ya realzadas, incluye una biblioteca donde se
clasifican todos los colores, por ejemplo colores más adecuados para
celebraciones, científico y muchos más.
En la esquina superior tienes las opciones de como visualiza esas muestras,
ordenarlo por nombre los colores, si deseas que la muestra sea más grande o más
pequeña, y la biblioteca.
Cuando eliges alguna de las herramientas del panel de
herramientas, en la parte superior de la ventana de Illustrator. Este panel se
personaliza al escoger la herramienta, la finalidad de esta es que tú puedas
ajusta la herramienta a tu gusto.
Las muestras como he comentado en el 9.1 en panel de muestras. Cada muestra es un
color ya creado, incluso lo puedes crear tú mismo para otros posible trabajos.
Degradado
Es la mescla de dos o más colores mezclados de forma
progresiva.
La encuentras en el menú de opciones de la parte superior,
en la opción ver>> le regla que tiene un menú desplegable con más
opciones mostrar reglas para que se visualicen en el área de trabajo, las
reglas globales y mostrar reglas de video.
- Guías. Guías inteligentes.
Son líneas que se extraen a través de la regla cuando tú
haces clic sobre ella, si quieres líneas horizontales clica sobre la regla
horizontal, con las verticales igualmente. Puedes tener todas las guías que
quieras, bloquearlas para que no se muevan, borrarlas individualmente o todas
justas.
Las guías inteligente aparecen cuando mueves alguna de las figuras que aparecen lineas verdes que se unen con otros elementos de la imagen, te indican el centro, los laterales de las figuras para que tu elijas donde colocar la figura.
- Cuadrícula.
Es un cuadriculado como el de las libretas que te permite
medir con más precisión cuando mueves un objeto en un lugar en concreto.
unir, menor frente,
intersección, excluir, dividir, cortar, combinar, recortar, contornear, menos
fondo.
- Simplificar trazado.
En la barra de menú buscas objeto, al ciclar sobre ella se abre un submenú buscas trazado, se abre otros submenú buscas Simplificar...
Con esta herramienta puedes modificar con precisión la curva y el ángulo, a través de estas opciones se reduce el número de anclas como se ve en la imagen Original 79 pts (punos) , con la modificación indicada solo tenemos 13 pts. En las opciones de más abajo tienes lineas rectas que desaparecen los ángulos, mostrar original como su nombre indica. Por último pre-visualizar que te deja ver en tiempo real las modificaciones que estas indican a los trazos.
- Herramienta selección de grupo.
El funcionamiento de esta herramienta es seleccionar varios trazo al mismo tiempo para poder elegir que trazos deseas seleccionar tienes que pulsar la tecla Shift al mismo tiempo que vas clicando sobre los trazos.
En este vídeo tutorial se muestra la selección de grupos
- Opciones de deformación.
La siguente herramienta de permite modifica la forma de los trazos para que dejen de ser tan artificiales en trabo que estés realizando.
Este panel no lo va a encontrar en el menú desplegable de la
barra de menú ventana para llegar hasta esta opción Texto, al pulsar sobre ella
aparece otro menú desplegable donde salen varias herramientas dedicadas al
texto primero tienes definir fuente,
definir estilo, tamaño de la fuente, interlineado, definir el Kerning entre dos
carateres y definir el tracking para los caracteres seleccionados.
Con esta herramienta puedes elegir el texto deseado y modificar lo a tu gusto.
Este panel lo puedes encontrar junto con el panel de
carácter, clicas sobre la pestaña como puedes observar aparecen las posiciones
del texto, las distintas sangrías y los espacios entre párrafo. También puedes
llegar a esta opción como se hace con el panel caracteres.
- Copiar un isotipo (de libre elección) mediante formas
vectoriales.
Original
Vectorizado
- Diseñar un isologo de nuestro nombre mediante formas
vectoriales.
- Programa: Illustrator.
- Tamaño: presentar en A4 a 300 ppp.
- Valoración: adecuación a la propuesta, complejidad del
original elegido, corrección en el uso de las herramientas, precisión en la
copia y optimización de los mínimos recursos utilizados.
-
Entrega: imagen final en formato PNG + archivo master
martes, 19 de enero de 2016
UD_8
Introducción al diseño vectorial (Illustrator)
8.1 Concepto de programa orientado a objeto
- La imagen
vectorial. Ventajas frente a bitmaps.
Ambos tipos de imágenes tienen sus ventajas y desventajas,
el tipo de imagen bitmap o mapa de bit es más adecuado para fotografía, nos permite una gama tonal muy
amplia, ya que al tratarse de una red de pixeles (raster) para poder configurar
una imagen pero para que una imagen tenga una buena calidad debe de contener
una gran cantidad de pixeles, en el caso de que amplíes, si tiene baja
resolución la imagen se píxela, toda la red de puntos que forma la imagen se
percibe, sobretodo en curvas, líneas de contornos de las figuras que contenga
la imagen. Las imágenes que tengan una resolución muy alta, la profundidad de
color 8 bit para arriba (8 bit, 16 bit, 24 bit y 32 bit) por defecto tienen que
guardar una cantidad de información muy
alta por lo que hace es los archivos sean muy grandes, al contrario ocurriría
si la resolución es baja, la profundidad de color es baja, el archivo ocuparía
menos, ya que tiene menos información, la calidad sería pésima. Sin embargo las
imágenes vectoriales funcionan por figuras geométricas, poligonales y segmentos. Las imágenes se calcula
matemáticamente por eso no les afecta la ampliación, no se píxela como le
ocurre al Bitmap, ocupa menos información por lo que conlleva que el archivo
ocupe menos en la memoria. Pero tiene el gran inconveniente que no es muy
adecuado para fotografía, las figuras están configuradas con líneas de contorno
muy perfectos, colores planos. Tiene una
ventaja que destacar, permite crear diseño de imágenes propias con el uso de
programas como Illustrotor, Inkspace, Sodipodi, CorelDraw y todos los que
puedan estar relacionados.
-
Software de imagen vectorial: 2D, 3D, animación y web.
La imagen vectorial tiene la posibilidad que se puedan crear
imágenes para en
2D y en 3D. Se utilizan para videojuegos, en dibujos
animados, en muchas posibilidades creativas que se puedan hacer con ellas. También
se utiliza en la Web pero para poder ser ejecutadas los navegadores necesitan
unos plugin o programas especiales como puede “Adobe Flash” pero actualmente los
nuevos navegadores “HTML5” se deshacen de ese programa, ya que tienen capacidad
suficiente para ejecutar autónomamente los archivos “SVG” (Citado en: danidesaro.com)
Las curvas Bézier las inventó “Pierre Bézier por encargo de
la empresa Renault para trazados de dibujo técnico, en el diseño de automóviles
y aeronáutico, luego Paul de Casteljau en el que usa algoritmo que lleva su
nombre, evalúa las curvas Bézier con un método numérico estable.” (https://es.wikipedia.org)
Después se comienza a
utilizar en programas informáticos para diseño asistido por ordenador, los
inventores del “PostScript” (https://es.wikipedia.org) la empezaron a utilizar, posteriormente se
comenzó a utilizar en programas denominados diseño vectorial, los que
actualmente conozco son Sodipodi (Software libre) que funciona en Linux Corel Draw, Inkscape
(Software libre) y el más importante para diseño gráfico es el Illustrator de
Adobe. También los programas de mapa de bit utilizan en algunas de sus
herramientas las curvas de Bézier pero no con tanta importancia como le ocurre
a los programas anteriores.
El funcionamiento de las
curvas Bézier, se trata de facilitar el trabajo, evita tener que hacer cálculos
muy complejos, con este método gráfico podemos crear curvas de todo tipo, “la llamadacurva de Bézier de grado 1(o lineal), simplemente interpolando
uno o dos puntos de control (curvas de Bézier de grado 2 y 3) se
obtienen resultados muy aceptables para una gran diversidad de situaciones.” (Citado en recursostic).
El funcionamiento de
las curvas Bézier
Las curvas Bézier
puede estar formado por una o varias líneas conectadas entre sí, cada línea
está constituida por un punto de inicio y otro final. En ciertas zonas puedes
tener ciertos puntos, denominado de control (Puntos de Control) que nos deja
definir la curvatura con la ayuda de unos tiradores en cada lado.
En el siguiente video
explica un poco el funcionamiento de las curva Bézier dentro del Programa
Illustrator, también propone ejercicios para los que deseen aprender a utilizar
esta herramienta.
Si conoces la interfaz de Photoshop veras que es muy similar
a la de Illustrator con la diferencia de que las herramientas, todo lo que
compone este programa se adaptan al diseño vectorial. Al principio te puedes
sentir un poco perdido con el programa, cuando vas revisando la funcionalidades
de las herramientas descubrirás infinitas posibilidades para diseñar sin tener
una imagen previa. Vamos a conocer las siguientes componentes.
Os dejo un video de introducción sobre la interfaz de
usuario.
“Labarra
Aplicaciónde la
parte superior contiene un conmutador de espacio de trabajo, menús (solo en
Windows) y otros controles de la aplicación. En ciertos productos para Mac,
puede mostrarla u ocultarla con el menú Ventana”. (Citado de: helpx.adobe.)
La barra de aplicación no se refiere al panel de
herramientas, se encuentra situada a la izquierda de la pantalla, en la que
encuentras diferentes herramienta en cada una de ella, te encuentras con otras
herramientas relacionadas con las principales para mostrar estas herramientas
tienes que pulsar con el botón izquierdo del ratón manteniendo pulsado
arrastras hacía fuera del panel, de esta modo aparece un menú desplegable de la
herramienta elegida.
Mostraré una imagen donde se ven todas las herramientas que
componen el panel de aplicación.
"A. Ventanas de documento en forma de fichas B. Barra de aplicacionesC. 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 "(Citado en https://helpx.adobe.)
He hablado un poco sobre el panel de herramienta que al
hacer la busque da en Internet aparece con el panel de aplicación.
·ventanas
de ilustración
Como he comentado anteriormente Illustrator es igual en la
interfaz, la ventanas, las pestañas funcionan exactamente igual que en
Photoshop.
·barra de
estado
En la parte inferior del programa de
izquierda a derecha ves primero el porcentaje del zoom que incluso te permite
ampliar o reducir desde el triangulito con el pico hacia abajo o directamente
dentro del cuadro puede indicar el porcentaje deseado, el siguiente la
navegación por la mesa de trabajo y otra opción más, es la que tu elijas con el
triángulo mirando hacia abajo, pulsas encima con el botón izquierdo donde
aparecerá un menú desplegable con varias opciones, mostrar en Bridge aparece en
gris (no se puede marcar), pero al pulsar en mostrar tienes más opciones nombre
de la mesa de trabajo, herramienta actual, fecha y hora, acciones de deshacer y
perfil de color del documento. Por último tenemos la barras de desplazar la
imagen.
En el video se explica claramente el
funcionamiento de la barra de estado.
Las mesas de trabajo representan las áreas que pueden
contener ilustraciones imprimibles. Puede utilizar las mesas de trabajo como
áreas de recorte para propósitos de impresión o de ubicación. Las mesas
funcionan igual que las áreas de recorte de Illustrator CS3. Varias mesas de
trabajo son útiles para crear una serie de cosas como, por ejemplo, PDF de
varias páginas, páginas impresas con distintos tamaños o diferentes elementos,
distintos elementos para los sitios Web, guiones gráficos de vídeo o elementos
individuales para la animación en Adobe Flash o After Effects.
Según el tamaño, puede tener de 1 a 100 mesas de trabajo por
documento. Puede especificar el número de mesas de trabajo para un documento
cuando lo cree por primera vez y puede añadir mesas de trabajo al documento y
eliminarlas del mismo en cualquier momento. Puede crear mesas de trabajo de
distintos tamaños, cambiar el tamaño mediante la herramienta Mesa de
trabajo y situarlas en cualquier lugar
de la pantalla, incluso superponerlas entre sí”. (Citado en: adrformacion.com)
Después de este corta y pega que he realizado he preferido
complementarlo con un video de donde puede conocer mejor el funcionamiento de
las mesas de trabajo, además las diferente opciones que permite.
Toda la zona gris es el lienzo, donde nos permite añadir
todas las mesas de trabajos que deseemos en ella, los rectángulos blancos son
las mesas de trabajo.
- Paneles:
Como ocurre con el programa Photoshop, viene incluido los
diferente paneles que puedes hacer visible buscando en la barra de
menú>>Ventana y marca el panel que deseas ver.
La imagen que se muestra abajo tiene toda la lista de
paneles existentes.
Como tenemos una lista muy grande de paneles he decido
mostrar los que pueden ser más útiles en
los trabajos de diseño.
Color, guía de color
En el panel color puedes seleccionar el color, realizar
mezclas, puedes elegir el modo de color.
Aunque el video está en inglés, aunque no entiendas lo que
dice es bastante interesante verlo, haciendo un seguimiento visual de lo va
haciendo puedes comprender bastante bien lo que dice.
Son estilos ya definidos que nos permite
trabajar más rápido en un diseño, en Illustrator vienen ya almacenado una serie
de estilos pero también te permite guardar los estilos propios.
El funcionamiento del panel de capas es muy similar al del
programa de Photoshop pero adaptado a diseño vectorial. Es importante conocer
este panel, debido a que lo vas a necesitar en todos los trabajos.
Fundamentalmente facilita el manejo de las capas, te deja elegir el lugar que
quieres que ocupe la capa, si deseas que
este de detrás o delante de ella.
Es un panel dedicado a dar información del documento que
tienes abierto. La información que puedes visualizar es el modo de color,
perfil de color, unidades de regla, dimensiones de la mesa de trabajo, mostrar
imágenes en modo de contorno, resaltar fuentes sustituidas, resaltar programas
sustituidos, conserva edición de texto y simular papel de color. Para accede a
este panel se hace como en todo los paneles Ventana (menú desplegable)
Información de documento.
·Carácter
Este panel no lo va a encontrar en el menú desplegable de la
barra de menú ventana para llegar hasta esta opción Texto, al pulsar sobre ella
aparece otro menú desplegable donde salen varias herramientas dedicadas al
texto primero tienes definir fuente, definir
estilo, tamaño de la fuente, interlineado, definir el Kerning entre dos
carateres y definir el tracking para los caracteres seleccionados.
Con esta herramienta puedes elegir el texto deseado y modificarlo a tu gusto.
Imagen de http://www.aulaclic.es/
·Párrafo
Este panel lo puedes encontrar junto con el panel de
carácter, clicas sobre la pestaña como puedes observar aparecen las posiciones
del texto, las distintas sangrías y los espacios entre párrafo. También puedes
llegar a esta opción como se hace con el panel caracteres.
Imagen de http://www.aulaclic.es/
·Símbolos
Como su nombre indica son símbolos que puede estar
almacenado en la biblioteca del programa o puedes guardar los símbolos
diseñados por ti. Tiene la finalidad de facilitar el trabajo.
Imagen donde se puede ver todo los paneles
abiertos.
- Modos de vista y
personalización.
Puedes cambiar el comportamiento de visualización de la
figura que estés trabajando, si solo quieres ver los trazos, la imagen como si
fuera una imagen de mapa de bit o como se visualiza normalmente. Los modos de
vista que también los tiene el programa de Photoshop en pantalla normal, en la
que desaparecen todas las barras quedando solo la interfaz de Illustrator y por
último pantalla completa que desparece toda la interfaz, quedando solo la
imagen.
- Herramientas de selección, zoom y desplazamiento.
Las herramientas de selección está compuestas por diferentes
herramientas, la primera que voy a comentar es la flecha negra denomina
herramienta de selección con ella puedes seleccionas solo un elemento o con la
ayuda de la tecla shift pulsada puedes seleccionar varios elementos, la varita
mágica tiene un uso similar, herramienta de selección directa, otra de grupo y
la herramienta de lazo con la que puedes tazas líneas imperfectas alrededor de
uno o varios elementos.
En el siguiente video se explica el funcionamiento de estas
herramientas.
Estas opciones son iguales que en el programa de Photoshop
de formas he incluido un video tutorial que las explica, además los diferentes
medios que puedes encontrarte para llegar a ellas que son muy variado.
- Diseño de un mándala geométrico. - Elementos: formas
simples compuestas con cierta simetría en torno a un centro. - Programa:
Illustrator. - Tamaño: A4 (300 ppp). - Valoración: adecuación a la propuesta,
diversidad de formas empleadas, corrección en el uso de las herramientas,
originalidad y resultado final. - Entrega: (de cada una el archivo master
-formato .ai- y exportada también en formato PNG).
obeyclothing.com
:origin()/pre13/75b3/th/pre/f/2014/257/4/8/bocadillo_png__by_jeliebersforever-d7z71be.png){kind=link}
