Tip:
Highlight text to annotate it
X
Hi there.
I'm pretty sure that you ever found yourselves in situations like...
...having...
...blurry edges...
...in your designs...
...and, there's even an article about it on the web...
...it's written by Dustin Curtis and on this article he explains how this...
...happens, if you're curious, but also suggest to just...
...pixel-fit documents ourselves...
...and that's exactly what I'm gonna show you today.
Uh... to clarify, I already fixed...
...this word "Pixel..."
...and if you can't see the difference it may be because of the...
...screencast resolution...
...that's why I have two documents attached with...
...you know the...
...un-fitted...
...version and the fitted version.
So I have these...
...letters in a "shape" mode...
...I mean they're...
...paths, they are no longer...
...editable...
...letters and I did that...
...trick...
...with the "Create" option...
..."Create Outlines" option...
...which is right here.
And you may also notice that I see pixels on Illustrator, and that's because of...
...the "Pixel Preview" option...
...which is right here.
So now let's get started. I'm gonna select the "Direct selection" tool...
...which is right here.
And if you're not familiar with Illustrator...
...what this means is that I can select the anchor points...
...on every path...
...and...
...with this I'm gonna show you...
...uh, that this anchor point is in a very inprecise...
...position...
...creating these extra pixels and...
...the horrible effect.
We can either modify...
...this value...
...and you can see how the problem kinda goes...
...and you can also just select...
...this point...
...and move your...
...arrow keys back and forth...
...which I prefer...
...and you can select...
...uh, anchor points together so you can save time.
And you can see how really easy it is...
...but of course it takes a lot of time and...
...you really...
...need to be sure about your design before going with this.
Sometimes you won't be able to select multiple anchor points and do it...
...manually... that's okay.
You can also...
...create guides to...
...check if you're on the right way.
I'm gonna...
...go really fast...
...so you can see that...
...you can also do it fast.
Just remember that "fast" doesn't mean...
..."better" so if you really feel like...
...going slow so you can get a better design, a better and crisp...
...crispier...
...illustration...
...go for it.
I'm just trying to prove a point here.
What I also like about this, all this, is that you can...
...interact with your typography in this case...
...and really...
...modify...
...change stuff you don't really like.
Of course this also applies to...
...other kind of illustration that doesn't have any type.
But, you know what I mean.
I'm gonna try an experiment with... I'm gonna experiment with...
...this letter here...
...since I think it needs to be this...
...the same...
...height as the others;
which also creates more problems so I'm gonna...
...fix them.
(Sorry...)
Isn't this great?
And it was really easy and...
...we now have a crispy design.
I hope you enjoyed it and please share!