In a previous tut I covered creating vector textures; but a common concern is that vector textures create extremely large files. In this tutorial I will outline the process of creating and using bitmap textures. This will help you cut the file sizes down without compromising your image.
I thought that with the extremely large, and ever expanding waistlines of this country (USA), we all need to think about cutting down a bit; what better way than to use some healthy fruit & veggies to showcase the process. You have your basic, simple vector drawings of a pear, potato, and peach. They are nice, but could be nicer. Incorporating some textures will really help to give this illustration some visual interest.
Texture Time. Step away (from the computer) and play. We'll need a variety of textures; so don't be scared to try a few different things. Look for a range of textures from super bold, with a lot of contrast to subtle.
To make my textures, I'm using a small paint roller on different types of paper. Paper towel and crumbled paper are great to use.
Scan the textures. Keep in mind which texture will coincide with each fruit or vegetable. The lightest, most subtle texture, will be used for the pear.
The medium texture is not too light and has a bit of contrast. Since peaches often are a splotchy combination of yellow and red this should work quite nicely.
The potato calls for a rough, bold texture.
For the sake of variety here are a few extra textures, just in-case we need them.
Convert the image to black & white pixel. The way I prefer to do this is to use the Threshold option in Photoshop. Go to Image > Adjustments > Threshold.
Use the Threshold slider to get the desired contrast. Click OK.
Clean up the edges of the texture image using the pencil tool set to white (I'm using pink for display purposes). Its not absolutely necessary but I prefer to keep things tidy.
Convert the color mode to Grayscale.
Next, go to Image > Mode > Bitmap
Depending on the resolution for the final artwork, decide the pixel per inch output.
Save as a .tiff. I like to label the file 'Bitmap', to keep things organized.
Do this to each texture. The 'extras' file needs to be split into separate .tiff files. Crop and save each 'section' as a separate .tiff file. Here is what I have, the 3 specific .tiff files and 3 additional 'extras' ready to go into Illustrator.
Next, open the original Illustrator file and go to File > Place and select the bitmap texture .tiff's.
From here it's easy, simply select the .tiff and choose a color from the swatch palette.
Using a simple clipping mask, integrate the textures into the illustration.
The beauty of tiffs, besides the file size being a fraction of what it would be if the textures were vector, is that you can work with .tiff exactly the same way you would if they were vector. Simply choose a swatch to change the color.
Just to make your illustration extra special, you could use additional textures to bring the entire illustration to life. I've used small textures as shadows on the ground and clouds in the sky.
I realize this is a Photoshop heavy 'Vector' tut, but with the main use of the tiff textures in Ai, it shows how to get the most out of Illustrators capability to use both raster images and vector shapes. While this is a simple process, it really helps to keep the file size down, and it looks delicious.
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post