Tutorial 1 básico Illustrator - Creando una estrella

Bien, aquí empiezo a mostrar mis avances o desastres con los programas de diseño, comenzaré con el Illustrator y el uso de el trazo y el relleno.

Illustrator es un programa para crear objetos vectoriales, por lo que todo se tiene que llevar a un objeto ( como en POO), si tenemos esto claro es más fácil de entender, por lo menos para los que tengamos la mente más enfocada a programación.

Lo primero que haremos será crear un nuevo documento  y seleccionar la herramienta estrella,  la colocaremos en nuestro lienzo.

star-tool

Una vez creada  tendremos un objeto en forma de estrella, para el cual tenemos dos estados básicos, el relleno y el trazo, para ver su estado podemos ir a window ->  appearance o shift +F6.

Importante, se necesita seleccionar un objeto con la herramienta  de selección (V), podemos darnos cuenta si el objeto queda marcado con una especie de contorno con varios puntos para seleccionar.

Se muestra en la captura.

apariencia

Llegado a este punto vamos a darle valores a esos atributos, colocaremos un amarillo para el relleno y un negro para el trazo. En Ilustrator CS4 ( desconozco en otro) en la misma pantalla anterior ya podemos escoger tanto el color como el tamaño del trazo.

Para este ejemplo yo he escogido lo siguiente:

Trazo:  #000000 con un tamaño de 8

Relleno: #FFF100

Quedando de la siguiente forma:

start1

Simple verdad, si esperabais mucho más nivel lo siento, este no es un blog donde podrás aprender diseño, tan sólo, son mis pequeños avances con estas herramientas, de las que espero que dentro de un tiempo yo también pueda decir, pero si eso es muy fácil :)

Pero bueno no lo iba a dejar ahí, podemos hacer alguna cosilla más. Los trazos y rellenos dan mucho juego, podemos crear por cada objeto ( en este caso la estrella), todos los trazos y rellenos que queramos, vamos a probarlo.

Crearemos un nuevo trazo, ojo en el panel de apariencia debemos colocarlos en orden de visualización, si el trazo de arriba es más grande que los de abajo estos no se verán.

Para este ejemplo he creado:

Trazo: 2pt de color blanco ( #ffffff)

Después he creado un nuevo relleno, pero esta vez con un degradado, al cual como opción de modo le he puesto un multiply de 30%, dejo la captura con las capas.

start2

Estas dos propiedades nos dan mucho juego, a cada trazo o filtro le podemos aplicar efectos, suavizados o lo que queramos, de momento con esta forma ya podemos crear nuestros propios iconos de estrella.

Por ejemplo, podemos  usarlos con el módulo fivestar de drupal o con cualquier otro sistema.

sample-start

Más sencillo imposible, hasta un programador puede hacerlo jeje.

2 Comments on “Tutorial 1 básico Illustrator - Creando una estrella”

  • pedro April 26th, 2009 5:56 pm

    Mola un montón el concepto de tutoriales de diseño que hasta un programador podría hacer :-D, los seguiré muy de cerca! :)

  • Artículos destacados de Abril 2009 | cambrico.net May 7th, 2009 8:48 am

    [...] Tutorial básico de Illustrator “para programadores”, en el blog de Queli Coto [...]

Deja un comentario