Semitono o efecto punteado en Illustrator
En este sencillo y rápido tutorial, vamos a crear un efecto de degradado de puntos en formato vectorial, que nos pueden ser muy útiles aplicados a algunos diseños.
1.- Primero creamos la forma que queremos convertir. En este tutorial, y pa ganar tiempo, voy a explicar las 3 formas más comunes: Redondas (degradado radial) Cuadradas (degradado lineal) y Lineas (degradado con base irregular). En la creación del círculo y el rectángulo no hay problemas (recordad que manteniendo apretada la tecla shift [mayúsculas] se crea un círculo o cuadrado perfecto); en cuanto a la línea, pues con la herramienta pluma, creamos la línea que queramos. IMPORTANTE: en los 3 casos, aseguraos que el relleno está en negro y el trazo en invisible.
2.- Ahora, lo que vamos a hacer es cambiar el relleno del negro, por un degradado de negro a blanco. Recordad, el rectángulo y la línea en degradados lineales, y el círculo, en degradado radial. Para ello, seleccionamos nuestro objeto y en la paleta “Muestras” seleccionamos un relleno degradado en vez de uno sólido. IMPORTANTE: En el caso del círculo, el truco está en que el centro sea negro y los exteriores blancos. Para ello, si es que os lo ha creado al revés, doble clic en uno de los colores de la paleta “Degradado” para editarlo y cambiarlo (y lo mismo para el color contrario, claro)
TRUCO: Como veis en la imagen, para que luego resalte un poco más nuestro efecto, arrastramos el color negro en la paleta “Degradado” hacia el blanco, para que ocupe más espacio. En el efecto final, se verá más contraste y queda mejor.
3.- Bien, ahora con nuestro objeto seleccionado, vamos al menu superior del programa y clicamos en “Efecto >Pixelizar > Semitono de color“.
En la ventana que se nos abrirá, le damos un valor de 20 al radio máximo, para que se nos vea bien el efecto.
Y nos quedará algo como esto:
4.- El efecto está hecho, pero ahora lo que ocurre es que nos lo ha convertido en “imagen”. El siguiente paso sería el convertir nuestro objeto a vectorial. Allá vamos. Seleccionamos nuestro objeto y nos vamos al menú del programa “Objeto > Expandir apariencia“.
Veremos que la barra superior nos ha cambiado, pues ahora dadle al botón “Calco Interactivo“…
…y luego al botón “Expandir“.
5.- Último detalle; ahora tenemos 2 tipos de vectores en nuestro objeto, los puntos blancos y los puntos negros.
Fácil, para suprimir los puntos (o espacios) blancos, hacemos zoom en el objeto, y con la herramienta “Varita Mágica” seleccionamos un espacio en blanco entre tanto punto negro. Clic en la tecla “Supr” o “Del” y listo.
Ahora prueba de poner el objeto encima de una foto cualquiera, y verás el efecto
BONUS: Como bien dice Udo en los comentarios, para saber como hacer este mismo efecto pero con los círculos perfectos, en este (“Semitono con círculos perfectos en Illustrator“) post lo explico ![]()





























This post has 23 comments
Julio 8th, 2008
uso illustrator cs para pc, no encuentro “calco interactivo” no tengo ninguna barra arriba y tampoco lo encuentro dentro del menú, quería saber si me pueden guiar para encontrarlo.
Muchas gracias, desde Argentina
Victoria
Abril 27th, 2010
viejo el cs4 lo trae si tiene cs3 de pronto no lo tenga
tambien hay un programa que se llama color halftone biene en demo hay que comprarlo y la empresa se llama vanderlee y el presio es en dolares 29.09 en pesos colombianos son 58900 suerte la procima vez viejo cuidese mucho
Julio 9th, 2008
Si no recuerdo mal, en el CS el “calco interactivo” se llama “Live Trace”. Mira si te aparece así.
Agosto 1st, 2008
excelent
Agosto 1st, 2008
Thanks Jean
Octubre 17th, 2008
Mil gracias!!!! X fin conseguí sacarlo!
Octubre 17th, 2008
Me alegro que te haya sido te utilidad. Gracias a tí por postear, Daphne !!
Noviembre 7th, 2008
Mira muchas gracias busco este efecto pero no se si pueda hacer de la misma manera en corel draw por qeu me gusta ese efecto y no lo configo hacer muchas gracias y te quedo excelente tu trabajo
Diciembre 1st, 2008
muchas gracias por el tuto , busque en varias paginas y al fin encontre la manera , pero una pregunta ,al final del tuto las formas redondeadas que quedan al final ¿como hago para que queden como circulos perfectos ? … se puede?
Marzo 1st, 2010
Pásate por este post, Udon. Ahí explico una manera. (“Semitono con círculos perfectos en Illustrator“)
Diciembre 1st, 2008
Hola Udo, en este caso podrías jugar un poco con los valores al emplear el tono, pero tampoco conseguirías la redonda perfecta. Podrías probar de juntar este tutorial con el de tonos de fax (http://www.capsule2.net/blog/2008/10/28/halftone-dots-o-efecto-fax/), igual podrías conseguir algo más cercano a ello. O igual con un pattern a lo estilo pop (http://www.capsule2.net/blog/2008/10/04/fondo-efecto-pop/)
Diciembre 1st, 2008
Gracias mARIO, hace años que ya no toco el CorelDraw, aunque, al ser el primer programa “profesional” que utilizé, le tengo mucho aprecio. Puedo, sin embargo, comprometerme a intentar conseguir al menos un trial del Corel, estudiar como se podría hacer y decirte algo.
y perdona el retarso en mi respuesta (fallo mío, pensé que te respondí, y no… al final no lo hice)
Gracias por comentar !!!
Enero 21st, 2009
MUCHAS GRACIAS ALEIX!!! No tienes idea de lo mucho que he estado buscando este tipo de efecto. Tu explicación es muy clara y simple de entender. Te lo agradezco.
Enero 21st, 2009
Gracias a ti, Ricardo, por comentar. Me alegro de verdad que te haya sido de utilidad.
Octubre 12th, 2009
Hola, ¿esta misma tecnica se puede aplicar a imagenes como fotografias, directamente no sobrepuesto, o como para hacer degradados de grises?espero entiendas lo que pregunto
Octubre 14th, 2009
no se si sera esto lo que preguntas, una ves que terminaste de hacer el semitono, desagrupalo (en mi caso 2 veces) seleccionas todo nuevamente y vas al panel buscatrazos y elegis la primera opcion (añadir area de forma)y clic en expandir y con eso podes agregarle todos los degradados que quieras y lo tomara como un conjunto y no circulo a circulo
Saludos =)
Octubre 12th, 2009
Hola Victor. Nop, no acabo de entenderte del todo. Mirate este post (http://www.capsule2.net/blog/2008/10/28/halftone-dots-o-efecto-fax/) que creo que igual es lo que buscas para aplicarlo a una fotografía…
Octubre 14th, 2009
Excelente y en español mejor aun!!!!!
Saludos =)
Noviembre 18th, 2009
Muy bueno, gracias, me fue de mucha utilidad!!!!
Noviembre 21st, 2009
muchas gracias me vino de maravilla este tuto no lo hallaba por ninguna parte y necesitaba hacer un positivo jejeje
Enero 15th, 2010
para mac no esta el efecto pixelizar
(
Enero 15th, 2010
Rul: Seguro?, el tutorial está hecho bajo mac … O_o
Mayo 29th, 2010
hola puNtos con photoshop no se puede?