miércoles, 3 de febrero de 2016

Práctica Unidad 10 - Autorretrato vectorial

La práctica correspondiente a esta unidad consiste en la creación de un autorretrato vectorial con el programa Illustrator.


lunes, 1 de febrero de 2016

Unidad 10 - Vectorización y trazado

10.1. Trazados complejos

Comenzaremos la unidad hablando sobre la herramienta creador de formas. Una herramienta que nos permite, una vez tengamos seleccionadas dos figuras que coincidan en uno o más puntos, poder unirlas formando una sola figura bajo el color de la que esté por encima.



Podemos crear trazos de diferente anchura si nos vamos al panel trazos. Con esto, podemos decidir el grosor de la línea, la forma en la que acaba el trazo, etc.

Ahora vamos a ver algunos efectos interesantes:

-Deformación: Nos vamos a "Objeto > Distorsión de envolvente > Crear con deformación". Ahí podemos decidir la orientación y la forma que queremos que cojan las figuras que tengamos seleccionadas.

-Malla: Se sitúa en la misma pestaña que el anterior. Esto nos crea una especie de malla sobre la figura, con la que podemos deformarla según los puntos de ancla situados en dicha malla.

-Objeto superior: Al igual que los anteriores, nos vamos a "Objeto > Distorsión de envolvente > Crear con objeto superior". Esto nos deja solo la forma de la figura que esté por encima, dejando rastros de color de las que estaban bajo ella.


Si le damos a "Objeto > Distorsión de envolvente > Soltar", se nos deja la deformación que hemos aplicado como una figura aislada e independiente.

10.2. Vectorización

Vamos a empezar este apartado yéndonos a Photohop.

Si nos vamos a "Imagen > Ajustes > Posterizar" podemos reducir el número de tonalidades de color que tiene la imagen. Esto nos vale para crear efectos con colores planos. 


De nuevo en Illustrator, vamos a abrir una imagen y nos iremos a "Ventana > Calco de imagen". Aquí podemos cambiar diferentes parámetros de la imagen para convertirla en una imagen vectorial. 

-Número de colores: Podemos elegir un número de entre 2 y 30 colores a utilizar en la imagen. Esto le dará una mayor o menor bidimensionalidad al haber un mayor o menor número de colores.

-Modo de color: Podemos elegir entre tres modos de color diferentes. Escala de grises, blanco y negro o a color.

Modificando los trazados, vertices, ruido, etc, podemos hacer que la imagen tenga más o menos puntos, convirtiéndola en una imagen más o menos simple.

10.3. Trazado

Con el panel transparencia podemos hacer que nuestra imagen tenga una mayor o menor opacidad y un efecto de trazado diferente.

Vamos a abrir una imagen y le vamos a dar a "Objeto > Expandir" para convertirla en una imagen vectorial. Ahora creamos una figura encima de esta y, seleccionando todo, nos vamos a "Objeto > Máscara de recorte". Con esto, la imagen quedará toda en blanco menos en la parte donde hemos situado la figura, donde se verá la parte de la imagen bajo esta.

10.4 Shepard Fairey

Según la página web Artetrama:

"Frank Shepard Fairey nació en 1970 en Charleston, Carolina del Sur, y después de graduarse en 1988 en la Idyllwild School of Music and the Arts fue admitido en la prestigiosa Escuela de Diseño de Rhode Island. Allí consiguió su B.F.A. (Bachelor of Fine Arts) en ilustración en 1992. Fue durante esta época de estudiante cuando estuvo trabajando en una tienda de skateboarding, introduciéndose en la cultura underground y donde comenzó a crear sus propios diseños estampados en camisetas.

https://upload.wikimedia.org/wikipedia/commons/8/83/Shepard-fairey-2011-westhollywood.jpg


Comenzó a ser conocido en los medios por pegar sus carteles y pegatinas en diversos lugares públicos y señales y por los numerosos arrestos que ahora completan su registro criminal.

El sobrenombre artístico de Obey Giant surgió de forma trivial cuando un amigo de Fairey le pidió que le enseñara a crear plantillas, éste usó un recorte de periódico en el que aparecía el luchador Adre The Giant. Esta plantilla se convirtió en pegatina y ésta en el comienzo de la carrera artística de Fairey.

http://ericpetersautos.com/wp-content/uploads/2013/06/obey-pic.jpg

Artista comprometido con el cambio político y social, dona una gran parte de sus ingresos a obras benéficas y mantiene a un buen número de artistas como asistentes bien remunerados.


Fairey alcanzó la fama mundial en 2008 por ser el creador del ya mítico cartel HOPE para la campaña del entonces aspirante a la presidencia de los Estados Unidos, Barak Obama."

http://images.huffingtonpost.com/2008-10-11-BarackisHope.jpg


domingo, 31 de enero de 2016

Prácticas Unidad 9 - Isotipo e Isologo

Esta doble práctica consiste, en primer lugar en copiar un isotipo mediante formas vectoriales y, seguidamente, en crear un isologo del nombre. Todo ello con Illustrator.



Unidad 9 - Creación de formas vectoriales

9.1. Rellenos y trazados

El color de relleno

Para elegir el color que queremos utilizar tenemos que irnos al selector de color, ubicado en la parte inferior de la barra de herramientas. Al hacer doble click sobre el color que tenemos como principal, se nos abre este, con el que podemos decidir que color queremos usar y con que tonalidad.

En los paneles tenemos algunas opciones como el panel color y el panel muestras. El panel color funciona como el selector de color, pero de una forma más simple y abreviada. Mientras que en el panel muestras tenemos algunas opciones de colores predeterminados que podemos usar.

Color


Para aplicar un degradado a las figuras, podemos usar la herramienta degradado, aunque también tenemos ciertos paneles que nos pueden ayudar a ello.

El panel degradado funciona como la herramienta, pero podemos decidir de forma más precisa la forma en la que tomar el degradado, la angulación, opacidad, etc.

Con el panel de control tenemos a nuestra disposición diferentes tipos de opciones sobre la herramienta que estemos utilizando.

Degradados


La herramienta cuentagotas aplica el color o efecto de color que tengamos seleccionado como principal a la zona que seleccionemos.

9.2. Herramientas de precisión

Si nos vamos a "Ver > Reglas" nos sale una cuadrícula de medidas alrededor de la ventana de ilustración, con la que podemos medir con mayor exactitud nuestros trazos.

Reglas

Otra vez en "Ver" tenemos las guías, unas pautas que nos ayudan a colocar los elementos con respecto al resto de elementos que tenemos en el lienzo. Es otra forma de medición. Con la opción de "Mostrar cuadrícula", podemos colocar unos recuadros que nos ayudan a distribuir el espacio de una forma más organizada.

Cuadrículas

9.3. Transformación de objetos


Para empezar, vamos a ver la creación  de formas compuestas a partir de formas simples. Esto lo haremos con las diferentes opciones que nos da el panel buscatrazos:

-Unir: Con esta opción podemos hacer que las dos figuras que tengamos seleccionadas, y que estén una junto a la otra, se conviertan en una sola bajo el color de la que estaba por encima.

Efecto de la unión por el buscatrazos
-Menor frente: Elimina la figura que está por encima, además de la parte de la inferior que está cubierta por esta.

Quitamos la estrella con menos frente
-Intersección: Se elimina todo menos la zona cubierta por ambas figuras.


-Excluir: Se elimina la parte en la que ambas figuras coinciden, dejando el resto como una única figura con el color de la que está por encima.

-Dividir: Se separan las tres partes. Las dos figuras y la parte intermedia, formando tres figuras nuevas e independientes.

-Cortar: Se cortan las dos figuras, dejando en la que está por detrás un espacio libre que corresponde a la parte en la que cruzan ambas figuras.

-Recortar: Se elimina la figura que está detrás, mientras que de la de delante solo se intuye el trazo, dejando como lo único visible a aquello entre las dos con el color de la de detrás.

-Contornear: Se eliminan todos los trazos y colores, dejando pequeños restos del trazo que podemos separar y mover.

-Menos fondo: Se elimina la figura de detrás y aquella parte en la que ambas coinciden.

Si nos vamos a "Objeto > Trazado > Simplificar" tenemos la opción de cambiar el trazado, quitando puntos de ancla y dejando un recorrido más simple.

Simplificar trazado

La herramienta selección de grupos funciona como las otras herramientas de selección, pero seleccionando objetos y grupos dentro de otro grupo.

Ahora vamos a ver algunas de las herramientas de deformación:

-Anchura: Engorda la figura por la zona seleccionada bajo el color del trazo.

-Deformar: Bajo un trazo invisible, hacemos que la figura se deforme como queramos.

-Molinete: Haciendo click en un punto de ancla, sin soltar el cursor, se crea un remolino en la figura.

-Fruncir: Todos los puntos de ancla que cojamos van a dirigirse a un mismo lugar.

-Engordar: Deforma la figura por los lados.

-Festonear: Crea pequeños pinchos en la figura, dando lugar a más puntos de ancla.

-Cristalizar: Crea pequeños carámbanos.

-Arrugar: Arruga la figura.



9.4. Tratamiento de texto

Vamos a empezar hablando de los paneles carácter y párrafo.

Estos paneles nos permiten ajustar el tamaño, tipo, etc, de la letra que vamos a utilizar y de la colocación del párrafo.

Herramientas de texto:

-De área: Permite introducir un texto dentro de un trazado.

-En trazado: Convierte un trazado en un soporte sobre el que se puede escribir.

-Vertical: Funciona igual que la herramienta de texto convencional, pero esta hace el texto en vertical.

-De área y en trazado vertical: Son similares a las anteriores, pero en orientación vertical.

Para terminar, voy a dejar por aquí este vídeo sobre como crear contornos en las letras:


sábado, 30 de enero de 2016

Práctica Unidad 8 - Mandalas geométricos

La práctica correspondiente a esta unidad consistía en el diseño de un mandala geométrico, realizado con formas simples compuestas con cierta simetría en torno a un centro, en el programa Illustrator. Vamos a ver un par de mandalas idénticos: uno en el que solo se vea el trazo de las líneas y otro en el que veamos este mandala con colores.





Unidad 8 - Introducción al diseño vectorial

8.1. Concepto de programa orientado a objeto

La imagen vectorial. Ventajas frente a bitmaps

Según una definición que nos ofrece la página Aprende TIC, una imagen vectorial es:

"Una imagen constituida por objetos geométricos autónomos (líneas, curvas, polígonos,...), definidos por ciertas funciones matemáticas (vectores) que determinan sus características (forma, color, posición,...). Las imágenes vectoriales se crean con programas de diseño o dibujo vectorial y suelen usarse en dibujos, rótulos, logotipos... Su principal ventaja es que las imágenes pueden ampliarse sin sufrir el efecto de pixelado.
http://tecnologia-facil.com/wp-content/uploads/2015/03/diferencia-vector-bitmap-1.jpg

Software de imagen vectorial


Vamos a ver los softwares más destacados en lo referente a la imagen vectorial. Algunos de estos son:


  • pCon.planner: Un software de diseño vectorial, fácil de usar, que sirve para hacer el diseño de los interiores de casas u oficinas o crear presentaciones en 3D.
  • Synfig Studio: Un programa de diseño vectorial 2D perfecto para hacer animaciones.
  • Xara Designer Pro: Este programa nos permite retocar imágenes a la vez que maquetar el diseño de una web.
  • Alchemy: Se trata de un software con el que podemos crear bocetos para poder terminar estos diseños en otros programas.


Las curvas de Bézier

En pocas palabras, las curvas de Bézier son un sistema desarrollado en los años 60 para el diseño aeronáutico y automóvil. Su nombre viene de Pierre Bézier, el que ideó este sistema formado por una serie de ecuaciones matemáticas. A continuación, vamos a ver este vídeo en el que se nos explica más detalladamente el funcionamiento de estas curvas de Bézier:




8.2. El área de trabajo

Una vez visto por encima como funciona el diseño vectorial, vamos a tratarlo de forma más práctica a través del programa Adobe Illustrator, comenzando por ver sus componentes básicos:




-En la barra de aplicación tenemos el menú y las opciones diferentes de las herramientas, lo que nos permite editar el espacio de trabajo a nuestra voluntad.

-La ventana de ilustración es todo el espacio de trabajo sobre el que podemos situar el lienzo, que es el cuadro sobre el que trabajaremos.

-Si nos vamos al último de los paneles, encontramos las Mesas de trabajo, con lo que podemos añadir nuevos lienzos sobre los que trabajar.

-Con la barra de estado podemos ver la información del documento, así como navegar entre las mesas de trabajo, ver la herramienta actual, cambiar el zoom...

Ahora vamos a seguir por sus paneles, localizados en la parte derecha, y entre los que encontramos los siguientes elementos:

-Color:  Podemos decidir el color principal a usar en nuestro espacio de trabajo.


-Muestras: Se nos ofrecen diferentes muestras de colores a usar.

-Estilos gráficos: Con esto podemos aplicar un diseño de colores en vez de usar un solo color para todo, dando lugar a formas y efectos.

-Capa: Podemos trabajar con capas de forma parecida a como lo hacíamos en Photoshop.

-Información del documento: Se nos presenta la información del espacio de trabajo y de como estamos trabajando en él.

-Carácter y Párrafo: Con estos paneles podemos modificar los ajustes de la herramienta de texto. 

A su vez, podemos modificar todo el espacio a nuestro gusto y de la forma que más cómoda nos sea, al igual que hacíamos en Photoshop.

8.3. Herramientas

En este tema vamos a ver algunas de las herramientas básicas del programa.

Herramientas de selección:

Con la herramienta de selección podemos tomar directamente aquellas partes que escojamos dentro del rectángulo de selección para después trabajar con ellas al mismo tiempo.




La herramienta de selección directa tiene la peculiaridad de que nos muestra los puntos de ancla, que podemos mover y editar a voluntad.




Zoom: Con esta herramienta podemos cambiar la forma en la que vemos el espacio de trabajo, ampliando o reduciendo el campo de visión.

Con la mano podemos mover a voluntad el área de trabajo.

El pincel y el lápiz son las herramientas de dibujo básicas que encontramos en un programa de edición como este, pero además de estas tenemos el pincel de manchas, similar al pincel pero con la peculiaridad de que al trazar dos formas que se crucen en uno o varios puntos, estas se
unen formando una única forma, a diferencia de las dos anteriores.



8.4 Creación de formas básicas

Formas geométricas: Podemos crear diferentes formas geométricas, como rectángulos, polígonos, elipses, etc.




Líneas: Tenemos la herramienta línea, para formar líneas rectas, o la herramienta arco, que crea líneas con pequeñas curvas. Además, tenemos la espiral o la herramienta para crear cuadrículas.




Podemos crear formas orgánicas modificando los puntos de ancla en las diferentes formas que creemos.

8.4. Selección y organización de objetos

 Al utilizar la selección directa en las formas, podemos ver sus puntos de ancla. Esto nos permite editarlas y moverlas, así como eliminar estos puntos, dando una apariencia diferente a los elementos.

Con el panel alinear podemos distribuir a voluntad la posición de los objetos, alineándolos como queramos. 




jueves, 31 de diciembre de 2015

Práctica Unidad 7 - Felicitación navideña

Esta práctica consiste en diseñar una tarjeta de felicitación navideña, basada en un brief modelo, con Photoshop. Aquí la vemos: