¿Quieres registrarte?

Crear máscaras en Illustrator CS4

Por: Pley
2 de Abril del 2009
2059 de clabLevel
Otros artículos de Pley
8,786 visitas

En esta ocasión, aprenderemos como hacer mascaras en illustrator, que es muy diferente a como los hacen photoshop y flash, ademas enseñare a como duplicar elementos de forma rápida y sencilla.

Creando la trama



Empezamos a dibujar el objeto que vamos a utilizar para aplicar nuestra mascara, hice un “cerro”, como el de Mario Bros? ese mismo ^^. Primero, empezamos a crear nuestra trama con la que se va a “rellenar” nuestro objeto, dibujaremos un cuadrado y al final tendríamos 2 capas, uno que tiene nuestro "cerro" y otra capa donde estará nuestra trama.


Creamos un objeto, de la forma que ustedes prefieran, ahora como queremos este objeto varias veces, lo normal es copiar y pegar tantas veces como sea posible, pero les enseñare un truquito para que se eviten esta fatiga, seleccionamos nuestro objeto y vamos al menú effect > Distort & Transform > Transform.



Nos saldra la siguiente ventana con varias opciones, en donde solo utilizaremos 3 cosas, que son Copies(el numero de veces que repetiremos el elemento) Move Horizontal o Vertical(la distribución de los elementos y la distancia entre ellas) y el Preview para visualizar como esta quedando distribuido nuestros elementos.


Para este tip, usare 8 copias y 24 px de separación de todos los elementos de forma horizontal, y habilitamos el check para visualizar como nos esta quedando y veras como se distribuye nuestros elementos a medida que vamos aumentando o disminuyendo valores ^^. Y click en Ok


Nuevamente hacemos click en effect > Distort & Transform > Transform ahora vamos a duplicar nuestros elementos de forma vertical, sin olvidar que nuestro primer elemento sigue seleccionado, ahora le poner 15 copias y -19 de forma vertical, ahora por que -19?, simple, si el valor es positivo nuestras copias se Irán hacia arriba, en este caso no veríamos cuantos cuadrados aproximados necesitaríamos, pero si gustan pueden poner el valor de forma positiva, como mencione hace un momento, el habilitar siempre el check de previo te evitara muchas sorpresas cuando terminas de poner los valores. Finalmente hacemos click en ok y se vera como la imagen.


Ahora, unas de las cosas curiosas de este método, es que todas las copias generadas se pueden trasladar, mover, cambiar de color, posición, girarlas y varias cosas mas, ya que comenzó desde un elemento. Bueno, ya tenemos nuestra trama, y tenemos nuestra loma, cima o cerro como ustedes prefieran llamarle, tenemos 2 capas, una que es nuestro cerro y en otro capa tenemos nuestra trama

Creando la mascara



Ahora, viene algo muy importante por lo que Illustrator es diferente(en cuestión de mascaras) es que para realizar una, ambos elementos tienen que estar en la misma capa y explico como. Nuestra primera capa Cerro Verde copiamos ese elemento(Ctrl + C) y ahora vamos a nuestra capa Trama y ahí pegamos(Ctrl + V) nuestro Cerro. Ahora es posible que se vea una mezcla confusa, ver tantos elementos, para facilitar la visión ocultamos nuestra capa “Cerro Verde” para quedarnos con los 2 elementos, el cerro y nuestra trama de cuadrados.




Ahora lo que sigue sera acomodar nuestro cerro para que sirva de mascara a los elementos que hicimos(los cuadrados) una vez que tengamos posicionado, seleccionamos todos los elementos y hacemos anticlick a nuestro cerro y elegimos la opción Make Clipping Mask, inmediatamente veremos que los cuadritos que creamos y duplicamos toma la forma de nuestro cerro que acabamos de hacer (figura 1), ahora, a nuestra otra capa oculta la habilitamos y tendríamos así nuestro cerro enmascarado xD (figura 2), en palabras sencillas ya tenemos una mascara.



Y como ejemplo podemos citar esta ilustración que hice, ya que hablamos de Mario Bros pues aquí esta la idea que quise hacer ñ_ñ, espero que les haya gustado el tip y esperemos a ver si se animan mas clabers a realizar trabajos en Illustrator y como siempre aquí no acaba todo, habrá mas tiempos para que todos podamos aprender.

Enviar a twitter Enviar a facebook


También te interesa


Etiquetas illustrator

Comentarios | Enviar un comentario
:o
Vaya que no es lo mismo que en Photoshop, buen tip Pley! (y)
Por: [Ray]
pues si, interesante, bien pley ^^
Por: eldervaz
Muy bueno Pley ^^
Por: XKlibur
Me gusto mucho el ejemplo final.

Buen tip.

(y)
Por: glsmaster
Wow! Ciertamente está interesante.
Felicitaciones, Pley. Buen trabajo.
Por: The Fricky!
QUE GENIAL TUTORIALJUEGOS VIRTUALES LO MISMO
QUE MANEJO PARA LOS EDIFICIOS VIRTUALES
GENIAL||||||||||||TUTORIAL
Por: FEDERICO SAUCED-blog
genial'
Por: camila-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.