Illustrator Tutorials

Let’s illustrate a Character in Adobe Illustrator

Character Illustrate

In this tutorial, we will illustrate a flat design – cute boy using Adobe Illustrator. Flat design is designing things with basic shapes, but convey the message the same way as any other form of design. Flat designs are pretty nice to look at and have been my favorite mode of design for a while now.

In this tutorial,

  • First we will draw the outlines of the character
  • Next, we will choose a color palette based on our idea of how the final piece should look like
  • In the end, we will replace our outlines with the chosen colors and make modifications to make sure the character is cute and looks great!

Pin it for later!

Illustrate

The tools used in this tutorial:

  • The shapes – rectangle, ellipse, rounded rectangle and line segments
  • The ‘draw inside’ option
  • We will learn to group and ungroup, send to back and send to front features, and editing transparency
  • We will be using pathfinder, especially the unite and divide options
  • Layers, color palettes will also be covered

Color Palette:

illustrate

(Save the image and open in Illustrator. Use the Eyedropper tool to pick colors)

You can export the character as a PNG and use on any surface or medium (logos, blog headers etc). You can also add a text underneath the character to create a card for any occasion.

Watch the tutorial on how to illustrate this character here:

If you cannot view the video, you can find it here.

While you are there, don’t forget to hit subscribe!

Check out all the other Illustrator tutorial here:

Adobe Illustrator Tutorials

Free Stuff Illustrator Tutorials

Create cute notepad with Adobe Illustrator + Free Download

Adobe Illustrator Thumbnail

Using Adobe Illustrator, let’s learn to create a cute pencil and an eraser and then make a cute notepad using these elements. We will learn how to use the rectangle tool, pen tool, pathfinder and various other tools in this beginner friendly tutorial.

If you don’t want to follow through the tutorial, you can download the free printable here:

Download design 1 Download design 2

 

We will be creating a document with the following settings:

  • Dimensions: 8 x 11 inches
  • Color mode: CMYK
  • Resolution: 300 ppi

Pin it for Later!

Adobe illustrator tutorial pinterest image

Watch the tutorial here:

If you cannot view the video, you can find it here.

While you are there, don’t forget to hit subscribe!

Check out all the other Illustrator tutorial here:

Adobe Illustrator Tutorials

The free downloads are for personal use ONLY!

 

Photoshop Tutorials

Edit artwork and convert to pattern in photoshop

Pattern in Photoshop

In today’s tutorial we will learn how to edit a scanned artwork to create transparent background and isolate the elements to create  a pattern using Adobe Photoshop. You can use this pattern to upload to print on demand sites like Redbubble, society6 etc.

We will be using photoshop to create the pattern and to do the editing work on our scanned painting. I have scanned the painting in 600 ppi, so that I can increase the image size in the later part of the tutorial. Since I have already published a tutorial on how to edit artwork in photoshop (using a completely different method), and since it covers the topic of ‘how to increase the size of artwork’ and use various other tools to edit the background, I decide to skip it in this tutorial.

You can find these details in this tutorial here.

Pattern in Photoshop

Creating pattern out of scanned artwork is very difficult, especially when you haven’t created the elements separately. In this tutorial you will learn to use the spot healing brush tool, eraser and clone tool to create elements from your artwork!

Pin it for later!

Pattern

The original painting was painted on watercolor paper and watercolor paints. The image was later edited in photoshop. Here are some screenshots of various products created by this design. You can find my Redbubble store here.

Make a pattern with Photoshop:

If you cannot view the video, you can find it here.

While you are there, don’t forget to hit subscribe!

Illustrator Tutorials

Twirl Tool – Illustrator tutorial

Twirl Tool

In this tutorial we will learn how to use the twirl tool in Adobe Illustrator and create a seamless pattern with the created design. Twirl tool can be found within the width tool menu. Right click on the Width Tool to access it.

In this tutorial we will first create the base pattern and then apply the ‘make pattern option to create a seamless pattern. The pattern will be created with a transparent background so that you can apply any color to the pattern.

Pin it for later!

Twirl Tool illustrator tutorial

Colors used:

  • Red : #ee5764
  • Orange dark : #ef642f
  • Orange light : #f0a03b
  • Blue : #b6e3e3

Watch the video tutorial on how to use the this tool:

If you cannot view the video, you can find it here.

While you are there, don’t forget to hit subscribe!

Illustrator Tutorials

Colorful Text – Illustrator Tutorial

Colorful text

In this Illustrator tutorial we will learn how to create this colorful text. First we learn to convert text to outlines, cut up the text into pieces using the divide option and then color it using the illustrator scripts.

Pin it for later!

colorful text

An important thing is to select a font that is thick enough to create blocks. I have used the following font, feel free to experiment with different fonts:

Ariel Black, size 300 and 400

We will use illustrator scripts to color our artwork. You can individually color them, but it’s very useful to use scripts when the artwork is particularly large. If you haven’t watched my tutorial on using illustrator scripts yet, you can click on the below link and it will lead you to the blogpost.

Illustrator Scripts

There are a number of free scripts available on the internet, I have spoken about them in the above linked blog post. The script used in this tutorial is called Randomizer script and is available for download for free from this link:

https://cloud.mail.ru/public/HKSy/LGcHfncwx

Colors used in this tutorial:
  • e7edde
  • f03c50
  • fccb12
  • 43b7ca
  • 35aebc

colorful text

If you want to find beautiful color themes, click on this link to learn about Adobe Color and how to get color themes into your Illustrator. Color.Adobe.com was recently updated and looks a bit different from what is shown in this video. Nevertheless, the method to save these themes to Adobe library remains the same.

Adobe Color and how to find color themes

Watch the video to create this colorful text here:

If you cannot view the video, you can find it here.

While you are there, don’t forget to hit subscribe!

Follow

Get the latest posts delivered to your mailbox: