Abr 22, 2008
157 Views
0 0

Semitono o efecto punteado en Illustrator

Written by

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 😉

Article Tags:
· ·
Article Categories:
Illustrator · Tutoriales

Comments to Semitono o efecto punteado en Illustrator

  • buenisimo. felicidades

    matias 10 mayo, 2019 21:24 Responder
  • Gracias por la explicación! me sirvió muchísimo 🙂

    Vivi 16 noviembre, 2017 23:27 Responder
  • EXCELENTE TUTO MI AMIGO, GRACIAS ME VA A SERVIR DE MUCHO

    CHIRINCUIN 3 noviembre, 2017 19:31 Responder
  • hey bro que buen tutorial sobre este tema es el mas claro que he visto gracias oye full

    jhon fredi rodriguez carabali 13 abril, 2016 18:21 Responder
  • Me siguen saliendo círculos de colores
    Saludos

    juan Manuel 26 marzo, 2016 4:55 Responder
  • Muchas gracias, por tu publicación el efecto me salió muy bien y ahora ya sé algo más.

    Miguel Mendoza 9 septiembre, 2013 17:57 Responder
  • hola muy bueno pero me pasa algo me salen circulos de tres colores y todos amontonados no se a que se deba u_u

    Ricardo 23 agosto, 2013 7:59 Responder
    • Si! a mi también, de hecho me sale así
      http://prntscr.com/7sk5if

      Por fa me dicen por qué es? OWO y como puedo arreglarlo?

      Gracias

      Daniel 14 julio, 2015 15:12 Responder
      • A mi pasa lo mismo!! ¿alguien llegó a la solución?

        daiana 23 agosto, 2015 20:40 Responder
        • Hola! Eso pasa porque estan haciendo los pasos con un degradado de color, el proceso debe realizarse en Blanco y negro, y posteriomente al completar los pasos ya podran cambiarle color al semitono.

          Suerte!

          Shelle 3 septiembre, 2015 9:54 Responder
          • Buen apunte, Shelle 😉

            Aleix 12 septiembre, 2015 18:38
        • Buenas noches
          A mi me sigue saliendo igual
          Aunque lo ponga en blanco y negro
          Que hago?

          juan Manuel 26 marzo, 2016 4:53 Responder
        • Hola buenas noches
          Si encontraste la solución ?

          juan Manuel 26 marzo, 2016 4:57 Responder
      • Fácil antes de darle en Pixeliar-Semitonos, tienes que convertir la foto a escala de grises.
        PARA CONVERTIR A ESCALA DE GRISES: *Menú Edición – Editar Colores – Convertir a CMYK- Ajustar equilibrio de colores(esta dentro de editar colores) – Modo de color»Escala de grises» checkas(convertis y previsualizar) luego OK.
        y ahora si puedes pasar a darle semitonos 😉 espero le haya servido

        Rokevin 17 mayo, 2017 3:38 Responder
  • Justo lo que buscaba, solamente que cuando aplico el efecto los circulitos me lso salen de colores :/

    Liliana Aguirre 18 abril, 2013 18:24 Responder
  • hey viejo una pregunta :D! he visto tu tutorial muy interesante pero… osea cuando le doy expandir.. los circulos salen deformes no hay una manera q salgan perfectaS? asi como los vectores que hay para descargar de los half dot?

    benyi 13 abril, 2012 20:08 Responder
  • Estimado Alex
    Te agradezco enormemente este tutorial de Half Tone para Illustrator.
    Lo he practicado aplicado aplicándolo a fotos y es magnífico.
    Ignacio / Tegucigalpa

    Jose Guzman 9 enero, 2012 5:33 Responder
    • De la misma forma te agradezco tus palabras y comentario, José. Gracias 🙂

      admin 1 febrero, 2012 1:07 Responder
  • hola puNtos con photoshop no se puede?

    anonimo 29 mayo, 2010 20:21 Responder
  • Rul: Seguro?, el tutorial está hecho bajo mac … O_o

    Aleix 15 enero, 2010 20:28 Responder
  • para mac no esta el efecto pixelizar :((

    rul 15 enero, 2010 20:21 Responder
  • muchas gracias me vino de maravilla este tuto no lo hallaba por ninguna parte y necesitaba hacer un positivo jejeje

    seock 21 noviembre, 2009 17:36 Responder
  • Muy bueno, gracias, me fue de mucha utilidad!!!!

    Kinkysick 18 noviembre, 2009 4:09 Responder
  • Excelente y en español mejor aun!!!!!

    Saludos =)

    Vero 14 octubre, 2009 0:54 Responder
  • 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…

    Aleix 12 octubre, 2009 18:32 Responder
  • 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

    victor paz 12 octubre, 2009 18:20 Responder
    • 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 =)

      Vero 14 octubre, 2009 1:11 Responder
  • Gracias a ti, Ricardo, por comentar. Me alegro de verdad que te haya sido de utilidad. 😉

    Aleix 21 enero, 2009 22:00 Responder
  • 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.

    Ricardo 21 enero, 2009 21:53 Responder
  • 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.
    Gracias por comentar !!! 😉 y perdona el retarso en mi respuesta (fallo mío, pensé que te respondí­, y no… al final no lo hice)

    Aleix 1 diciembre, 2008 22:47 Responder
  • 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/)

    Aleix 1 diciembre, 2008 22:44 Responder
  • 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?

    udon 1 diciembre, 2008 21:06 Responder
  • 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

    mARIO 7 noviembre, 2008 15:54 Responder
  • Me alegro que te haya sido te utilidad. Gracias a tí­ por postear, Daphne !!

    Aleix 17 octubre, 2008 17:21 Responder
  • Mil gracias!!!! X fin conseguí sacarlo! 😉

    DaPhNe 17 octubre, 2008 9:55 Responder
  • Thanks Jean 🙂

    Aleix 1 agosto, 2008 10:05 Responder
  • excelent

    jean 1 agosto, 2008 4:25 Responder
  • Si no recuerdo mal, en el CS el «calco interactivo» se llama «Live Trace». Mira si te aparece así­.

    Aleix 9 julio, 2008 8:08 Responder
  • 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

    victoria 8 julio, 2008 19:34 Responder
    • 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

      juancho 27 abril, 2010 1:38 Responder

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

El tamaño máximo de subida de archivos: 20 MB. Puedes subir: imagen, audio, vídeo, documento, texto, otra. Los enlaces a YouTube, Facebook, Twitter y otros servicios insertados en el texto del comentario se incrustarán automáticamente. Suelta el archivo aquí

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.