You accept to be included in our newsletter (We only send amazing freebies like this, no ads or crap, promise! )

Tweet about us and say thanks in comments ;)

Amazing freebies every week in your e-mail, don't miss the next ones with our newsletter, Sign up now.

Tweet about us and say thanks in comments ;)

Quick Tip: Snap to pixels on Adobe Illustrator

Comments and suggestions in here
Snaptopxl00 From now on, we will be posting new design tips every week that will help you improve your skills and get more confident with your designs. On today’s tip, we’re going to show you how to use the snap to pixels property in Adobe Illustrator.
Snap to pixels is that it lets you work with crispy objects, which means that they don’t have blurred shadows or pixels around them.

First you need to create a new document and check the box that says “Align New Objects to Pixel Grid”, that will activate the snap to pixels quality.

Snaptopxl01

Then we you start drawing, go to View and select Pixel Preview, if you zoom in you will actually be able to notice the pixel grid.

Snaptopxl02

You can activate or deactivate the snap to pixels property whenever you want, you just need to uncheck / check the Align to Pixel Grid option within the transform window.

Snaptopxl03

The previous screenshot shows you how an object looks when it does not have the snap to pixels property activated, that is only realizable at closer look, we are looking at 3200 % on that picture.

Snaptopxl04

And this is how our object looks with snap to pixels activated, a perfect limited shape that goes well aligned with the pixel grid.

Snaptopxl05

That’s it, we hope you can find this tip helpful, now you can work with pixel art objects directly on Illustrator and create sharpen objects that work perfectly on digital devices, it’s important to state that this property does not affect illustrations that are destined for printing, please come back to find our next daily tip, enjoy the rest of your day.


More freebies:

Free credit card icons and payment icons
OSX Leopard GUI set, Vector Photoshop and Fireworks files included, great Freebie
204 Google Plus interface icons
The Shock Newsletter: awesome Freebies and Resources
Best free bundle of the year: 99 free PSD templates (seriously free)
Pure css3 buttons with hover effect

6 Responses to “Quick Tip: Snap to pixels on Adobe Illustrator”

  1. Great tip !!!

  2. [...] First of all, open up your Adobe Illustrator and make a new file, it’s important to make it small (we opted for a 5 px X 5 px canvas) and also leave it on RGB color mode and 72 dpi. Because we will be working with pixels, you must check the option “Align new objects to pixel grid”. [...]

  3. Icon Design says:

    [...] Snap to pixels on Adobe Illustrator [...]

  4. Quick Tip: Snap to pixels on Adobe Illustrator http://t.co/NaTSiOcW via @webdesignshock

Leave a Reply

*

Comments

CommentLuv badge

Featuring Recent Posts WordPress Widget development by YD