Illustrator Tutorial - Vector Halftone Effect (no plugins, no Photoshop)

[@hakonsoreide]

Nice and simple tutorial. And no need to worry about your English; it's perfectly fine and you communicate what the viewer needs to know far better than I've seen in many tutorials made by people who has it as their first language. Well done.

[@estelle_3693]

woah... such a good tutorial!! im a total debutant on Ai and the fact that you always explained how to show some settings and explained everything really in-depth truly helped me and saved me so much time and nerves!!! thank you

[@Vodkainjected]

Dude your english is amazing I'd have thought you were British! Top tutorial

[@brianloughlin6359]

I struggled every time I used the halftone effect, and this tutorial cleared all my doubts. Great work !

[@jennas2447]

Awesome Tutorial! As I was putzing around with this in Illustrator, I realized you can adjust the gradient of the original shape AFTER you've applied the halftone effect, this adjusts the sizes and spaces of the dots! Seemed easier than adjusting the 'max radius' of the halftone effect in order to get a tighter or looser effect.

[@sgadhoc]

many many thanks. i've been floundering with halftones and vectors for a while. you gave me two lessons for one watch. very kind of you. ps. your english is excellent.

[@TheseusTitan]

Your spoke very clearly and with perfect English! At first when there were four colors, it reminded me of a moiré effect. I like the way you were able to change it to black. Thanx for speaking in English, it helped!

[@samwood18]

THIS was the most helpful video on halftones I have found. The information has helped me SO much. THANK YOU! :D

[@Sodylin]

My left ear enjoyed this.

[@TheJnoub]

Sodylin lol

[@Montalvan13]

+Marwa Kalloub Haha Me too Marwa!! :)

[@yamamotoyuki4ever]

+Sodylin I thought it was my headset XD

[@Miguel2013]

get a job

[@Miguel2013]

buy a new one!

[@zonneoordlaan]

Starting with one circular dot and work with the blend-tool ist doesn't take longer and de dots are perfect circles! Your English is very good!

[@mdmosaddak6]

Finally, I found someone who posted a normal working crack!

[@larisahart4418]

A "halftone" is actually old technology from commercial printing. Printing presses couldn't print continuous shades of color. All photos had to be converted to a halftone screen pattern - tiny little dots of color that give the illusion of gradients in color.

[@TheLimeCurd]

HELP!! When I apply the Color Halftone effect, the result is not the same as the video. The gradation is expressed with Black-Grey colors in identical size of dots, instead of the SIZE of the dots as shown in the video. Does anyone know how to change this? Using Illustrator 2020 version.

[@stefanvallance]

6 months too late I'm sure, but rasterize the artwork first and then use the feature. (:

[@jpfaraco]

Thanks ! I'm working on a full series of videos to put up on Udemy as a comprehensive course, and will definitely keep making more of these specific tutorials, in english.

[@Temersson]

Really, really good! You explain everything, which to me makes a great tutorial. Not just specifying steps, but actually telling "whys" as well. Great job! Thank you, Sir, for your time and effort!

[@debbielaw6888]

Hi, I was wondering what happened at 13:43, how to make the top dots turn into black box and the bottom white box also turn into dots. Thanks!

[@alastairfloyd4170]

Thank you for this, very helpful. It just amazes me how incredibly rude some people are, just horrible.

[@jpfaraco]

The rectangle was already black, but it was behind the blend effect's other (white) rectangle .. I just selected it with the direct selection tool (shortcut A) and moved it forward with Cmd + Shift + ].

[@512banana1]

really nice of you to come up with this!

[@naqimazlan8997]

Thanks, very comprehensive. Doesn't sound like you're new to doing tuts in English at all.

[@MeTryingToThink]

Hi, I am no expert in Ilustrator but know a little of P.shop....When in Tracing under adjustments, you have a threshold setting, lowering this a small amount may well have eliminated the small cirlce dents, quite possibly the line will be fine tuned around the alaisiated edges giving a more circular finish???

[@pimwaleerompet1835]

I was looking for this solution in 2020 and your video is very helpful. Thank you!!!!

[@EricJemAndes]

Great tutorial! Thanks for sharing it with us. You did a good job for your first one in english. I know how confusing it gets trying to remember or figure out words when you don't readily use them. Once again, thanks!

[@aychpea]

Hi, for some reason when trying this (starting with a black circle) I'm getting only black dots and not the CYMK range that shows when you zoom in to the circle after applaying filter. ANy idea why this might be? Thanks.

[@Seemsayin]

Despite the fact that this is an excellent tutorial, the uploader said, "Uh" at least 45 times in less than the first 6 minutes of the video. Some graphic artists need counseling. Thank you, Mr. Faraco, for taking the time to create this video.

[@spiers1018]

Man thank you your a great teACHER, curious I noticed you used the sequencer for drums, but can't I just play those softs via the

[@silviachuxy3245]

I'm sorry: how did you manage to have bigger dots in the black part and smaller dots at the edges? I have all dots of the same radius... Thank You!

[@SandBoy408]

Tracing options is different in cs6...how can i do to improve pixel shape as you?

[@Scrubasteveable]

An oldie, but a goodie! Thanks again for the help!

[@hoanghainam2804]

I want to put a drum in a certain ti but it automatically goes to the grid. in your video does not happen

[@aaronvillanueva2239]

Very professional, and easy to follow. You're spot on, thank you!

[@MrTchupam]

this only works with circles? i want to do it in strokes and use it as bacrgorund for example like comics but i cant do it.. :/

[@kilyenbalazs6398]

I set up the angles all to the same 45 and now the dots are in the same place, but i am using a Yellow to white gradient, and there are black dots in the middle. Any idea how to make them dissapear?

[@rehanmamti6591]

Your actually the goat, This helped so much thank you.

[@aychpea]

Sorry, I should say I was starting with a black circle with radial gradiet applied, but still only get black only dots. Should I start with a gradiented black dot which is not pure black? Also I've been trying to apply it to letter forms (converted to outlines with gradient applied) but not getting much results. Any tips greatly appreciated. Thanks a bunch!

Your english is just fine! I wish I had an accent as good as yours!

[@Jeanboise1]

Great stuff Joao, This is exactly what I have been looking for to complete a project. Keep the tutorials coming son.

[@sugar1ss]

what button do you hit (PC) to make the black circles disappear into strokes (15:29)?

[@inkaphile]

how do u you make a pattern fade like halftone instead of dots

[@carlaevv]

Unfortunately this is now out dated for Illustrator CC. The options are not there for the final converting.

[@scoop-n7o]

Your English is impeccable

[@MsRubyRayne]

Still revisiting this as a reminder in 2018. Thank you! :)

[@Edyorke]

Increase the threshold as well and the finer dots will be more circular

[@Miguel2013]

friend. what did you say at 1:48-1:51? color neons or time newons??

[@jpfaraco]

ElPeruano2013 "color nuance, or tone nuance"

[@shajipanthayil3544]

what button do you hit to bring back the black part of the square one ( the last part of the tutorial

[@nadyatensina3388]

how do you changing colors inside this image?

[@Skore13]

Great tutorial with a good level of detail and explanation. Thank you for this!

[@saul4691]

no apology needed you did a great job on this tutorial regards.

[@spicysalmonrollpunk]

this was 10000% helpful. thank you so much p.s. - your english is fine.

[@Tolerantbuddy]

Thanks !! Great lesson. One question how can i give three different colors on the first image the circle i mean

[@bibichiffonade7241]

Thank you for sharing your insight. That was great tutorial, very clear and easy to follow. I'm thrilled to use this effect!

[@SkinkWorks]

Not being a whiz at math, I was wondering if there was a simple way to calculate how to make the "radius" translate into DPI since the vector is not size specific i.e. how do i get to where the printed resolution is between 47, and 65 lines per inch?

[@medceltic]

thanks man.. how do u make face,,, in lines halftones, mot dotes....

[@perikitotovar]

A very useful lesson for all aspiring softians

[@Solveiga555]

FANTASTIC TUT, YOU HAVE A GREAT ABILITY IN TEACHING, PLEASE DO MORE TUT's IN ENGLISH :)

[@ZeidGho]

when you lined the CMYK dots, it became all black, but at the same time you lost the circle shape, it's a bit edgy, a solution that I found for that, is keeping the angles default, but using only K and dropping CMY.. So is that a good thing to do? GREAT tutorial, helped me A LOT with my project, thanx

[@podfreak]

were you doing it in CMYK mode or RGB? It will not work in RGB.

[@jorgelovesgardening]

Thanks for the tutorial. More English videos are welcomed! Thank you!

[@MohamedKhaledChannel]

i try it with illus cs6 ...and i get a perfect sercels

[@DevaWolfram]

same with me, I have Mack book pro, get only black dots

[@kbliss103]

You did very well in English ... THANK YOU! Love this tutorial!

[@bluemammal]

is there a way to do this with lines?

[@sumerm9]

some how i dont get a split in colours of cymk... i just get black dots. @4:16

[@RomboutVersluijs]

I guess its better to offset the gradient stop a bit of the edges. Now the circle, if you need a circular shape, has flat edges. Of setting that gradient stop will make a more perfect round circle

[@RomboutVersluijs]

Tooks me some guessing with the new panel. But looks super nice now

[@ottothom]

This was a very helpful tutorial, your explanations taught me a lot.

[@drmtco]

thank you! I have illustrator CC at work and got lost for a bit but found my way!

[@AAAAAAAAAAAAANDREW]

Thank you so much!)) And hope the next videos will be with stereo :)

[@01Pereirinha]

does this works for mac?

[@cameronmcgillivray8408]

How do I change the colour of it? Is there a way?

[@TMPreRaff]

Yes, once it's a vector, you just select it all and apply a fill color.

[@mathewlynch5898]

good stuff, your English is fantastic for a second language

[@aychpea]

the settings are set to default so they are all at different angles. strange.

[@csudazoltan]

Hi Joao, I am experimenting with this tool, I used the tool Rasterbator to do it before, but it recently shut down. My goal is to have only black dot with no intersections. It is important because it is going to be a facade perforation on a building and if those dots are too big, they become a big hole - and I need to avoid that. Is there a way to control it, so the dots dont interfere with each other? thx, Z

[@PhilippeTrottier]

Maybe you can write yourself one in matlab :) and add the dot spacing and dot max size parameter in the filter.

[@PhilippeTrottier]

Or lower the black to mid grey ...

[@passwordgone]

muito legal! obrigada, joão! (and your english is much, much, better than my portuguese!)

[@randomoasis3245]

LOVE this. thank you so much!! (And your English was perfect.)

[@JoelSincasas]

You do great work bro. Keep it up bro.❤❤

[@jenndacosta6666]

Thank you! That was very helpful and your English is excellent!

[@lilythuytienle]

Your should do more english tutorials! YOu speak perfectly, thanks for sharing your knowledge!

[@beno0055]

Great video! Quick question, at 13:45 what did you do to make the rectangle solid black?

[@sageone909]

the tracing options is a lot different in cs6..

[@d.wpakto2095]

muy buen tutorial, espero saber de mas de tus tutoriales y pasarla genial.

[@milosgrujic915]

Hey thanks for the awesome tutorial! I was wondering though if it is possible to make the half tone effect to make the dots that are on the edge of the object whole. For example, in the blend object that you did in the end the dots nearest to the edge of the object are cut in half because the object finishes there and presumably to avoid a "blurring" effect, is there any way to avoid this? Again thanks for the awesome tutorial!

[@jamesraward]

2 options, 1) do that manually or 2) there is a tutorial that you could apply to this to achieve what you want here: vektorgarten.de/align-and-distribute-pathfinder.html (not my tutorial, but I used this and the video above to achieve what I wanted)

[@sandracristinahenriquescar6306]

Wow! it's Amazing I did it well ! Perfect work !

[@TheFjoff]

You and MysteryGuitarMan! How can you portuguese people be so good at English!? Great Tutorial. ;)

[@kirstenb91]

Very good tutorial and your English is perfect!

[@koagzero]

This video made my week. Thanks so much.

[@andrewmcnamee2446]

Cough... wow an amazingly accurate insight into printing

[@tharindutharaka7825]

bro where chalk up u been, it is so cool

[@Mteleha]

VERY helpful..glad to hear some explanation of the instructions. Thanks!

[@mcfahr3655]

Worked thank you alot! you're the best bro liked

[@armanm.7366]

very detailed tutorial man! good job and thank you!

[@nigelch]

Thank you for a very good tutorial, well presented.

[@medceltic]

Did not work for me,, for haftones

[@adriennem2950]

Very helpful, and if your English is this good, I can only imagine your Portuguese!

[@faiththomas3961]

Fantastic tutorial!! Your English is perfect. Thanks!!

[@eurossocial]

You have excellent English Pronounciation!! Awesome Tutorial! Thank you very much for your video. I have also subscribed to your channel :-)

[@kygislafikcae3992]

utilised and enjoyed wNice tutoriallst increasing in value.

[@jpfaraco]

I learnt english in Australia, and then lived in England for a couple of years, so .. :D

[@scoop-n7o]

I thought I detected a hint of an Aussie accent. Well done. Your English is impeccable

[@Leviafilm]

Doesn’t work :(

[@dougieladd]

Yes very professional and informative. Good... Very Good.

[@rachelletroffer6610]

Great tutorial! Thanks for the details!