Bienvenidos a nuestro Blog

Gracias por visitarme. Espero con este blog mostrar lo mejor del mundo de la Ilustración, las aplicaciones que lo hacen posible, tutoriales y todo lo que tenga que ver con este apasionante arte.

Cómo crear increíbles motivos con Illustrator

viernes, 17 de septiembre de 2010

La intención de este tutorial es aprender a crear fácilmente figuras de agradable aspecto con Pinceles de Motivos en Adobe Illustrator. Adicionalmente te enseñaré cómo crear un Pincel de Motivo avanzado y te daré algunos consejos acerca de su uso.

Material que Necesitas: Archivos Fuentes Pincel

Qué haremos?

Un Pincel de Motivos permite distribuir figuras sobre líneas u objetos de una manera serial. Para ponerlo más simple, te permite dibujar cosas como las de las imágenes a continuación:




Paso 1 - Pincel de Motivos Básico

Un Pincel de Motivo consta de cinco elementos que llamaremos baldosas o azulejos (tiles). Ellas son:

Baldosa lateral: es la parte del pincel que se aplica sobre líneas rectas y curvas.
Baldosa de esquina exterior: usada para esquinas externas.
Baldosa de esquina interior: usada para esquinas interiores.
Baldosa inicial: es la que se usa para iniciar el trazado.
Baldosa final: es la que se usa para finalizar el trazado.

Las baldosas de inicio y fin se aplican solo a figuras abiertas.

La figura que se muestra a continuación está compuesto de un trazo simple al cual se le aplicó un pincel de motivo.



Paso 2 - Pincel Simple, Gran Resultado

Como puedes ver el Pincel de Motivos es una herramienta de poderosa hermosura. Requiere de un poco de preparación antes de ser usada porque tienes que hacer una figura para cada baldosa de manera que se ensamblen unas con otras al aplicarlas al trazado.

Sin embargo, puedes obtener resultados espectaculares usando solamente la baldosa lateral. Déjame mostrarte cómo.

Paso 2.1

Para obtener un motivo elegante como el que se muestra solo se usaron dos figuras simples. Una dibujada por mí y la otra tomada de la fuente Wingdings 2.


Toma la primera figura y arrastrala al Panel Pinceles. En la ventana emergente selecciona "Nuevo Pincel de Motivo" y Ok.


Toma la segunda figura y haz lo mismo.

Ahora dibuja cuatro círculos distribuidos de esta forma:


Aplica el primer pincel de motivo al primer y al tercer círculo, de adentro hacia afuera... (toma el pincel y arrastralo sobre el trazado).


Aún no se ve bien, pero lo vamos a arreglar. Mientras tenemos los dos círculos aún seleccionados vamos al Panel Pinceles y del menú seleccionamos "Opciones de Objeto Seleccionado".


En la ventana de opciones escribimos 50% en la caja Escala y seleccionamos "Añadir Espacio" en lugar de "Estirar" porque no queremos que el pincel se distorsione. Del menú "Colorización" seleccionamos "Matices".


Ahora seleccionamos los otros dos círculos, aplicamos el segundo pincel de motivo y lo ajustamos como en el paso anterior.



Selecciona todos los círculos y dale color a los trazos (trazos: #D50743; fondo: #4D1D40). Normalmente, no se le puede cambiar el color a los pinceles de motivo, pero nosotros pudimos hacerlo porque cambiamos la Colorización a Matices.


Paso 2.2.

Ahora te mostraré algunos otros diseños usando esta técnica simple.

Un vórtice hecho con un caracter Wingdings y un espiral.


Una flor hecha con un círculo y una figura de pétalo


Tipografia geométrica. Piensa cuánto trabajo nos daría alinear perfectamente estas tres líneas en cada letra. Gracias al Pincel de Motivos en solo minutos.





Paso 3 - Algo más Avanzado

Ahora que ya entendemos lo básico vamos a hacer algo más avanzado.

Vamos a crear un Pincel de Motivos que se vea de esta manera cuando lo apliquemos a diferentes trazados


Paso 3.1.

Empezaremos con la baldosa lateral. Dibuja tres rectángulos, alinealos horizontalmente y distribúyelos usando la opción "Distribuir Espacio Verticalmente" en el Panel Alineación.


Los Pinceles de Motivo funcionan mejor cuando cada baldosa  ocupa el mismo espacio tanto horizontal como vertical, asi que haremos que nuestras tres franjas sean de 42px de largo por 42px de alto.


Toma las tres franjas y arrástralas al Panel Pinceles. En la ventana emergente selecciona Nuevo Pincel de Motivo y en la ventana de Opciones colócale como nombre "Franjas" y OK.


Paso 3.2.

Vamos a ocuparnos ahora de la baldosa de la esquina exterior. Copia las tres franjas y pégalas en frente  (ctrl/cmd+F). Usa el Panel Transformar para mover la copia 42px a la izquierda y 42px hacia abajo. Una forma de hacerlo con total exactitud es escribir +42 o -42 en la caja de entrada correspondiente ya sea para el eje x o para el eje y, presiona Enter e Illustrator cuenta por ti.


Rota la copia 90 grados en sentido horario, selecciona ambos elementos y usa ctrl/cmd+2 para bloquearlos. (Observa bien el sentido de los colores)


Activa las Guías Inteligentes con ctrl/cmd+u y selecciona la Herramienta Pluma.

Ahora has click en las esquinas de las franjas azules con la Pluma como se muestra en las imágenes. Las Guías Inteligentes serán de gran ayuda aqui, podrás notar que llegaste a una esquina cuadno debajo del cursor aparezca la palabra "ancla".





Repite los pasos para las otras dos franjas.


Ve al Panel Transformar y voltea las franjas diagonales horizontalmente.


Selecciona estas franjas diagonales y con tecla alt/option presionada, arrastra la figura hasta el panel Pinceles sobre el primer compartimiento del pincel "Franjas".


El pincel debe verse como en la figura. El elemento más a la izquierda en la vista preliminar debe ser la baldosa con los demás elementos a la derecha. Las franjas de las baldosas deben quedar conectadas a su color correspondiente (azul con azul. verde con verde...)


Paso 3.3

Le toca el turno a la baldosa de la esquina interna. Borramos las franjas diagonales que sirven de baldosa externas y ordenamos las dos baldosas laterales como se muestra en la figura.


Posicionamos dos líneas guía como se muestra.



Mantenemos presionada la tecla alt/option y arrastramos el borde izquierdo de la primera baldosa como se muestra.


Hacemos lo mismo con la siguiente baldosa pero arrastramos desde su borde superior hasta la línea guía.


Seleccionamos esas franjas que acabamos de hacer, vamos al Panel Buscatrazos y marcamos Dividir.


Borramos las partes indicadas en la foto.


Hacemos una selección como se muestra, vamos al Panel Buscatrazos y presionando alt/option+click marcamos "Añadir a Area de Forma" (en forma expandida)



Repetimos el paso anterior pero esta vez hacemos una selección como esta


Paso 3.3.1

Selecciona las figuras que has hecho y busca la opción Efecto>Estilizar>Redondear Vértices. Ingresa un radio de 10px y OK.


Como solo queremos las esquinas redondeadas necesitamos expandir el efecto y ajustar las terminaciones manualmente. Selecciona las figuras y busca Objeto>Expandir Apariencia.


Seleccionamos la Herramienta Pluma y pinchamos el ancla indicada en la figura para borrarla.


Con la Herramienta Pluma aún seleccionada presionamos la tecla alt/option y marcamos estos dos puntos.


Selecciona los puntos que has marcado en el paso anterior. Con la Herramienta de Selección Directa (A)  y la telca Shift presionada arrastra hacia abajo la línea entre los dos puntos hasta que se ajuste a la baldosa lateral.


Hemos alineado un borde exitosamente, pero nos quedan cinco más. Repite el mismo procedimiento para los bordes restantes.

Paso 3.3.2

Si has tenido problemas con la parte más pequeña de nuestra baldosa (el círculo) sigue estos pasos:

Seleccionalo y busca Objeto>Trazado>Añadir Puntos de Ancla


Toma la Herramienta Pluma presiona la tecla alt/option y marca las anclas indicadas para convertirlas en vértices.


Marca estos dos puntos con la Herramienta Pluma para borrarlos


Necesitaras las Guías Inteligentes para el siguiente paso. Selecciona la Herramienta de Selección Directa y ajusta los puntos como en la figura.




Bien, para finalizar toma estas tres figuras, presiona la tecla alt/option y arrastrala al cuarto compartimiento del Pincel de Motivos "Franjas".


Paso 3.4

Ahora vamos a hacer la Baldosa Inicial. Esto será mucho más rápido que las anteriores. Duplica la baldosa lateral y muévela 42px a la izquierda. Selecciona la opción Objeto>Trazado>Añadir Puntos de Ancla


Haz la misma selección que se muestra en la figura, y mueve los puntos un poco a la izquierda.



Rota las imágenes verticalmente y arrástralas al quinto compartimiento del Pincel de Motivos. Ok


Paso 3.5

Ahora vamos a hacer la Baldosa Final.


Duplicamos la baldosa lateral de nuevo pero la movemos 42px a la derecha. Toma la Herramienta Rectángulo y dibuja dos rectángulos del mismo ancho de una franja, alinea los reectángulos como se muestra


Duplica estos rectángulos que hiciste y voltealos verticalmente para colocarlos sobre la franja azul como se muestra


Coloca una guía que toque el borde derecho de la figura y extiende la franja verde hasta que haga contacto con la guía.


Selecciona la figura completa y rótala verticalmente


Alt/option y arrastra hasta el último compartimiento del pincel.


Ya el pincel está listo para usarse, aplícalo sobre cualquier trazado.

Paso 4. - Consejos Adicionales

Cuando dibujas una figura debes prestar atención a la dirección en la que estás dibujando. Si por ejemplo haces un rectángulo comenzando desde la esquina superior izquierda hasta la esquina inferior derecha y aplicas el Pincel de Motivo, se verá así:


Pero si comienzas a dibujarlo de abajo hacia arriba, el motivo de invertirá:


Paso 4.1

Si dibujas una línea y notas que la baldosa final está donde debería estar la inicial, puedes arreglarlo de dos formas.

Primero ir a la Paleta Pinceles y en su menu seleccionar "Opciones del Objeto Seleccionado" y usar la opción "Voltear a lo Largo"


La segunda forma es tomar la Herramienta Pluma y pinchar en el punto final del trazado (donde está la baldosa final)


La dirección del trazado se invierte


Esto es todo por ahora. Como pueden ver esta opción es muy útil, capaz de crear intrincados diseños. Gracias por leer el tutorial.

Traducción y Adaptaciónde mi autoría
Fuente original: Tutorial9