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 ;)

Pixel texture with Illustrator

Comments and suggestions in here
pixelxture02 On today’s tip, our theme of study will be how to create pixel textures inside Adobe Illustrator in just a matter of seconds. This is useful when you want to generate textured fillings without having to switch between different graphic programs such as Photoshop or Gimp because the pixel textures can be stored directly inside the swatches window to be implemented later on your designs. This tip is specially helpful for those who are looking to develop pixel designs in Illustrator.

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”.

pixelxture00

Having your canvas ready, choose the rectangle tool and place a filled one over the canvas, it’s important that the shape has no stroke.

pixelxture01

And this is how your object must be looking at this moment, now the next step.

pixelxture06

With the basic rectangle completed, we can proceed by making another one inside of it.

pixelxture05

And fill it with a gradient, that way the object will become a real texture and not just a solid color.

pixelxture07

There you have it, now select your texture and drag it into the swatches window.

pixelxture03

If you want to test how your new pixel texture works, trace a large object and fill it with the texture.

pixelxture04

There you have it, now you know how to make great pixel textures in Adobe Illustrator, this was just a simple example, imagine the amazing things that you can accomplish with a little bit of patience and imagination, see you tomorrow to find out more great tips, bye.


More freebies:

Web fonts vs Commercial fonts + 150 great web typefaces
Floating social toolbar with jQuery and CSS
Freebie: Popular applications’ icon set
Best free bundle of the year: 99 free PSD templates (seriously free)
Amazing font: 150 free css icons ready for BootStrap
Drag and drop Jquery File Upload plugin

One Response to “Pixel texture with Illustrator”

  1. Good tip !!!

Leave a Reply

*

Comments

CommentLuv badge

Featuring Recent Posts WordPress Widget development by YD