Adobe illustrator characters

Adobe illustrator characters DEFAULT

Character Animator Tutorials Part 2: Basic Puppet in Illustrator

In the previous tutorial, we learned what Adobe Character Animator is and how it works, now it’s time to really get our hands dirty! In this second chapter of our CA series, we will learn how to create a fully functional character in Adobe Illustrator! One important thing you need to know is that when you upload your character in Character Animator, it is called a puppet. We will also use this term to describe a character that is being prepared to be used in CA.

But what about those of you who prefer to make their puppets in Photoshop? Read our tutorial on How to Make a Character Animator Puppet in Adobe Photoshop.

In this article:
1. Naming & Structure
2. Automatically recognized facial features
2.1. The eyes
2.2. The eyebrows
2.3. The mouth

Let’s get started!

 

1. Naming & Structure

The way you name your layers and groups is very important because Character Animator uses these names to recognize the puppet’s body parts. When working with Adobe Illustrator to create a puppet, an easy way to arrange it correctly is to use only one layer and multiple groups within it, containing the different body parts of your puppet.

Let’s take this simple character and do just that!

Character Animator Tutorial p.2 -01

As you can see all of this little girl’s body parts are in one unnamed layer. It’s a good idea to give the layer your character’s name or description (ex.: boy, child, woman, etc.) I will name it +Vicky since her name is Vicky. But what is more important is the + symbol in front of the name.

The plus symbol: + is a crucial element in the naming of layers and groups in CA. It indicates that a layer or a group is Warp Independent, meaning it can be moved independently to the rest of the body.

We will use the + for other names soon but first let’s create a head and a body group.

Character Animator Tutorial p.2 -02

You can see, in the +Vicky layer, I now have a group with head and a group with body parts.

Character Animator recognizes the words head and body and assigns the appropriate behaviors accordingly. To avoid confusing the program, you should use these words only once – in these group names. That way CA will know these are the correct head and body of your puppet.

Moving on! Inside each of them, I have grouped the elements that will not move independently or have no behaviors assigned by the program. In the head group, these are the face shape, the ears, the nose, the freckles and the top part of the hair. In the body group, these are the torso, skirt, and the legs.

Next, let’s name the elements that we want to assign behaviors to later.

Character Animator Tutorial p.2 -03

Here you can see the + symbol appearing again. Vicky’s arms now will be able to wave around independently.

I decided that later I want to assign dangle behavior to her ponytails, that is why they also have a + in front of their name.

Now, we will continue with naming and arranging the facial features of the puppet that are automatically recognized by Character Animator. They have their very specific behaviors, that is why they get their own section.

 

2. Automatically recognized facial features

These are the eyebrows, the pupils, the blinking, and the mouth shapes. The amazing thing about CA, is that if you name and arrange these elements correctly the program will animate them for you. In a few quick steps, you can bring your puppet’s still face to life! Let’s see how!

 

2.1. The eyes

We will start with the eyes. You need to name themLeft EyeandRight Eye, according to your puppet’s body, not your screen. Then name each pupil +Left Pupiland+Right Pupil. Don’t forget the +in front of the pupils names, that way your character will be able to look around.

Character Animator Tutorial p.2 -04

You should name the white parts (the eyeballs) of the eyeLeft Pupil RangeandRight Pupil Range. CA recognizes the elements with this name as boundaries for the pupils of the puppet. Vicky also has eyelashes but they are a decorative element, they have no function but aesthetic. So I can name them whatever I want.

All the other names we talk about in this section are recognized by the program that is why it is important to use them correctly and use them only once.

Character Animator Tutorial p.2 -05

Next it’s time for the blinking eyelids! I will create eyelids for Vicky and name them Left Blink and Right Blink. Remember! Every time you blink Character Animator will show the closed eyelids of your puppet and make everything else that is in the same group as the eyelids invisible. That is why the eyelids of your puppet need to be in the same group as their eyes. Like this:

Character Animator Tutorial p.2 -06

 

2.2. The eyebrows

I will leave the blink groups invisible and move on to the eyebrows. Here we see again the + symbol. As you can already guess you should name them +Left Eyebrow and +Right Eyebrow. These are the last elements where we will use the + symbol. Next is the mouth, but first let’s see how everything looks so far.

Character Animator Tutorial p.2 -07

 

2.3. The mouth

As I mentioned earlier the mouth shapes are the only element in the puppet that is generated according to sound. But this does not mean the program generates mouth shapes by itself. These are for us to draw first! 🙂 There are 14 different mouth shapes that every fully functional puppet needs to have. For the sake of this tutorial let’s say we already have the 14 mouths and explore each of them.

An interesting thing is that 3 of these mouths are actually generated by the webcam image rather than the sound. Those are Neutral that is whenever there’s silence and your face is at rest. The other two are Smile and Surprised, that are generated when there’s silence and you smile or open your mouth wide.

When you have all your mouth shapes you should put them all in a group named Mouth. Here you can see how the mouth shapes are presented in the program. They are there as an example of how your puppet mouth should look and how they should be named. Below you can see my versions.

Character Animator Tutorial p.2 -08

This ends our second tutorial! Now you have a fully functional puppet in Adobe Illustrator.

Click here to download the Vicky Illustrator file.

 

Thank you for following and stay inspired!

 

Continue with more Adobe Character Animator tutorials:

 

Some advanced puppets you may like

If you want to save time – try GraphicMama’s advanced puppets for your animations. With some amazing features, such as:

  • Walking
  • Head-turn
  • Automated replay functions for waving, giving thumbs-up, and pointing
  • Arm IK – elbow bending function and stretchiness control.
Sours: https://graphicmama.com/blog/character-animator-illustrator/

100+ Step-By-Step Adobe Illustrator Character Tutorials

illustratorWe can easily find thousands of tutorials on the internet, but finding the best tutorials is not a easy job. I spent some time to find, and select over 100 step by step Adobe Illustrator tutorials which are really amazing. Adobe Illustrator is different than other Adobe products like Adobe Dreamweaver and Adobe Photoshop as it's exclusively used for digital art.

Twisted Monkey Studio Mascot

In this tutorial author will explain the process that he followed at the time of designing by order the mascot in vector format for Twisted Monkey Studios, producers of horror films.

monkey 40+ Excellent Adobe Illustrator Cartoon Tutorials

How to Create a Cute, 3D, Vector Robot

If you want to learn how to create a rounded robot character from sketch to finished vector art, then we have an awesome tutorial for you.

cute robot 40+ Excellent Adobe Illustrator Cartoon Tutorials

A Cow As Chinese New Year Zodiac For 2009

At the beginning of 2009 – Cow year, Kailoon.com create special new year Illustrator tutorial, where you can learn how to draw 2009 year symbol – Cow. Very interesting tutorial and result is amazing – very cute Cow .

cow 40+ Excellent Adobe Illustrator Cartoon Tutorials

Happy Sun Character

Learn how to create fun sun character tutorial in Illustrator. This intermediate tutorial is great for logos, children illustrations, and other projects relating to climate change. Moreover, you can easily apply this tutorial to other illustrations, logos, and projects!

create sun 40+ Excellent Adobe Illustrator Cartoon Tutorials

Cute Baby Seal

Simple tutorial to teach you how to create a super cute baby seal. At the end of tutorial you will get really nice, cute cartoon seal character.

Baby Seal 40+ Excellent Adobe Illustrator Cartoon Tutorials

Cartoon Duck

This tutorial will take you through basic shapes, using basic tools ie pathfinder, knife and eyedropper tools to create a cute duck character.

cartoon Duck 40+ Excellent Adobe Illustrator Cartoon Tutorials

Furry Vector Monster

Follow these steps in Adobe Illustrator to create your very own super cute fuzzy monster character. We’ll be working with the basic shapes to start, then use a variety of gradients to add depth. We can then finish it off with some detailed fur effects to really lift the design from the screen.

furry vector monster 40+ Excellent Adobe Illustrator Cartoon Tutorials

Stinking Zombie Flesh-Eater

In this tutorial, you will learn how to create a cartoon zombie in Illustrator. Starting by creating a fresh corpse, we will then ‘yuck’ it up using a number of techniques.

create Zombie 40+ Excellent Adobe Illustrator Cartoon Tutorials

Cute Hippo

This tutorial will show you how to create cute Hippo Character using simple shapes and a really simple effective drawing technique . This technique has been adopted from recent addition to the store of Animal Head Graphic Set , latest addition to the store.

hippo 40+ Excellent Adobe Illustrator Cartoon Tutorials

Owl DiNG

In this tutorial we will walk through taking a pencil sketch into Illustrator and creating vector artwork. Then we’ll bounce over to Photoshop and add some details and give it a washed look.

owl 40+ Excellent Adobe Illustrator Cartoon Tutorials

LeBron James Cartoon Character

In this tutorial, you will learn how using Adobe Illustrator create vector cartoons. Learn how to create Lebron James Cartoon Character.

Lebron 40+ Excellent Adobe Illustrator Cartoon Tutorials

Leprechaun for St. Patrick’s Day

Create yourself a wee Leprechaun for St. Patricks Day 2009 with this Illustrator tutorial. Easy and interesting Illustrator tutorial.

Leprechaun 40+ Excellent Adobe Illustrator Cartoon Tutorials

Cartoon Character with Expressive Lines

This tutorial covers the necessary steps for creating a colored multicolor cartoon character that includes shadings.

Cartoon Character Expressive Lines 40+ Excellent Adobe Illustrator Cartoon Tutorials

Cute Emo Kid

In this tutorial we will go through the process of drawing cute cartoon character. The concept is based on the Emo trend, we will go trough all the steps from sketch to full color vector.

emo 40+ Excellent Adobe Illustrator Cartoon Tutorials

Cute Panda Bear Face Icon

How to create a cute panda bear face icon all from ellipses. The great part about this tutorial, is that you can easily apply the techniques to other icons, illustrations, logos, or other projects.

panda 40+ Excellent Adobe Illustrator Cartoon Tutorials

Gang of Vector Ninjas

Constructing a group of cool vector ninja characters using just the basic shapes and a variety of simple tools, making it a good start for Illustrator beginners.

ninja 40+ Excellent Adobe Illustrator Cartoon Tutorials

Cute Bunny Vector Character

This tutorial uses simple shapes and gradients that are easy to apply to other character illustrations.

bunny 40+ Excellent Adobe Illustrator Cartoon Tutorials

Cartoon Snail

Lean how to draw snail in Adobe Illustrator with some easy steps. Learn how to with Illustrator basic tools create cute snail.

snail 40+ Excellent Adobe Illustrator Cartoon Tutorials

Killer Chainsaw Bunny Character

This tutorial shows you how to build a Bucket ‘o’ Thought character and add a dynamic background effect.

killer bunny 40+ Excellent Adobe Illustrator Cartoon Tutorials

Cute Vector Monster

Follow this Adobe Illustrator walkthrough on the creation of a cute little vector monster character, beginning with a quick pencil sketch on paper.

vector monster 40+ Excellent Adobe Illustrator Cartoon Tutorials

Grumpy Dude

Create grumpy dude in Adobe Illustrator with the brush tool. In this tutorial you will learn some digital drawing tips and how to fix little mistakes after you’ve drawn your stroke.

line drawing 40+ Excellent Adobe Illustrator Cartoon Tutorials

Fat Cat Vector

This tutorial aims to guide you from sketchbook to screen; a “Fat Cat” doodled with biro translated into a neat vector caricature. Intermediate knowledge of Adobe Illustrator is advised.

fat cat 40+ Excellent Adobe Illustrator Cartoon Tutorials

Freddy the Fish

Follow this tutorial to create your own vector character – Freddy the Fish.

fish 40+ Excellent Adobe Illustrator Cartoon Tutorials

Vector Pirate Cartoon Character

By firstly using the power of pen and paper a character design is created, which is then scanned into the computer to use as a base for tracing with Adobe Illustrator. The final outcome is a colourful cartoon character in vector format!

pirate 40+ Excellent Adobe Illustrator Cartoon Tutorials

How to Create a Web Site Mascot

In this tutorial, author will give an overview of how developed a character from the initial brief through to the final site mascot and then to go on to create several poses for different parts of the site.

Web Site Mascot 40+ Excellent Adobe Illustrator Cartoon Tutorials

Create Your Own Monster

In this Adobe Illustrator tutorial author will take you through the process of creating a completely unique, memorable monster that’s not at all humanoid in form.

create monster 40+ Excellent Adobe Illustrator Cartoon Tutorials

Adding Dimension to Your Characters

In this tutorial author will show you how to add the illusion of dimension to your vector illustrations by combining the effects of Adobe Illustrator’s versatile linear and radial gradients.

add dimension 40+ Excellent Adobe Illustrator Cartoon Tutorials

Creating Bart Simpson Vector Character in Illustrator

This is a short beginner tutorial. You will use Layers, utilize the Pen Tool and its sister tools, such as the Convert Anchor Point Tool, Direct Selection Tool, etc, to draw and colorize a vector Bart Simpson in Adobe Illustrator.

BartSimpson 40+ Excellent Adobe Illustrator Cartoon Tutorials

How to Create a Vector Illustration and Prepare it for Micro-Stock Sale

This tutorial details a professional workflow for creating vector illustrations and prepping the artwork for Micro-Stock Sales. Author also included a bunch of time-saving tools and tips as well.

create vector illustration 40+ Excellent Adobe Illustrator Cartoon Tutorials

Creating Convincing Characters

In this tutorial, you’ll learn some basic skills for converting your character from a pencil doodle to a complete, fully-coloured image – learning some crucial Illustrator skills along the way.

convincing character 40+ Excellent Adobe Illustrator Cartoon Tutorials

Symmetrical Illustration: Thug Bunny!

This tutorial will go through the method of using symmetry in your artwork. Learn how to do half the work but still get the full benefit from your artwork. We’ll also feature a plugin for AI that speeds up your build time and cover the topic of “Opacity Masks.”

thung bunny 40+ Excellent Adobe Illustrator Cartoon Tutorials

Patch Illustration 2

The following tutorial will show how author go about creating a set of NBA licensed embroidery patches featuring portraits of many of the leagues greatest players.

Patch Illustration 40+ Excellent Adobe Illustrator Cartoon Tutorials

Basic Shading and Lighting

This tutorial goes over the elementary fundamentals when it comes to shading and lighting within a digital illustration.

basic shading 40+ Excellent Adobe Illustrator Cartoon Tutorials

Create A Vector Art Twitter Bird Character Icon In Adobe Illustrator

This tutorial will walk you through the steps from sketch to vector in creating an original cartoon-style character vector illustration.

twitter bird 40+ Excellent Adobe Illustrator Cartoon Tutorials

Vector Tutorial: Anime Coloring

In this tutorial will be detailed explain how in Adobe Illustrator coloring sketches, in this tutorial author will use anime sketch.

coloring anime 40+ Excellent Adobe Illustrator Cartoon Tutorials

Adobe Illustrator Cartoon Bug Tutorial

Here is one more cartoon characters tutorial in Illustrator. This time you will learn how to create nice fly cartoon.

cartoonbug fly 40+ Excellent Adobe Illustrator Cartoon Tutorials

Adobe Illustrator Cartoon Tutorial with a Wacom Tablet

In this Illustrator tutorial author will explain how using Wacom tablet you can at first draw cartoon sketch and than create vector cartoon.

cartoon tutorial 40+ Excellent Adobe Illustrator Cartoon Tutorials

Adding Gradients to Illustrations in Adobe Illustrator

In this tutorial you will learn how to use gradient tool in Illustrator. Author will explain how to add gradient to illustrations.

adding gradient 40+ Excellent Adobe Illustrator Cartoon Tutorials

Monster Character Series Part 1

First of two Spoongraphics mini-series of tutorials on how to create a set of simple monster characters. This is very simple tutorial, so if you beginner of Illustrator, you can learn some basic tools.

monster characters 1 40+ Excellent Adobe Illustrator Cartoon Tutorials

Monster Character Series Part 2

Here is second Illustrator tutorial from Spoongraphics mini-series of monsters tutorials where you will take a look at the Dumb Blue Sucker Monster! Again, using mostly the basic tools and shapes making the tutorial suitable for beginners to Illustrator.

monster characters 2 40+ Excellent Adobe Illustrator Cartoon Tutorials

Create a Twitter Style Bird Mascot

Using some basic shapes, effects, and gradients author will show you how to create a Twitter mascot for your blog or website.

twitter mascot 40+ Excellent Adobe Illustrator Cartoon Tutorials

Maintaining Rhythm and Flow in Vector Character Design

In this tutorial you will break down the basic process of creating a character from sketching through to the final vector file. Whether you’re interested in creating vector mascots for branding design, or making interesting characters to use in your animations, you’ll find these techniques helpful.

maintaining rhythm 40+ Excellent Adobe Illustrator Cartoon Tutorials

Create a Traditional Japanese Koi Carp Illustration

Koi Carp have been painted and illustrated by the Japanese for centuries and are familiar to people all over the world. This tutorial will take the intermediate Adobe Illustrator user through the techniques and processes needed to imitate what the Japanese have perfected.

traditional japanese koi carp 40+ Excellent Adobe Illustrator Cartoon Tutorials

The Making of a Chocolate Bar Character.

In this tutorial Author take the concept from sketch through to vector final. You will learn how to create sweet cartoon character – Chocolate bar character.

chocolate character 40+ Excellent Adobe Illustrator Cartoon Tutorials

Character Illustration

The following tutorial will walk you through a project, a character design for Fanta soda to use in their Halloween promotion.

Character Art 40+ Excellent Adobe Illustrator Cartoon Tutorials

Ilias Sounas’ Condomunity Member Illustration Tutorial

It’s basically a character design tutorial like many others out there – just that Author wanted it to be more like an illustration and possibly also an rss icon. Author picked 5 illustrators to hand in an artwork in their own typical style.

condomunity 40+ Excellent Adobe Illustrator Cartoon Tutorials

Cartoon Character – Dexter

Dexter is probably one of those cartoon characters that don’t need an introduction, but anyway, for those who never heard about him, Dexter is boy genius that has a giant secret laboratory filled with his great inventions. In this simple tutorial I will show you how to draw this character inside Adobe Illustrator.

Cartoon Character – Dexter

Create A Briefcase Icon

In this tutorial, I will show you how to create a briefcase icon with rectangles, ellipses, and gradients. This briefcase icon is great for web designs and user interfaces. Moreover, you can easily apply these techniques to other icons, logos, and illustrations.

Create A Briefcase Icon

Create a classic calendar icon

In the next tutorial you’ll learn to create a classic calendar icon. It’s a pretty simple and fast tutorial. You only need to know how to use the basic tools and some effects like the Inner Glow, the Drop Shadow, the Transform effect, the Rounded Corners effect or the Warp effect.

  • Difficulty: Beginner-Intermediate
  • Estimated Completion Time: 20 minutes
  • Number of Steps: 8

Create a classic calendar icon

Create a Cool Vector Panda Character in Illustrator

Here’s a step by step walkthrough of the process used to create a cool Panda character, from the basic outlines through to the detailed final design.

Create a Cool Vector Panda Character in Illustrator

Create A Cute Creature Character From A Sketch

In this tutorial I will show you how to create a cute creature from a sketch. This tutorial uses custom brushes, the Paintbrush tool, Pen tool, and the Live Paint Bucket tool. Even if your not a huge fan of the cuteness, you can use these techniques for other illustrations, logos, and vector elements.

Create A Cute Creature Character From A Sketch

Create a Cute Little Tiger in Illustrator

The tiger is one of the coolest animals in the earth. It’s a very powerful, dangerous, yet fascinating animal. In this tutorial, we will be drawing the tiger, but we will be doing it a little bit different. Instead of portraying the tiger as a savage and mean creature, I will teach you how to draw a cute little tiger that you will be able to use in your projects, as a desktop wallpaper, etc. You will also learn lots of Illustrator techniques as well. This is the perfect tutorial for year 2010, the year of the tiger.

Create a Cute Little Tiger in Illustrator

Create A Cute Vector Octopus in Illustrator with Simple Shapes

In this Illustrator tutorial, we will learn how to Create A Cute Vector Octopus in Illustrator with Simple Shapes. This is a pretty simple illustration of an octopus using basic Illustrator tools and shapes.

Create A Cute Vector Octopus in Illustrator with Simple Shapes

Create a Happy Sun Character

Well, it’s Blog Action Day 2009 today and the topic is Climate Change. So I decided to create a fun sun character tutorial. This intermediate tutorial is great for logos, children illustrations, and other projects relating to climate change. Moreover, you can easily apply this tutorial to other illustrations, logos, and projects!

Create a Happy Sun Character

Create a Happy Sun Character 2

Create a Les Paul Guitar in Illustrator

In this tutorial I will be showing you how to create a Les Paul Electric Guitar Vector Image in Adobe Illustrator. This is a really in depth Tutorial, probably the most in depth one I have ever written as I have tried to cater for the needs of people who are not confident in Illustrator. Purely because when I was trying to learn the program many of the tutorials for it assume you can already use it. So feedback would be appreciated =D

  • Program: Illustrator
  • Version: CS or Higher
  • Estimated Completion Time: 4 Hours
  • Final Image Preview:

Create a Les Paul Guitar in Illustrator

Create A Mouthwatering Chocolate Covered Strawberry

It’s almost Valentine’s day and rather than getting your loved one the same old cheap gifts you get every year, why not create a chocolate covered strawberry illustration for them? You can easily apply this illustration to your own greeting card, t-shirt, or anything else you can think of. Moreover, you can apply this tutorial to other illustrations and logos.

Create A Mouthwatering Chocolate Covered Strawberry

Create a Penguins Illustration Tutorial for Global Warming Cause

Global Warming is one of the biggest problems of the 21th century. Global Warming is changing our world and the way we live, it destroying habitats of animals. In this tutorial I will show you how to create an illustration of penguins whose habitat is being destroyed by global warming.

Create a Penguins Illustration Tutorial for Global Warming Cause

Create a Simple Storefront Icon

In this tutorial I will show you how to create a simple storefront icon using some rectangles, Illustrator Effects, and gradients. This icon is great for use in e-commerce sites, eCommerce Software and the techniques in this tutorial can easily be applied to other icons, illustrations, and logos.

  • Program: Adobe Illustrator CS4
  • Difficulty: Beginner / Intermediate
  • Topics Covered: Rectangle Tool, Gradients, Bulge Warp
  • Estimated Completion Time: 30 min – 1 hour

Create a Simple Storefront Icon

Create a Stylized First Aid Icon in Illustrator

In this tutorial we’ll use a combination of craft and Illustrator’s 3D tools to create a first aid icon. You can use the techniques you learn in this tutorial to create realistic rounded box icons of your choice. This works well for complex icons at large sizes and scales down nicely.

  • Program: Adobe Illustrator CS4
  • Difficulty: Beginner to Intermediate
  • Estimated Completion Time: 1 hour

Create a Stylized First Aid Icon in Illustrator

Create a Stylized, Vector Rubik’s Cube

Learn to create a stylized Rubik’s Cube in Illustrator. I’ll take you through how to make every detail of the final illustration, which will teach you some new techniques and introduce you to some new Illustrator tools. Let’s get started with creating this iconic, retro puzzle cube.

  • Program: Illustrator CS3
  • Difficulty: Intermediate
  • Estimated Completion Time: 90 minutes

Create a Stylized Vector Rubiks Cube

Create a Tasty Burger Icon in Illustrator

In this delicious tutorial I’ll show you how to create a three-dimensional, scrumptious burger using Adobe Illustrator. Remember that I’m a vegetarian, so you should definitely appreciate the effort!

Create a Tasty Burger Icon in Illustrator

Creating a Toaster-Popping Illustration

With this tutorial, learn how to apply some effects not often used in Illustrator, like the Chrome effect, which is used to create metallic look with a realistic aspect. Also, notable in this tutorial is the use of Texturizer to create toast texture. We will also use 3D effect and the Mesh tool, which bring depth to the this illustration.

  • Program: Adobe Illustrator CS3+
  • Difficulty: Intermediate
  • Estimated Completion Time: 2-3 hours

Creating a Toaster-Popping Illustration

Create A Vector Art Twitter Bird Character Icon In Adobe Illustrator

Twitter is quite a social media juggernaut as of late. It’s getting to the point that one has to have a Twitter account. And what good is a Twitter account without a link to it? And what better way to link to your Twitter account than with a cool blue bird character illustration? This tutorial will walk you through the steps from sketch to vector in creating an original cartoon-style character vector illustration.

Create A Wood Grain Texture

Last up for Vectip’s Texture Week is wood grain. The steps for this technique are very similar to the previous Brushed Metal Texture tutorial. It uses the same Graphic Pen effect but stretched a little more. It also uses the Warp Tool and Twirl Tool. Also like the other texture tutorials, this technique is easy and applicable in logos, icons, interfaces or pretty much anything.

Create A Wood Grain Texture

Create an arrow through a heart icon

With Valentine’s Day coming up, I thought I’d bring you something with a similar theme. In this tutorial we are going to create a vector/icon heart with an arrow going through it, using Adobe Illustrator. This tutorial will teach you to take simple shapes and use them to create more complex objects, as well as several other techniques.

Create an arrow through a heart icon

Create an easy landscape scene in Illustrator

In this tutorial we are going to take a look at how to create a really easy landscape scene in Adobe Illustrator. This can be used in a number of different ways, from a desktop wallpaper to a website header. The best part is that since it is in illustrator after we are done you can size is however size you would like. Lets get started.

Create an easy landscape scene in Illustrator

Create an illustration of a fountain pen

Hi there. In this first tutorial you’ll learn to create an illustration of a fountain pen. It is more of an advanced tutorial but I tried to make it as detailed as I could. Hopefully you’ll understand the exact steps I followed to reach this final illustration.

Difficulty: Intermediate-Advanced Estimated Completion Time: 2 hours Number of Steps: 35

Create an illustration of a fountain pen

Create the face of a goofy bunny

The following tutorial will help you create the face of a goofy bunny. You won’t need the Pen Tool. Only the Ellipse Tool and the Rectangle Tool plus some basic effects like the Inner Glow, the Drop Shadow or the Warp effect.

  • Difficulty: Intermediate
  • Estimated Completion Time: 45 minutes
  • Number of Steps: 12

Create the face of a goofy bunny

Create the face of a greedy monkey

This tutorial will help you create a simple illustration of a monkey face. It uses the Ellipse Tool, the Pen Tool, the Rectangle Tool, the Crystallize Tool or the Gradient Tool. For the the shadow effects you’ll use some classic effects like the Inner Glow or the Gaussian Blur.

  • Difficulty: Intermediate
  • Estimated Completion Time: 45 minutes
  • Number of Steps: 15

Create the face of a greedy monkey

Create Lady Birds Insect Tutorial Using Adobe Illustrator

Lady birds, is there any other insect that symbolize the prosperity and freshness of the nature more? You can find these cute being almost anywhere and they won’t ever cause anything but cheers. In this tutorial I will show you how to create a cool lady bird using Adobe Illustrator.

Create Lady Birds Insect Tutorial Using Adobe Illustrator

Creating vector characters in Illustrator

Characters can add a recognisable face to your work. But how do you go from a sketch to the finished product? Peskimo talk through their process.

If you are following this project with a particular brief in mind, think carefully about the target audience and what sort of design elements will be suitable for that audience – the usual concerns apply as they do with all design. The character we created is intended to be a mascot of sorts, and aimed at all ages. It is usable at a variety of sizes, and in both print and animation.

Creating vector characters in Illustrator

Design a Cute Hamster Avatar

Going through my sketchbook I noticed I’ve been drawing cute characters lately. Where is all this cuteness coming from? Probably from an exciting job I’m doing right now. Anyways I picked one of the characters for a tutorial so here it goes.

Print

Design a Vintage Poster with Vector Pack 16

In this tutorial, we’ll be modifying vector elements from Vector Set 16 to create a retro-vintage poster. Along the way we’ll uncover tips in Illustrator and Photoshop that can lend your designs a little extra TLC. I tend to work in both Illustrator and Photoshop. Both programs have their strengths and weaknesses, but together they’re unstoppable.

Design a Vintage Poster with Vector Pack 16

Draw a beautiful female character

Office life is very boring, what keeps us alive in our offices? You’re right, those hot and strict secretaries. This simple tutorial shows you how to create a beautiful female character using Illustrator.

Draw a beautiful female character

Drawing a character’s face in Illustrator

Creating a cartoon or human-like caricature is a fun and rewarding project to do in Illustrator. Not only that, but if you’re pretty good with the pen tool, it doesn’t take very long. In this tutorial I will be creating an elf. Be sure to look at references of other cartoons or caricatures to make sure your shapes are correct. To start, I drew a basic head shape.

Drawing a character’s face in Illustrator

Draw a funny snowman in Illustrator

It’s winter! It’s snowing! Thousands of kids get out to play with snow and make a snowman. These fragile being don’t live much so we have to hurry up! In this simple tutorial I will explain the process of drawing a snowman in Illustrator using mostly basic shapes and pen tool.

Draw a funny snowman in Illustrator

Create a Vector Clip-Art Style Snowman in Illustrator

With Christmas just around the corner and the days getting colder and colder, we’ll soon be out building snowmen. But before that, lets build our very own vector version!

We’ll be using simple shape tools, the pen tool, the brush tool, the drop-shadow effect and various pathfinder tools in this tutorial, making it great for those in the festive mood and learning their way around the UI of Illustrator.

Create a Vector Clip-Art Style Snowman in Illustrator

Draw a screaming little girl in Illustrator

In this tutorial, I’ll explain how to draw a little screaming for ice cream girl in Illustrator. This tutorial is great for beginners and it’s quite simple. Ever saw little girls crying? It’s time to draw one, so let’s get started!

Draw a screaming little girl in Illustrator

How to Create a Curious Owl in Illustrator CS4

One of my favorite TV shows of all time is Twin Peaks and one of its most memorable lines is “The owls are not what they seem.” Inspired by that ominous truth I decided to create a little illustration. I chose a rather non-spooky scene set at dusk, with a curious owl sitting on a branch and some scenery in the background.

  • Program: Adobe Illustrator CS4
  • Difficulty: Intermediate
  • Estimated Completion Time: 1.5 hours

Web

How to Create a Hippy Van Vector in Illustrator

In this tutorial I’m going to walk you through the process I would take to produce a vector image of a good old VW Hippy Van in Adobe Illustrator. You’ll be using tools such as the pen tool, shape tools and gradient tools.

How to Create a Hippy Van Vector in Illustrator

How to Create a Shiny, Vector Laptop

In this tutorial I’ll show you how to create a laptop in Illustrator using basic tools like the Rectangle Tool, Ellipse Tool, Pen Tool and others. We’ll construct the overall shape, keyboard, laptop monitor, and more.

  • Program: Adobe Illustrator CS4
  • Difficulty: Intermediate
  • Estimated Completion Time: 2-3 hours

How to Create a Shiny Vector Laptop

How to Create a Vector Diamond Necklace and a Chain

This detailed tutorial will show you how i created the Diamond necklace available to download freely from Aivault through this post. The steps described here will take you through the process of drawing then coloring using very simple steps.

How to Create a Vector Diamond Necklace and a Chain

Designing Logos

Adobe is definitely one of the most popular software programs for designing logos. The software can be hard to learn and takes time to master.

If you're looking to purchase logos, you might want to consider logomyway.com. They have a logo maker that requires no downloading of any software, and is free to try. They also have thousands of professional logos to select from. Once you design your logo using the logo maker, you can download the files instantly and start using your new logo.

Sours: https://icanbecreative.com/article/100-step-by-step-adobe-illustrator-character-tutorials/
  1. Good bye friends images
  2. Red table lamp shades
  3. Gacha dog
  4. 90 inch curtains

PIXEL77

In this tutorial, you can follow the step by step process of creating a female character. We’ll guide you through everything from rough sketch to finished vector illustration. You can find out, which are the important things when creating a memorable and an easy to recognize character.

Difficulty: Intermediate

ADVERTISMENT:
The Best Deals For Digital Design Assets - InkyDeals.com. Learn More>>

Tools: Adobe Illustrator CS6, Wacom graphic tablet, and creativity

illustrator tutorial

Step 1:

I’m starting with a fast sketch of construction lines, trying to define the position and the proportions of the character. You can try more than one until you’re satisfied with the result. On this stage, you should only add the axes, which show the movement of the body and the general forms. I’m going to use rounded shapes with sharp and thin ends. Using similar forms is what makes the character memorable and customized.

illustrator tutorial

illustrator tutorial

Step 2:

It’s time to put in some details. The hair blown by the wind adds a dynamic feel to the composition. The purpose of the sketch is to make the process of digitalizing easier, so do not put in too many details.

illustrator tutorial

Step 3:

Create a new document in Illustrator CS6. I’ll use a canvas with an A4 size, CMYK Color Mode, and 72 dpi Raster Effects.

illustrator tutorial

Step 4:

Import the picture in Illustrator CS6. Make a new layer and move the sketch on it. Reduce the opacity of the sketch layer to 20-30%. Lock the layer so you won’t be able to select or move it by mistake.

illustrator tutorial

Step 5:

Now you are ready to start vectorizing. You can draw the main shapes with the pen tool or with a brush if you feel more comfortable.

I’ll use a calligraphic brush with size 3 and pressure 3. The screenshots below will help you create a new customized brush.

In case you don’t see the brush panel, you can find it in Window-> Brushes.

illustrator tutorial

illustrator tutorial

 

 

It’s easier to draw fluid lines without edges, using a brush. The disadvantage is that you sometimes get too many anchor points, which you can easily remove with the smooth tool.

illustrator tutorial

I’m trying to draw continuous lines because later I will unite them to create closed shapes. If you are working with the pen tool, you should make sure all the paths are closed. It’s important to curve the lines where necessary, so you end up with beautiful, smooth lines when you fill the shape.

illustrator tutorial

illustrator tutorial

Step 6:

Once I made the general shapes and forms, I start filling them in with colors. I’m using a darker nuance for the distanced objects and a lighter nuance for  closer ones, such as the example below.

You can try a variety of color combinations if you aren’t satisfied with the first choice. I’m going to use pastel nuances, to create a uniform range of colors.illustrator tutorial

Step 7:

Adding lights and shadows gives the character some volume, so it’s an important stage of the process.  I’m going to use a warm yellow nuance for the light and a variety of purple colors for the shadows.

illustrator tutorial

 

A fast method to add lights and shadows is by copying the shape in front, changing it’s color tone and simply deleting the portion you don’t need with the eraser tool.

Step 8:

To make it playful and more attractive, I’m going to draw some more details, like a belt, a cute dotted-heart pattern on the top, and a seam on her pants. To make it even more dynamic, I drew some random locks of hair.

So this is how the character looks.

illustrator tutorial

 

To highlight the movement of the hair and to give a stronger sensation of windy weather, I decided to put some leaves around the character. Do you observe how the green circle used as background makes the colors even brighter? The shadow below her feet positions the character in space.

illustrator tutorial

What do you think about the tutorial? Tell us in the comment section below how it helped you draw your characters.

(Visited 40,245 time, 4 visit today)

WRITTEN BY

Sours: https://pixel77.com/adobe-illustrator-tutorial-characters/
Flat Character Design: Illustrator Tutorial

20+ Tutorials for Creating Amazing Characters with Adobe Illustrator

Whether you need to create a mascot for a sports team or add extra flair to a brand identity, creating an amazing, illustrated character is a great way to go. Illustrated characters add a dose of fun, creativity, and personality to any project, and you can easily create them using a tool like Adobe Illustrator.

In this post, we’ve rounded up the best tutorials for creating amazing characters with Adobe Illustrator. Use them to refine your skills or learn a new trick or two and spice up your design portfolio.

You might also like these HTML & CSS character design code snippets.

Unlimited Downloads: 25,000+ Adobe Illustrator Templates

1,000,000+ Illustration & Vector Templates, Brushes, Logos, Icons, and much more!

Explore 25,000+ Illustrator Templates

How Create a Character in Adobe Illustrator

If you have pencil sketches laying around and want to turn them into digital works of art, this tutorial is for you. You’ll learn how to take a pencil sketch and turn it into a vector image with Adobe Illustrator.

How Create a Character in Adobe Illustrator adobe illustrator tutorial

How to Create a Vector Ninja Character (Video Tutorial)

Don’t miss this video tutorial from Chris over at Spoon Graphics if you love video tutorials. In just under 10 minutes, you will learn how to create ninja characters using Adobe Illustrator.

How to Create a Vector Ninja Character adobe illustrator tutorial

Monster Character Creation Kit (Envato Elements Template)

There are times where you don’t have time to create a vector character from scratch, yet your projects still calls for it. This character creation kit from Envato Elements has everything you need to quickly design adorable and unique monster characters.

Monster Character Creation Kit

How to Draw Isometric Character Art

Isometric art allows you to convey all three dimensions at full scale so if that’s something you’d like to get better at or need it for your design project, this tutorial is for you. The tutorial walks you through the entire process step by step.

How to Draw Isometric Character Art adobe illustrator tutorial

How to Create the Masha and the Bear Characters

This tutorial will teach you how to create the popular characters from Masha and the Bear. This tutorial is perfect for any projects geared for a young audience and the knowledge will help you create similar style drawings.

How to Create the Masha and the Bear Characters adobe illustrator tutorial

How To Draw A Cartoon In Illustrator

Ever wanted to make your own cartoon? Well, now you can thanks to this detailed Illustrator tutorial. You will learn what goes into making a cartoon, how to plan the theme of your cartoon, and how to put together an effective scene that helps you tell the story.

How To Draw A Cartoon adobe illustrator tutorial

PixityLand-Character Creator Kit (Envato Elements Template)

This is another character creation kit from Envato Elements that will allow you to create PixityLand characters. You can mix and match different elements to create completely new characters which makes this kit a perfect solution when you need custom characters quickly.

PixityLand-Character Creator Kit

How to Create a Flat Design Character (Video Tutorial)

Flat design is all the rage nowadays and in this video tutorial, you will learn how to apply flat design principles and create a full-blown character in Illustrator.

How to Create a Flat Design Character adobe illustrator tutorial

How to Give Personality to Character Art

Creating a character requires more than drawing and illustration skills. If you want your characters to be appealing and get the audience to react, you need to give your characters a personality. With the help of this Illustrator tutorial, you’ll learn how to do just that.

How to Give Personality to Character Art adobe illustrator tutorial

How to Create a Cute Welsh Corgi Character

Corgis are adorable. They are even more adorable when you turn them into a cute illustrated character. Learn how to use Adobe Illustrator to create the cutest Welsh Corgi you’ve ever seen.

How to Create a Cute Welsh Corgi Character adobe illustrator tutorial

Doctors and Children Flat People Characters (Envato Elements Template)

If you have a project that requires doctor or children characters, don’t miss out on this Envato Elements template. You’ll find plenty of premade characters that will make your project go faster.

Doctors and Children Flat People Characters

How To Create a Cute Dinosaur Character

Take your Illustrator skills to the next level and learn how to design a cute dinosaur. This tutorial is perfect for children’s birthday invitations or even stationery design that appeals to young kids just starting school.

How To Create a Cute Dinosaur Character adobe illustrator tutorial

How to Give a Retro Vector Look to Characters

Retro style seems to never go out of fashion. Use that to your advantage and learn how to give a retro look to your vector characters in this detailed Adobe Illustrator tutorial.

How to Give a Retro Vector Look to Characters adobe illustrator tutorial

How to Create a Summer Illustration

Summer is just around the corner. What better way to celebrate than to create a summer Illustration depicting a beach scene. This tutorial will also warm you up during cold winter days so be sure to check it out.

How to Create a Summer Illustration adobe illustrator tutorial

Animal Characters Set (Envato Elements Template)

When you’re working a design project involving pets or animals, you need adorable animal characters. Use this template as a starting point or as an inspiration to create your own animal characters.

Animal Characters Set

How to Design a Handsome Flat Hipster Character

This tutorial will help you design a handsome hipster character done up in a flat design style. You’ll learn how use simple geometric shapes, Live Corners, and the Stroke and Align panels.

How to Design a Handsome Flat Hipster Character adobe illustrator tutorial

How to Create a Retro Poster With an Astronaut Child

Another retro-inspired tutorial that will teach you how to create an astronaut child using Warp tools, Clipping Mask, and textures to give it a unique look.

How to Create a Retro Poster With an Astronaut Child adobe illustrator tutorial

Geek Character Set (Envato Elements Template)

Check out this geek character set from Envato Elements. Not only is this template perfect if you need geek characters quickly but you can also use it as an inspiration for your own character design.

Geek Character Set adobe illustrator tutorial

How to Create A Cute Creature Character

Take a look at this tutorial to learn how to make a cute creature from a sketch you already have. You’ll learn how to make use of custom brushes, the Paintbrush tool, Pen tool, and the Live Paint Bucket tool.

How to Create A Cute Creature Character adobe illustrator tutorial

How to Create a Deep Diving Character Illustration

Using simple and basic shapes along with the offset effect can produce interesting results. Use this Illustrator tutorial to create an amazing deep diving character illustration, perfect for any summer or ocean-related project.

How to Create a Deep Diving Character Illustration adobe illustrator tutorial

How to Create a Vector Hipster Character (Video Tutorial)

This is another video tutorial from Chris over at Spoon Graphics. He shows you how to use basic shapes to construct a vector hipster character which makes the entire process much faster.

How to Create a Vector Hipster Character adobe illustrator tutorial

How To Create an 8-Bit Pixel Character

Pixels are usually associated with Photoshop but in this tutorial, you will be using the rectangle tool to create a vector illustration that looks like a simple 8-bit style pixel character.

How To Create an 8-Bit Pixel Character adobe illustrator tutorial

Isometric Characters Constructor Kit (Envato Elements Template)

I’ve shared a tutorial earlier in this post that will teach you how to design isometric characters. If you want to speed up the process, consider using this isometric character constructor kit.

Isometric Characters Constructor Kit

How to Draw Characters in Illustrator

Use this tutorial to learn how to create a female character from scratch. The tutorial uses a step-by-step approach to turn a sketch into a finished vector illustration in Illustrator.

How to Draw Characters in Illustrator adobe illustrator tutorial

How to Draw a Boxing Kangaroo Character

This tutorial teaches you how to make an awesome and cute boxing kangaroo character in Illustrator. You’ll work with the Path and Blend tool as well as effects and brushes to make your illustration appear more realistic.

How to Draw a Boxing Kangaroo Character adobe illustrator tutorial

How to Create Easy Kawaii Animals

If you want to learn how to create kawaii animals, this tutorial is for you. You’ll learn how to use the warp effect, move anchor points, and use the Pathfinder panel. The tutorial also teaches you to how to properly use the Line Segment Tool and the Reflect Tool.

How to Create Easy Kawaii Animals adobe illustrator tutorial

How to Draw a Cute Glowing Jellyfish

Jellyfish are not cute when you meet them in real life but this cute jellyfish character is nothing to be afraid of. Learn how to create this cute glowing character with basic geometric shapes, Pathfinder panel, and various Effects.

How to Draw a Cute Glowing Jellyfish adobe illustrator tutorial

How to Create a Character Kit in Adobe Illustrator

Creating your own characters in Illustrator will become a piece of cake once you’ve gone through the tutorials listed here. With this last tutorial, take it a step further and create your very own character kit that will speed up your character design process in the future.

How to Create a Character Kit in Adobe Illustrator adobe illustrator tutorial

Illustrated characters add life and personality to any design project. Use the tutorials in this article to learn how to create effective characters for any design project. You will also sharpen your Illustrator skills and learn new design techniques that you’ll apply in your everyday work and design projects.

Sours: https://speckyboy.com/character-tutorial-adobe-illustrator/

Illustrator characters adobe

Create a cartoon character using Adobe Illustrator

Cool mascots are found all over the web and usually represent companies like design firms and restaurants.

If you’ve ever seen one of these fun cartoon characters, I’m sure you’ve asked yourself, “How can I create a cool character like that?” Well I’m here to show you!

But before we jump into Adobe Illustrator, let’s get some quick inspiration:

First things first… grab some paper, a pencil and start doodling fun characters from your mind.

After a little brainstorming, I came up with this:

Put the sketch into Adobe Illustrator using File > Place (of course you need to scan your sketch in).

Double click on the Layer with the sketch and set it to Template in the Layer Options palette. Then:

  1. Dim the image between 10 to 20%.
  2. Or you can make it transparent by reducing the Opacity numbers.

This will allow you to see the Path lines you create.

Set the Pen Tool to No Fill with a stroke of 0.25 pt, so we can ‘path’ each section with it.

If you are not familiar with the Pen Tool then check out this article, “Turning sketches into vector art with the Pen Tool.”

After you’ve outlined your shape, copy and paste it in front then make it slightly smaller than the original shape. The original shape will act as an outline when you fill both with color.

This helps give your character varied line weights so you don’t have to use Strokes.

Continue making other shapes such as the eyes, nose and mouth. Once you’ve built most of the shapes, fill each section with base colors. For example, I’ve used a base color of brown.

Below is an example of the sub-layers:

Continue using the same steps as above for each section. And don’t forget to create a new layer for each part!

Next, change the solid colors into gradients — this adds depth to your character.

When you have the base colors complete, start highlighting your character with smaller gradients.

And here is the final result:

That’s it! Simple right? Good luck creating your own character! 🙂

Have any questions about this process? I’m here to help!

Related articles:
11 Illustrator tips for web designers who prefer Photoshop
Design an End Of The World poster using Photoshop and Illustrator
Create Cupid for Valentine’s Day using Adobe Illustrator

Sours: https://99designs.com/blog/design-tutorials/create-a-cartoon-character-using-adobe-illustrator/
Creating An Illustrator Puppet (Adobe Character Animator Tutorial)

.

You will also like:

.



352 353 354 355 356