Advertise    Write for Us


Illustrator Tutorial - How to create numbers with random texture

posted by: Iaroslav Lazunov, in Illustrator Tutorials / Text Effect/ Comments: 4

As I mentioned in my Illustrator tutorials many times before, texture is a very important part of vector illustration. Apparently, texture can be created from any random objects. Today's tutorial confirms my claims. So let's get started!


Final image

This tutorial is made in the RGB color mode (File > Document Color Mode > RGB color).

Step 1

Let's check out the technique of random vector texture creation on the example of one number. But before we precede, let's create a background; that will help us to choose the colors correctly in future. Take the Rectangle Tool (M) and create a rectangle. I chose not very bright blue for the fill.

Take the Type Tool (T) and print a number "3”; then take another tool, the Selection Tool (V) for example.

Step 2

Keep the number selected and go to the Type > Create Outlines.

Fill the resulting object with vertical linear gradient which consists of two shades of blue.

The colors of this gradient will be most likely editable after the texture is created.

Step 3

Let's start the texture creation. I'm sure, that there are plenty suitable objects for texture creation in your vector files. I, for example, found a vector world map which I used couple of times in Infographics tutorials, here for example. It is advisable to have a complex form texture. Drag the texture into the current document and fill it with solid dark grey.

Step 4

Set the Color Dodge blending mode in the Transparency panel for your texture.

Now we can control the colors of the gradient fill of the number and change grey in order to achieve just the right result or, in other words, the desired color intensity.

Step 5

Type a few characters of world currencies. I use the same font for them as for the numbers. Open the Glyphs panel (Type > Glyphs), and then take the Type Tool (T) and click on the artboard. Now click twice on the needed symbol in the Glyphs panel.

Set the Color Dodge blending mode for the symbol, and adjust the color intensity in the Color panel.

Create a couple more symbols with this technique.

Step 6

With the Pen Tool (P) or the Line segment Tool create a couple of divergent paths with a dark-grey stroke. Apply the triangular profile to them in the Stroke panel and the Color Dodge blending mode.

Step 7

Create two vertical lines with grey stroke. Select them, then go to the Object > Blend > Make. In order to establish the desired effect's parameters, click twice on the Blend Tool(W) icon, or go to the Object > Blend > Blend Options…. Set the Color Burn blending mode for our resulting blend object.

Step 8

If you want to lighten the texture locally, then create a circle with the help of the Ellipse Tool (L) with radial gradient fill from grey to black (R=0; G=0; B=0) and apply the Color Dodge blending mode to it.

Step 9

So, the texture is created; let's restrict its visibility. Double the number three, then place its copy above all created objects.

Select the upper number and all the elements of our texture, then go to the Object > Clipping Mask > Make or use the Cmd / Ctrl + 7 keyboard shortcut.

Step 10

Double the lower part of the number, then place a copy above all the created objects once again.

Turn off the fill and apply the blue stroke to this object.

Our creation of the rest of the numbers won't take that much time as you can use already existing texture, slightly changing objects' location and colors of objects from which it consists.

You can also read about other ways of vector texture creation in the tutorial "How to Create Textures in Illustrator".

Total comments: 4
1 raster to vector   (2013 Jul 23 03:17)
Absolutely creative work you have done. Nice explain so very easy to follow step by step. I am waiting for your another creation !!

2 kavin brown   (2013 Jul 27 00:44)
awesome effects smile

3 Clipping Path   (2014 Jan 09 01:58)
Very nice work, two thumb up for you ^___^ smile

Effects are really awesome. thanks

4 Swarnjeet Singh   (2014 Aug 08 09:09)
Hi there,
My name is swarnjeet singh. i m beginner. i m using Adobe CS6.
after make the 3 then u said for step 4 "Set the Color Dodge blending mode in the Transparency panel for your texture and u click on Knockout Group."
but i not getting the same result as u shown in the pic if i click on knockout group. in cs 6 version is page knockout group. so i am not getting what to do. so please assist me.

Only registered users can add comments.
[ Registration | Login ]
Subscribe Now!
RSS feed twitter
Recent Consultations
Free Pixel Art - Isometric Houses
Illustrator Tutorial: How to Create a Creative Card with Splash of Color and Light Effects
100+ Free Sketchy Brushes for Adobe Illustrator
Benefits of Joining an Illustration School
Adobe Creative Cloud and Astute Graphics plugins