Advertise    Write for Us

Vectorboom

How to Create a Creative Card with Splash of Color and Light Effects in Illustrator

posted by: Iaroslav Lazunov, in Illustrator Tutorials / Effects/ Comments: 4
Final Image Preview
creative card with splash of color

In this tutorial we will learn how to create a creative card using some color splashes. To make our artwork look more colourful and realistic we will apply some light effects to it. Don’t worry, we will barely make our hands dirty with paint. Find out more at the jump!


You can download the source vector file for this tutorial




Illustrator Tutorial Details

  • Program: Adobe Illustrator CS3 - CS6;
  • Difficulty: Intermediate;
  • Estimated Completion Time: 1 hour;

Creating of Vector Color Splashes with Your Own Hands

Step 1

After waking up early in the morning, so no one will be terrified of what we are going to do next, cover the floor and the furniture in your kitchen with some plastic covers. Put a few white sheets of paper on the floor. Take a syringe and a bottle of black ink. Take some ink into the syringe and spray it to the floor in the kitchen. I suppose, you don’t really like the beginning of this tutorial, do you? LOL! This is exactly the way I did a couple of ink splashes which you see on the figure below.

creative card with splash of color

If you were not too much afraid to make your hands and your furniture dirty (by the way, ink is not easy to wash away), then scan the results of your experiments and paste the images into the artboard of new document in Adobe Illustrator (File > Place…).

creative card with splash of color

Step 2

Now go to the Object > Live Trace > Tracing Options…. Leave the parameters set by default without changes, just tick on Ignore White in the Dialog Box.

creative card with splash of color

Click on the Trace button and we’ve got a vector splash as a result.

creative card with splash of color

Now you can share your morning experiments with the whole world. The Vector Splash is pretty popular topic for design.

Usage of the Free Color Splashes

Step 3

There are a lot of high quality free vector splashes in the internet. Google this request and you will make sure yourself.

creative card with splash of color

So find some suitable vector slashes, download them and paste them into your current document.

creative card with splash of color

Oh God, it has never been so much dirt in my artboard :). But it is more pleasant than messing with ink, isn’t it? I recommend you to fill all the vector splashes with black in order to perceive the form better. This will help you to make the right choice in wide varieties of options.

Step 4

Some vector splashes can present the Compound paths.

creative card with splash of color

Since we will need to fill the splashes with different colors, we convert them into the regular groups of vector shapes. To do so, go to the Object > Compound Path > Release.

creative card with splash of color

Now group up the shapes (Ctrl / Cmd + G).

creative card with splash of color

These actions should be made with all the Compound paths, which have been chosen for vector splashes by us.

Creation of the Creative Card with Color Splash

Step 5

Strange as it might seem, business cards have different sizes in different countries. So, for example, in the US the size of business card is W: 89 mm H: 51mm or W: 3.5 in H: 2 in. You can order the business brochures at UPrinting. That is exactly the size of our artboard. Take the Artboard Tool and set the necessary size on the Control panel.

creative card with splash of color

This tool is available to the users of Adobe Illustrator CS5 – CS6. If you work with older version of Adobe Illustrator, you should set the necessary size while creating a new document. Of course, you don’t have to create a business creative card. You can just simply make an ad banner or an abstract background.

Step 6

Set the RGB color mode for your current document (File > Document Color Mode > RGB color). Our readers who are familiar with the printing process can be filled with indignation: "How can you possibly print it?” A little patience, we will talk about it a bit later. In the meanwhile, in order to receive better effects we’d better use the RGB color mode. Place vector splashes beyond the creative card borders, take the Rectangle Tool (M) and create a rectangle with white fill, the size of which corresponds to the size of our creative card.

creative card with splash of color

Step 7

Keep the background of the creative card selected, go to the Object > Create Gradient Mesh… and set the number of rows and columns in the dialog box.

creative card with splash of color

With the Direct Selection (A) select all the mesh points, which are located on the edges of the card, and fill them with light-yellow.

creative card with splash of color

Step 8

Drag the first vector splash to the creative card while holding the Opt / Alt key which will result its duplication. We duplicate vector splash, because we can use it a couple of times while creating a creative card. Fill the form with radial gradient from white to light-green.

creative card with splash of color

Now set the Multiply in the Transparent panel for it.

creative card with splash of color

Step 9

Duplicate the next vector splash, fill it with new radial gradient and set the Multiply again.

creative card with splash of color

You can select some separate drops of the splash with the Direct Selection (A) and recolor them into the necessary colors.

creative card with splash of color

Oops, I almost forgot to leave some space for the inscription on the creative card. Move the splashes a little bit to the left and reduce their size.

creative card with splash of color

Step 10

Some forms can be filled with solid color and can have the Normal blending mode.

creative card with splash of color
creative card with splash of color

I don’t think you should randomly place the vector splashes on the surface of the creative card. Determine the area in which they will be concentrated.

creative card with splash of color

Then, determine the places of color spots. It will be good, if the color intensity will decrease from left to right.

creative card with splash of color

There also should be some order in the direction of spray. Arrange them like a fan from left to right.

creative card with splash of color

After having followed all these recommendations, I’ve got the following image.

creative card with splash of color

Creation of Light Effects

Step 11

To make the heterogeneity to the Color Splash create a circle and fill it with radial gradient from pink to white and set the Multiply. This is exactly the way we will apply some light effects. Place the copies of this circle in different places of the vector splashes.

creative card with splash of color
creative card with splash of color

Step 12

To darken some areas I also use the circles with radial gradient. The centre slider of these circles is violet. The Color Burn should be applied to them.

creative card with splash of color

You don’t necessarily need to use the colors which I specified. It is enough to change the color of the centre slider, and we can adjust the saturation of the necessary color spots.

creative card with splash of color

Step 13

In order to enliven our creative card, we will add some sparkling points. Create some circumference and fill it with radial gradient which consists of two black and one grey slider. Apply the Color Dodge to it.

creative card with splash of color
creative card with splash of color

It is a popular way to apply the light effects to the vector illustration.

Step 14

With the Flare Tool, create a glow in the centre of our composition.

creative card with splash of color

If you want to modify the light effect a little bit, then you can go to the Object > Expand and tick Object in the dialog box.

creative card with splash of color

Now you can control the parameters of shapes that make up the glow.

creative card with splash of color

With some light effects any vector artwork looks more attractive.

Step 15

We still need to hide the parts of vector splashes which exceed the borders of the creative card. Create a rectangle, the size of which should be the size of our artboard. Select all the created shapes and create the Clipping path by clicking on the Cmd / Ctrl + 7 shortcuts.


You can download the source vector file for this tutorial



creative card with splash of color

Well, perhaps that’s all. "Hold on” you might say "How can it be possibly printed?” This you will find out in the article "How to Prepare a Vector File for Print in Illustrator” written by one polygraphist with 20 years experience in this field. I wish you every success! Don’t forget to swing by anytime.

Follow us if you want to be the first to know about the latest Adobe Illustrator tutorials, Interviews and articles. Vectorboom team works for you!

More tutorials:
How to Create a Greeting Card for Valentine’s Day in Illustrator
ColliderScribe is here! Our great new low-cost plug-in for Adobe Illustrator
Illustrator Tutorial: How to Speed up Illustrator When Creating Complex Vector Artworks
Total comments: 3
0   Spam
1 Graphicsduo2   (2012 Sep 28 13:46)
That was a really good vector splash tutorial. Thanks. smile

0   Spam
2 clipping path zone   (2012 Dec 25 03:40)
Clipping path zone (CPZ) is an internet based outsourcing organization which is situated in the emerging Asian economic reason; where it is geologically and technologically opportune with low cost. As a consequence; we can provide all kinds of graphic editing services like clipping path, multi clipping path, image masking, background removal, Retouch/Image Editing, Shadow Creation, Raster to Vector and other image editing related professional services at your limit in all around the world.
Please visit more information www.clippingpathzone.com
You can also find us www.facebook.com/clippingpathzone

0   Spam
3 Ali Haider   (2014 Jan 23 10:23)
Wow... It's really nice.... but too heard... wacko

Name*:
Email:
Website:
Security Code *:
Subscribe Now!
RSS feed twitter
Username
Password
Recent Consultations
How to Set the Character Style for the Dynamic Measure Tool in Adobe Illustrator
Create a Vector Diamond Using 3D Software and Illustrator
Creating Watercolour Effect in CorelDraw
DrawScribe, a New Plugin for Adobe Illustrator
Extend Path Tool Keyboard Shortcuts
 
Create a website for free