Algunas veces necesitamos incluirle algún fondo o algún contenedor a un diseño, y se nos ocurre ponerle un fondo punteado, he visto esos diseños incluidos en algunas composiciones muy buenas, por supuesto que este efecto se puede hacer en Photoshop, pero creo que no hay nada mejor como tener tus diseños en path, por que de ésta forma puedes ampliarlos a tu antojo sin que pierdan definición por los pixels.
Para crear el diseño punteado vamos a utilizar un degradado en illustrator, en este caso vamos a utilizar un degradado radial para hacer que en el centro sea totalmente plano y por medio de puntos cada vez mas pequeños hacer la transición de color hacia blanco. debemos trabajar en CMYK para este tip
Paso 1
Creamos un circulo con la herramienta Ellipse Tool sin linea de contorno y le aplicamos el relleno degradado en la ventana Swatches.
Paso 2
Cambiamos los colores de el relleno degradado arrastrando los colores blanco y negro desde la ventana Swatches hacia la ventana Gradient, ésto lo hacemos para que el color negro quede en el centro y el blanco en la orilla. (tomar en cuenta siempre tener seleccionado el objeto a modificar y que los colores sean blanco C=0 M=0 Y=0 K=0, y negro C=0 M=0 Y=0 K=100)
Paso 3
Modificamos la posición de el degradado para tener un espacio negro mas amplio en el centro
Paso 4
Le aplicamos el efecto Color Halftone, el cual se abre en la ventana Effect>Pixelate>Color Halftone y dependiendo que tan grandes queramos nuestros puntos modificamos los valores de el campo Max. Radius.
Ésto nos dará un resultado parecido a éste:
Paso 5
Vamos a la ventana Object, y le damos Expand Appearance, lo que lo convertirá en una imagen, y luego lo convertiremos en path aplicando el Live Trace en la barra superior.
No debemos olvidar darle Expand, para que genere los paths.
Paso 6
Ahora desagrupamos todo, para poder eliminar los paths color blanco, para poder hacerlo de una forma mas sencilla, utilizamos la herramienta Magic Wand Tool de la barra de herramientas, con la cual seleccionaremos cualquier área donde se encuentre un path color blanco, y automáticamente seleccionará todos los paths color blanco, luego los eliminamos presionando la tecla Supr o Delete.
¡¡Y listo!! Ahora tenemos un diseño punteado en path, al cual podemos ampliar, cambiar de color, o incluso utilizarlo como máscara en algún diseño.
El efecto Color Halftone también se puede aplicar a imágenes en escala de grises para lograr algo parecido a esto:
Ya es cuestión de cada quien y como utilice su creatividad para hacer diseños no solo muy buenos, sino que están de forma vectorial.
Me encanta el efecto que causa... y lo mejor es que todo va en path!!! el cual podemos modificar a nuestro gusto sin que la imagen se nos arruine. Gracias por el dato! Por:la maris
gracias! tengo otros tips en mente, a ver cuando los publico, y por que no algun tutorial. Por:el_chejin
es genial el tip el_chejin, muy util para crear graficos con texturas retro. Por:Mariux
Me sonó a pop art, esta genial. Gracias! Por:Kinduff
kilroy te lo agradece Por:MaBoRaK
excelente!! muy bueno ke sigan poniendo de estos tutoriales, he notado ke han dejado un poco atras el illustrator
Gracias!! Por:camiloesc_blog
ok, yo me encargaré de hacer muchos tips (voy a hacer un poco de espacio en la agenda), y si se puede hasta tutorial de illustrator, ¡¡¡que viva el mundo del path!!! Por:el_chejin
Me encanta este efecto desde que maneje este tutorial ahora utilizo este efecto aplicándolo a muchos diseños gracias Por:JOSE GUILLERMO RAMIREZ_bl
Graaaaaaaaaaaaaaacias!!!! eso era lo que yo taba buscando!! Por:javier vicente_blog
esta super buena honda_ gracias me quitaron un apuro Por:dany_yo_blog
me parecio muy bueno pero una duda yo tengo el illustrator cs3 y se me deasaparecio la barra de herramientas donde dice ai y abaja esta el puntero negro y el puntero blanco y estan otras funciones como puedo sacar esa barra de herramientas gracias
selecciono el circulo con el degradado pero igual no puedo utilizar color halftone, que onda ??.
gracias de antemano Por:kako-blog
wwe carlito _blog :
me parecio muy bueno pero una duda yo tengo el illustrator cs3 y se me deasaparecio la barra de herramientas donde dice ai y abaja esta el puntero negro y el puntero blanco y estan otras funciones como puedo sacar esa barra de herramientas gracias
para recuperarla debes ir a window, y seleccionar tools, y te aparecera de nuevo Por:el_chejin
kako-blog :
selecciono el circulo con el degradado pero igual no puedo utilizar color halftone, que onda ??. gracias de antemano
probablemente estas seleccionando el color halftone, pero desde Filter, y debes hacerlo desde Effect Por:el_chejin
Excelente tutorial. Tengo CS2. Donde busco el Live Trace? Gracias Por:Felipe-blog
uh, ahi si te quedo mal, en realidad comencé a utilizar illustrator desde CS3 (o sea el año pasado) , antes solo usaba freehand, pero donde he encontrado siempre muchas respuestas es en la ayuda con f1. Por:el_chejin
No te preocupes chejin. Ya lo encontre buscando en google. Como tengo la CS2 en español, lo encuentras en Objeto/Calco interactivo.
Voy a proseguir con el tutorial, si tengo otra duda te la hago llegar. Gracias por la pronta respuesta Por:Felipe-blog
alguien podria ayudarme? segui el tutorial tal cual pero cuando aplico el pixelate el circulo toma el efecto pero con varios colores y no en blanco y negro. si alguien sabe que podria pasar escribanlo aqui o a mi mail silvermist08@hotmail.com. gracias a todos Por:claudia-blog
El problema pueden ser varias cosas:
1. probablemente estés trabajando en RGB, y debes trabajar en CMYK
2. si ya estás trabajando en CMYK, los colores a utilizar son Blanco y Negro donde Blanco es un C=0 M=0 Y=0 K=0, y Negro es C=0 M=0 Y=0 K=100
3. si estás utilizando una fotografía, debe ser un TIFF en GRAYSCALE, si utilizas RGB o CMYK, el programa hará una mezcla de todos los colores para formar el color negro.
Entonces el filtro si te diste cuenta lo que hace es crear los puntos de impresión aumentados, como si tomaras un periódico y lo vieras con una lupa, verías muchos puntitos de colores Cyan Magenta Amarillo y Negro, si tu color tiene mezclado alguno de los colores, el filtro va a sacar ese color, por lo que eliminamos todos los colores y dejamos solamente el negro, claro que si en vez de negro utilizas un Magenta 100% tambien te va a salir el efecto solo que en Magenta, lo importante es que sea un colorproceso puro sin mezcla con otro. Por:el_chejin
gracias!!!!! eso era Por:claudia-blog
hola! existe otra forma de convertirlo en paths? yo no tengo la opcion de "live trace" soy pobre y uso illustrator cs jeje. algun consejo? Por:dan-blog
si, el paso 5 del tip es exactamente eso, usar livetrace para convertir a path. Por:el_chejin
esto es muy valido para la serigrafia no? para meter distintos tonos de color... Por:mario-blog
pues si podría funcionar, pero no creo que sea buena idea hacerlo todo con puntos, sería mejor hacer diseños vectoriales, y utilizarlos diseños puneados como fondo o algo asi, claro que la serigrafía tambien imprime así si utilizas medios tonos, pero eso es por que el punto de impresión serigráfica es muy grande por el hecho de que la tinta que va a ser impresa va a ser absorbida por la tela, entonces como hay una ganancia de punto se imprimen puntos separados por que al ser absorbidos se van a expandir y a hacerse mas grandes pero estos puntos los hace la separación de color de la impresora de negativos. Por:el_chejin
estoi si es un tutorial jaja no como otros tenks por los pasos me gusto aunke depues boi a sbae smas porke boi a estudiar diseño grafico jajaja Por:ruben-blog
hey me sacaron de la ignorancia con esto..gracias de verdad Por:Francesco Dito / Ecuador-
Por las dudas... Los colores suelen aparecer también cuando el circulo inicial q hacemos tiene un borde. Se soluciona simplemente borrandolo. Por:Kako-blog
exacto, lo que hay que entender es que el filtro hará la separacion de colores como lo haría una impresion en CMYK, entonces todo debe ser de un mismo color pero en CMYK, o sea todo Cyan o todo Magenta, pero si incluimos algún otro color el filtro va a realizar la separación de color y mostrará los puntos de la mezcla CMYK que formarían el color que le pusimos. Por:el_chejin
Hey hombre excelente tuto me gusto mucho la verdad el efecto de los puntos no me la sabia gracias por esta enorme ayuda Por:Metrix-blog
Esta poderoso sencillo,practico y atractivo, FELICIDADES Por:Adan-blog
thanx!! Por:el_chejin
Muchas gracias me es de gran utilidad. Muy facil de entender el tutorial. 10 puntines Por:Javier-blog
TA BACAN ME SALIO PERFERCTO GRACIAS ME AYODO MUCHO TENIA EXAMN DE ESO Por:FENNY -blog
Chuzo compadre muchas gracia!!!! Por:Emanuel-blog
chimba este tuto....... me tramo resto voy a hacer unos libros de guerra y pues en las ilustraciones pense en agregar este tipo de efektos
gracias parce todo bien Por:konrak-blog
estupendo tutoral!muchas gracias Por:macaria-blog
gracias carnal, si me sirvio de mucho Por:3hd-blog
gracias flashreloco, veo que has estado leyendo tips de illustrator, tambien comentaste en el de nubes caricaturizadas. dentro de poco voy a publicar nuevos tips, pero he estado bastante atareado para elaborarlos. Por:el_chejin
el_chejin :
gracias flashreloco, veo que has estado leyendo tips de illustrator, tambien comentaste en el de nubes caricaturizadas. dentro de poco voy a publicar nuevos tips, pero he estado bastante atareado para elaborarlos.
ASi es chejin, acabo de instalar Illustrator y estoy empezando a conocer las herramientas, mucho tiempo trabaje con Corel y ahora vengo probando las ventajas de esta nueva herramienta.
Espero y tengas tiempo pronto, la verdad se me hacen muy intersantes tus tips y los de los demas, aparte son muy faciles de seguir.
ok con mucho gusto, si no te responden en el foro mandame MP. la verdad es que soy Illustratormaniaco, antes trabajaba en Freeehand, y luego me mude al illustrator, pero vivo en un mundo hecho de paths. jaja. es mas mi avatar está hecho en illustrator totalmente. chequeate esto un personaje que hice en illustrator. Por:el_chejin
muchas gracias Por:MIKEY-blog
excelente no sabia como aplicarlo
Buen Post.. Por:finsther@gmail.com-blog
Muy bonito, me encanto pero a mi no me quedo asi.. aaaaah
algo hice mal.... !!! tienes mas tutos?
mi correo es karla_p_m_r@hotmail.com
Me gustaria saber mas de Illustrator, solo se manejar Photoshop Por:Katy-blog
pues tengo en la mente pero no los he realizado he estado desconectado del mundo como por 2 meses. pero dime que no te salió y te explico. Por:el_chejin
graciasssssss esta super chidooo!!!1 Por:davely-blog
muy bueno gracias Por:lukas-blog
Creia que era más dificil. Gracias muy bueno Por:rgb-blog
excelente. hombre ese efecto lo estuve buscando por algun timepo atras sin resultado de veras muchas gracias Por:felipe-blog
hola! soy novata por aca.. pero estuvo muy facil.. muy bueno! :)thanks Por:mema-blog
, antes solo usaba freehand, pero donde he encontrado siempre muchas respuestas es en la ayuda con f1. 
