Queli Coto Desarrollador Web

Vamos a seguir con esta serie de artículos, esta semana toca un breve tutorial sobre las formas que podemos crear en illustrator. Como sabéis yo no soy ningún diseñador ni pretendo serlo, pero me gusta aprender de todo un poco y siempre me he preguntado porque los programas de diseño no venían con varias formas predefinidas, como por ejemplo un triángulo.

La razón es simple, para que disponer de todas esas formas predefinidas si las puedes ir creando al gusto, digamos que nos dan los alimentos y tu te preparas la comida.

Comenzaremos a crear dos formas básicas que si disponemos.

Cuadrado

Para ello nos basta con utilizar la herramienta rectangle tool (M), con esta herramienta  no sólo podemos  crear rectángulos, sí mantenemos pulsada la tecla shift nos mantendrá la proporción y con ello crearemos un cuadrado.

En el anterior tutorial aprendimos a jugar con el relleno y el trazo, a este cuadrado le he dado un trazo de 10pt con color #00AEEF y le he eliminado el relleno, quedaría así.

Circulo

Usaremos la herramienta ellipse tool (L) y como hicimos con el cuadrado, mantendremos la tecla shift para mantener la proporción y conseguir un circulo perfecto,  para este ejemplo dejaremos un trazo de 10pt de color #EC008C

Triángulo

Esta es una forma que yo considero básica y nunca he encontrado en los programas de diseño, entre ellos el illustrator, pero es muy fácil de crear.

Lo primero será crear un cuadrado, una vez creado lo vamos a seleccionar con la herramienta selection tool (V) de forma que podamos apreciar los distintos puntos que lo forman.

Es importante darnos cuenta de los diferentes elementos que se nos muestra al seleccionar un objeto.

1. Tenemos un punto en el centro  con el fondo rellenado, este es el centro de nuestro objeto.
2. Tenemos una serie de puntos, con el fondo en blanco, estos son los denominados anchors (anclas) y definen cada punto del objeto que podemos modificar.
3. Las lineas que unen estos anchors, se les denomina path (camino) ya veremos para que se usa.

Para poder crear un triángulo lo que vamos a hacer es eliminar uno los anchors que está colocado en cualquiera de las esquinas, para hacer esto utilizaremos la herramienta delete anchor point tool (-) , para encontrarla pulsaremos en la esquina inferior derecha de la herramienta Pen tool (p).

Nos situamos encima del anchor que queremos eliminar y pulsando sobre él, notaremos el cambio en el objeto.

Bien ya casi tenemos el triángulo,  tendremos que rotarlo, para ello volvemos a seleccionar el objeto y nos situamos en uno de los anchor, automáticamente nos saldrá una nueva opción en el cursor indicando que podemos rotar este objeto desde ese punto.

nota: si mantenemos pulsado la tecla shift, nos mantendrá la proporción del giro.

Ya tenemos una forma de un triángulo, pero si nos fijamos cuando lo estamos seleccionando, sigue mostrando los anchor points como si de un cuadrado se tratase, para que se ajuste a la nueva forma tendremos que resetear esto, nos vamos a object -> tranform -> reset bounding box.

Ahora podremos estirar el triangulo, cambiarle trazo, relleno lo que queramos, yo he usado un trazo de 10pt color #8DC63F y sin relleno.

Aspa  o Cruz

Para crear esta forma usaremos la misma técnica que con el triángulo, partiremos desde el cuadrado y eliminando y rotando conseguiremos un pequeño bloque, también podemos partir desde un rectángulo con una altura reducida, lo que debemos conseguir es algo así.

Lo que vamos a hacer ahora es duplicar este objeto, lo más sencillo es usar copiar y pegar  de forma que ya tengamos dos objetos iguales, uno de ellos los rotamos y lo colocamos en vertical al otro.

Nos vamos object -> transform -> rotate y con 90%  ya conseguiremos colocar el objeto en vertical, después lo desplazamos y los juntamos por su punto central.

Bien, ya casi lo tenemos el problema es que en realidad esto son dos objetos y nosotros sólo queremos uno, para ello vamos a agruparlos, con la herramienta de seleccion (V) y manteniendo pulsada la tecla shift, vamos a pulsar los dos objetos aumentando de esta forma la selección.

Para agruparlos vamos a object -> group ( control + g ) y ya tenemos nuestra cruz o aspa si la rotamos.

Seguro que hay muchas formas de crear estas formas y quedo abierto a cualquier sugerencia de como mejorar.