Vector Art

Attempting to design a work using vector art can be challenging due to the enormous variety of shapes and linework available to you. When designing, you’ve probably asked yourself, “There are so many shapes, where do I begin? Should I start with lines, circles, rectangles, or some of the custom shapes supplied by Photoshop?”  Here is a word of advice: Keep it simple. This page will provide a methodology using Illustrator to help you to keep the design concept simple without compromising the design quality itself, and will also provide questions you can ask yourself to ensure that you are including content appropriate to the goal of the client.

In this example, you can start with a simple background rectangle with a desaturated blue. 
Next you can add a line at the top that is a similar shade of blue but a bit lighter. 
To copy the line in Illustrator, hold the Alt key click and drag the line downward (you may want to hold Shift to ensure that your copied objects go straight down vertically).  When you get the desired spacing, then release.  Then press and hold Ctrl+D and object will continue copying until you release the Ctrl+D shortcut.
  Next you can add your title bars for the ad.  A drop shadow adds a nice touch as it provides some depth. 
  Once you’ve finished your nice background using vector artwork, the final touch here would involve adding the photo as a solid fill vector. (you can either trace the subject of the photo with the Pen tool in Illustrator, or remove the background in Photoshop and apply a Color Overlay effect).  You can then adjust it’s position and rotation to add the illusion that he is climbing on the title bars.
Here is the finished artwork with added text on our title bars.  This fictitious ad is made completely of vector linework and text.  So you can see that using these simple steps can be helpful, while realizing that a simple design process can often be the best option.
Here is the ad using the original photo rather than a vector outline of the photo. 


Light Rays Background

Another simple example involved creating a simple yellow background (muted color, of course).  Then create a ray on the left side with the sharp tip pointing upward. 
You can then activate the Rotate tool, then click on the bottom end of the ray to establish the pivot point for the rotation. Next, hold the Alt key and drag the object in the direction you want to rotate.  Be careful to get the right spacing.Finally, hold ‘Ctrl D’ and the object will continue to copy in that same direction with the same exact spacing, creating the effect you see here.


Dots (Good background for girls’ clothing ad)

This style will involve analogous colors of light blue for a girls’ clothing advertisement (background art).  Start with a simple dot in the upper left corner.
The next step is to ‘Alt+drag’ the circle to the right to create a copy.  After creating the copy, hold ‘Ctrl D’ to copy the circle to the right several more times.
With that entire row selected (it should still be selected), Alt+drag the row downward to copy it.  Then, press Ctrl+D again as many times as necessary to create the number of copies needed to fill the screen.  
Finally, select all the circles and rotate them to create a more dynamic and busy effect.  A simple step like this is a popular technique when creating excitement in an advertisement.  You can now insert a picture of a girl sporting the latest jeans or shirt.
%d bloggers like this: