Creación de un logotipo multicolor en Adobe Illustrator CS6

En este pequeño tutorial practico de adobe Illustrator, aprenderemos a crear un logotipo multicolor, por medio de una pequeña técnica de edición de capas en AI.

Paso 1

Para comenzar realizamos una pequeña búsqueda en Internet para poder obtener algunas referencias. Unas pequeñas imágenes que podríamos obtener serian:

Paso 2

Vamos a comenzar el desarrollo de este pequeño logo de ejemplo, vamos a realizar un circulo en nuestra mesa de trabajo de AI, es importante aclarar que el método enseñado en este tutorial es válido para cualquier forma o figura sea sencilla o compleja. Creamos un nuevo archivo de adobe Illustrator con las medidas que sean de tu grado y el perfil de color CMYK.

Vamos a comenzar realizando un círculo, de color negro y sin bordes, y copiarlo dos veces, para obtener dos círculos.

Debemos de revisar que cada circulo este dentro de capas separadas, finalmente vamos a bloquear una de las capas, para esto ponemos el cursor entre la barrita de color que identifica a cada capa y el icono del ojo que indica para mostrar la capa, damos clic y aparecerá un icono de candado.

Paso 3

Vamos a iniciar, en la capa dos, vamos a hacer una copia del círculo que no está bloqueado y procederemos a cambiar el color de la copia del círculo.

Vamos ahora a poner el nuevo círculo o el círculo rojo encima del círculo negro de abajo a la derecha, el cual es el que está bloqueado, después vamos a cambiar un poco la escala del rojo y acomodar hacia un lado, de tal manera que quede como la siguiente imagen.
Vamos a repetir esto, copiando el círculo rojo o el negro que tenemos al otro lado, una y otra vez encima del negro y de los otros, usando distintos colores y acomodando de tal manera que quede de la siguiente forma.

Finalmente terminamos con los colores de rojo, naranja, verde y azul.

¿Por que usamos estos colores y por qué no otros?
Los colores que se usan en diseños multicolores y diseños que emanan creatividad son 4, rojo, naranja, azul y verde, estos colores son usados en pares de dos y las parejas que se deben de formar son: azul y verde, naranja/amarillo y rojo.

Paso 4

Para continuar, vamos a ocultar la capa bloqueada que tiene el circulo negro, para hacerlo damos clic en el icono del ojo a la izquierda de la capa, a un lado del icono de candado. 

Y eliminamos el círculo negro que nos sirvió de base para crear nuestro diseño.
Seleccionamos todos los círculos.

Vamos a menú Ventana->Transparencia para abrir el panel de transparencia.

Esto abrirá un panel de transparencia, con los círculos seleccionados, en el panel de transparencia, en modo de fusión (La lista desplegable) seleccionaremos multiplicar.


Al hacer esto veremos un gran cambio en nuestros círculos.

Paso 5
Nuevamente con todos los círculos seleccionados, vamos a menú Ventana->Buscatrazos.

Se abrirá un panel llamado buscatrazos y en la opción inferior de la lista, la primera (Dividir), seleccionaremos dicha opción con los círculos seleccionados, esto hará que se haga un corte o las intersecciones entre los círculos se conviertan en cortes y todo el logotipo se divida en pedazos.


Una vez hecho esto, vamos a ir al menú Objeto->Desagrupar y seleccionar dicha opción (con los círculos seleccionados.)

Al realizar esto, podremos ver los círculos o el diseño se ha convertido en pequeños pedazos y podemos seleccionar por separado cada uno.

Para terminar vamos a seleccionar el elemento del centro y vamos a eliminar todas las partes del centro, poco a poco hasta tener solo un círculo multicolor. Esto lo haremos seleccionando cada elemento del centro y presionando delete.





Como podemos ver obtuvimos un diseño multicolor, y con algo de efecto realista o 3D, así como moderno, podemos jugar con los colores o agregar degradados para obtener un mejor diseño.

Paso 7
Para terminar podemos escoger alguna fuente que pueda combinar con nuestro logo, podemos usar las webs de http://www.dafont.com/es/ o www.fontsquirrel.com donde podemos encontrar buenas fuentes o tipos de letra de buena calidad y gratuitas.

Y Asi terminamos el desarrollo del logotipo multicolor, la fuente usada fue Comfortaa: http://www.dafont.com/es/comfortaa.font
Finalmente vuelvo a indicar, que esta técnica de fusión de capas y colores, podemos usarla en distintos diseños o formas, no solo círculos, podemos usar formas sencillas o complejas.

zp8497586rq

Vectorizar una imagen en IIlustrator cs6

Muchas veces necesitamos Vectorizar nuestras imágenes o convertirlas a un vector ya sea con gran detalle o con un estilo caricaturesco o de dibujo.
IIlustrator cs6 incorpora una nueva funcionalidad que nos permite realizar esta operación de manera rápida sin necesidad de usar la herramienta pluma.

Paso 1.

Insertamos nuestra imagen dentro de IIlustrator cs6 arrastrándola a la mesa de trabajo por ejemplo.

Posteriormente, con la imagen seleccionada vamos a ir al menú Ventana->Calco de imagen.

Paso 2.

Nos aparecerá un panel llamado Calco de imagen, donde podremos ajustar distintas opciones.

En la opción ajustes prestablecidos podremos seleccionar el tipo de calidad de la vectorización, en Umbral/Colores según el modo de color establecido, podremos ajustar también la calidad de una manera más cómoda, y en modo de color podremos escoger entre las opciones de color,  escala de grises y blanco y negro.
Procedemos a seleccionar el ajuste preestablecido de Foto de alta fidelidad” y ver como automáticamente IIlustrator comienza a trabajar en el trazado de nuestra fotografía a vector, esto puede tardar varios minutos dependiendo del equipo de cómputo y la complejidad de la imagen.

Paso 3.

Y finalmente obtendremos una imagen, podemos ajustar la calidad en la barra de “colores” y jugar así como personalizar los ajustes para obtener una imagen vectorizada con la calidad que deseamos.



Paso 4.

Una vez hayamos obtenido un resultado que sea de nuestro agrado, procederemos a ir al menú de Objeto->Expandir…

Con esto terminaremos de convertir nuestra fotografía o imagen a vector, obteniendo el siguiente resultado.

Finalmente podremos seleccionar los vectores o conjuntos de nuestra imagen vectorizada, por separado de tal forma que ya es un vector completamente.

zp8497586rq
zp8497586rq

Tutorial Crea un patrón o textura en Illustrador CS6

La nueva versión de adobe ilustrador (CS6) cuenta con una nueva funcionalidad que nos permite crear fácilmente nuestros patrones, texturas o motivos de manera más fácil y poder usarlos en nuestros proyectos de diseño o composiciones.

Paso 1.

Para comenzar abrimos AI y procedemos a crear un pequeño dibujo o vector que será la base de nuestro patrón. También si lo deseas podemos usar algún diseño o vector que ya se tenga hecho de ante mano.

Vector simple

Paso 2.

Seleccionar todo el vector o dibujo e ir al menú Objeto->Motivo->Crear.
Menú opción motivo crear
Nos saldrá un mensaje indicando que el nuevo motivo se ha añadido automáticamente al panel de muestras.
Mensaje AI
Esto nos creara un patrón, podrás observar como nuestro dibujo se repite varias veces por la vista creando una especie de patrón o textura.

Motivo AI
También se nos abrirá un panel llamado: opciones de motivo, donde podrás editar el tipo de azulejo o distribución de los elementos, el tamaño de los bordes del motivo así como el número de copias, el nombre del nuevo motivo, entre otras opciones.
Opciones de motivo

Paso 3.

Para usar nuestro patrón y proceder a finalizar su creación, simplemente damos clic en la palomita que se nos muestra arriba para finalizar la creación del patrón o motivo.
Creacion de motivo
El siguiente paso para usar nuestro patrón simplemente es crear algunas formas o figuras simples y aplicar el patrón deseado que se encuentra ya en nuestro panel de muestras
Aplicando motivo

zp8497586rq