Ever wanted to make your own stylish CD cover? In this tutorial, we’ll go through a process of creation of a stylish CD cover, with simple yet modern styled graphics.
We will use the popular low-polygonal style, and give our cover a unique grungy look with the help of Adobe Illustrator artistic brushes. Together, these elements will help our CD cover have a modern look and stand out among the crowd of other albums.
1. Create a Low-Polygonal Base for the Elephant’s Head
For this tutorial, I’ve used one of my old pictures (which you can download directly below by right-clicking on the image) that I File > Place on the Artboard as a reference. Lock the layer with your reference image and create a New Layer above the locked one.
I make the reference image a bit brighter, and started drawing small triangles above it using the Pen Tool (P).
Continue covering the reference image with triangles of various sizes. You don’t have to be very precise here. Don’t waste your time trying to make the triangles match, because later we’ll do an easy trick in a few clicks.
If your image is more or less symmetrical, try using the Reflect Tool (O) to mirror some repeating parts to the other side of your image. Here, for example, I select a group of triangles around the eye-area and reflect it over the vertical axis. Use the Copy button to make a reflected copy of the selected area.
Continue rendering your image. Make the triangles larger to emphasize the large pieces, such as the wide upper part of the elephant’s trunk. Use smaller triangles to highlight the minor details such as eyes and tusks.
Finish up with the elephant’s trunk by covering it with a set of varying triangles.
Move on to the ears by putting some triangles over the left ear. Make the sides of the triangles longer to indicate that the shapes here are more extended and protruded.
When you are finished with one of the ears, use the Reflect Tool (O) again to copy the reflected objects to the other side of our image. Edit some triangles by changing their size and position if they are off the area.
The base for our low-poly illustration is ready! I’ve changed the Stroke Color of the triangles to bright red, to see them more clearly.
Now the fun part! Find a group of triangles which you need to merge, so that they would fit nicely to each other. Select the corners of these triangles by dragging the Direct Selection Tool (A) over the anchor points or by using the Lasso Tool (Q). Focus on the Align Panel (Window > Align) and choose the Align to Selection option. Finally, click on the middle positions in Align Anchor Points and Distribute Anchor Points fields in order to combine the triangle corners.
Move on to the next group of corners which you need to combine.
If it happens so that your triangle don’t combine, like in the example below, just go ahead and add an additional triangle by dividing the big one into two separate shapes, and align the anchor points in the same way.
Edit the shapes on the elephant’s face.
2. Color the Elephant Using the Live Paint Bucket
When all the triangles are aligned nicely to each other, select everything and go to Object > Live Paint > Make.
Use the Eyedropper Tool (I) to pick the color from the reference image and then fill the shape with the selected color, using the Live Paint Bucket (K). Use the Alt key to switch between these two tools, thus speeding up your work.
Here is how the fully colored image looks at this stage. Some triangles are made much darker than the others to emphasize the shadows and to make our illustration more dimensional. The brightest shapes mark the highlights on the most protruded and bulged shapes.
Remove your reference image and set the Stroke Color to None after you’ve finished coloring all the shapes. Fill in the blank missing parts if there are any.
You may notice that some of the triangle’s sides do not match. This may happen while using the Pen Tool (P), if you accidently click and drag, thus making a rounded smooth corner instead of a sharp corner. Don’t hesitate and edit the anchor points with the Convert Anchor Point Tool (Shift-C) by clicking on the anchor points in order to convert them to sharp corner.
As long as you are satisfied with the result, select several random shapes with Direct Selection Tool (A) and change their color to lighter and darker gray in order to make our image more intricate and stylish.
3. Design the Front Part of Your CD Cover
Create a New Layer below the layer with the elephant’s head. Place the completed head over the blank CD-cover template. Keep the elephant’s head on a separate layer, so that you are able to add new objects behind it.
Let’s create a nice grungy background. We don't want it to be too distracting, but at the same time still want it to highlight the main object, making the cover look trendy and minimalistic. Stick to gray monochromatic tones, so that the elephant’s head will remain the only bright and eye-catching object of our composition.
We’ll use some default Adobe Illustrator brushes, which you can find in the Brush Libraries Menu > Artistic > Artistic Watercolor and other from the same section. See the list of the brushes which I’ve used on the screenshot below.
Select some watercolor brushes to your liking
and make several strokes with the Paintbrush
Tool (B) in different directions.
If some of the lines are off your drawing area, you can always hide the unneeded parts by duplicating the basic cover shape, placing it above the brush strokes and making a Clipping Mask.
Continue filling up the background by using various ink splash and splatter brushes, varying their darkness.
Move from the center of the cover to the edges, adding smaller details and filling up blank spaces.
I added a thick charcoal stroke at the bottom of the cover, assuming it as a good spot for some text.
Add more details by using other brushes from the list. Choose lighter shades of gray in order to make the overall composition airy and light.
Create a New Layer above the layer containing the elephant’s head. Make a few strokes with artistic brushes and switch the Blending Mode to Color Burn to add a nice touch of blue to our elephant.
Use the Clipping
Mask again to hide the unneeded parts.
Inspired by Indian and military facial warpaint, I decided to add a big stroke across the elephant’s eyes. Object > Expand Appearance, converting your stroke into a separate object, and switch it to Multiply Mode, lowering the Opacity down to 20%.
The last but not the least thing to do here is to add a gentle shadow under the elephant’s head in order to make it more dimensional and to separate it from the background. Go to Effect > Stylize > Drop Shadow and play with the settings to your liking. You can find my settings on the screenshot below.
Congratulations, you’ve just completed designing the front part of our CD cover! I hope it was a useful experience for you. Good luck with making your own unique CD cover design!
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