Dzinepress » Tutorials

Exceptional Technique of Cartoon Character Design – 40 Tutorials

asim9ice — Thu, 19 Jan 2012 12:20:45 +0000

In this age, there’s lot of people, who likes Cartoon characters and we have cool stuff to create cartoon characters. Therefore we are presenting much awesome Cartoon Illustration tutorials for you. Because these kinds of graphics are attentions grabbing and people like to take attention in these kind of stuff and the person who is performing these kind of job also a creative person and we’ll say him a creative artist. Here I am going to present you some cool stuff of illustrations that will help you if you are an artist, so below you can see the stuff.

Create your own Leprechaun for St. Patrick’s Day!

Create yourself a wee Leprechaun for St. Patricks Day 2009 with this Illustrator tutorial. This tutorial covers the process from digital inking to basic coloring and rendering.

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!

Drawing Homer Simpson

This tutorial will teach you how to draw the Simpson’s favorite character, Homer Simpson, from grounds up. Our drawing project will involve drawing the outline of the character, applying strokes to these outlines, and then using various selection tools to color Homer’s skin and clothing. Wel will then finish it off by adding shadows and highlights to make it look similar to the image below.

Drunken Monkey Photoshop Tutorial

This Adobe Photoshop tutorial is a guest article written by Sergio Ordóñez, 29 years old Spanish designer and illustrator who is working as a freelancer in SOSFactory since 2004. The article focuses on creating a visually appealing mascot and a logo and provides insights in the designer’s workflow and the design process itself.

Mascot Design In Real Time Order – the SOSFactory Way

This time I wrote this post as the job was being developed. This way you’re going to see how the order is developed, from the first sketches to the final result, I hope I won’t miss anything… What stress!

Create a Character Mascot with Adobe Illustrator CS4

Mascots are becoming increasingly popular in web design. In this intermediate Illustrator tutorial we will show you how to create a vector character mascot from a sketch in Adobe Illustrator CS4. The techniques in this tutorial can easily be applied to other illustrations, icons, and design elements; as well as legacy versions of Illustrator.

Create your own monster

How do you give a fictional creature a distinct personality? Peskimo explains how to design a convincing monster.

Cute Baby Seal

Thus recites Frank Zappa‘s “Nanook Rubs It” from the album Apostrophe (‘). Inspired by that line I put together a simple tutorial to teach you how to create a super cute baby seal.

Create a Blue Vector Character

As I was looking on Chris blog, I was inspired on his illustrator tutorial about creating a cute vector monster so I decided to make a quick tutorial and in this tutorial we will going to make a blue character Illustraion thing.

How to Create a Fantasy Character in Illustrator

This tutorial covers the process of creating a fantasy pinup illustration with Illustrator CS3. This tutorial uses Live Paint, so you will need CS2 or above to follow. If you need an alternative method for a legacy version of Illustrator, please download my Creating Comics with Illustrator tutorial tutorial, which includes instructions for that.

Real-world effects

Everyone seems to be embracing photorealism and heightened reality these days, but if you’re a vector character designer or illustrator without 3D modelling skills, how do you compete?

Create A Vector Art Twitter Bird Character

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 Cute Panda Bear Face Icon

In the following easy tutorial, the author shows us how to create a cute panda bear face icon all from ellipses.

Create a Cute Furry Vector Monster in Illustrator

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.

How to Create a Cute Bunny Vector Character

In this Illustrator tutorial, I will show you how to create a cute bunny character. This tutorial uses simple shapes and gradients that are easy to apply to other character illustrations.

Create Simple Cartoon Characters in Photoshop

The use of colourful vector art is a great way to create an accessible and friendly webpage. When done well it is possible to create a rich and vibrant art style which will capture the imagination. We walk you through the basics to get you going on Photoshop CS and newer.

Adding dimension to your characters

Are your designs looking a little flat? We show you how to make your creations leap off the page with startling dimension.

Illustrate a LeBron James Cartoon Character

I am a cartoonist/illustrator who specialized in retro style vector cartoons. You can find more of my work and books at my web site. In this tutorial, I’ll show you how I use Adobe Illustrator to create vector cartoons.

Dumb Blue Sucker Monster

This is second cartoon illustrator tutorial from Chris Spooner mini-series of monsters tutorials. Now, you will learn how to create Dumb Blue Sucker Monster. Although this tutorial is more advanced than the first one, but it shouldn’t be a problem for the beginner since it uses mostly the basic tools and shapes.

Cartoon Character with Expressive Lines

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

Create a Gang of Vector Ninjas

It can be quite tricky getting the hang of Adobe Illustrator, but if you take a step back and concentrate on the basics there’s a range of options for creating great looking images. In this tutorial, we’ll take a look at 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.

How to Create a Quirky Twitter Bird in Corel Draw

Learn here how to create a this bird using a few techniques in Corel Draw. Successful completion of this tutorial requires an intermediate knowledge of Corel Draw. We think it’s easy as there is no need for Art school sketches that are usually needed in the first step. Let’s get started!

Creating Line Drawings in Adobe Illustrator

This is one grumpy dude. He was created in Adobe Illustrator with the brush tool. I don’t use the program a lot, but when it comes to “inking” my drawings, I find it very useful. Here’s an in-depth look into the making of this cute little grandpa guy including:

Cartoon Bug Tutorial

Below is a tutorial I’ve written for a cartoon character created in Adobe Illustrator. This is an alternative method from my other cartoon tutorial.

Green Slimey Monster

The final monster cartoon character in the mini-monster series – the Green Slimey Monster.

How to Illustrate a Cute Emo Kid

We’ve recently included some funny looking cartoon style silhouettes on our website, so in this tutorial I will take you through the process of drawing these cuties. The concept is based on the Emo trend and I will take you trough all the steps from sketch to full color vector. I am using Illustrator CS3, pen, paper, scanner, and Wacom tablet.

Create a Cute Vector Monster from a Pencil Sketch

I guess with recent topics being based on vector illustrations and cute characters, it’s about time for another Illustrator character tutorial.

Drawing Vector-Looking Cat Illustration Using Photoshop

Vector illustrations are known to be rather popular in web graphics today. Professional designers are able to create such illustrations in a matter of couple hours. If you are a beginner or an amateur, the tutorials in web-graphics would certainly be of a great use for you.

Create Sketchy-Style Vectors

Illustrator is great for creating clean and precise illustrations, but some of the time you don’t want clean and precise.

Drawing and Designing a Lovely Cartoon Character

Decrease the Opacity of some layer stroke, repair the tail part to like the sample picture ….

Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch

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!

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.

The Making of Abe, The Are My Sites Up Mascot

I recently had the opportunity to work with fellow design blogger Chris Coyier of CSS-Tricks as part of a little project to produce a cartoon monster mascot for the newly launched service; Are My Sites Up.

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

There are numerous micro-stock websites that vector designers can design for and make consistent earnings through. Envato runs a few stock sites, such as Graphic River, which you may be interested in participating in. You may find the article on Freelance Switch about making money through selling your work on stock sites enlightening as well. There are some great tips in that article.

Adobe Illustrator Cartoon Snail Tutorial

Below is a tutorial I’ve written for a cartoon character created in Adobe Illustrator. Feel free to check out my other tutorials here. Enjoy!

Create a Stinking Zombie Flesh-Eater

In this tutorial, I will show you 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. Let’s ‘rip’ this one apart!

How to Draw a Cartoon Duck , Character illustration

Following this tutorial you can draw a step by step illustrated vector tutorial file which will help you to actually look at how it is done! it is as simple as that!

Freddy the Fish

One of the most popular articles here on Blog.SpoonGraphics is how to create a vector cartoon character from a hand drawn sketch, an Adobe Illustrator tutorial covering the process of creating Captain Blackspoon.

How to Create a Killer Chainsaw Bunny Character

This tutorial shows you how I build a Bucket ‘o’ Thought character and add a dynamic background effect. This process can be applied to any sketch you are vectorising.

How to Create a Cute, 3D, Vector Robot

For this tutorial, we’ll use simple shapes to create a cute robot. We’ll apply various shading techniques to give our vector illustration a 3D style. We’ll work from sketch the final illustration, and cover all the techniques used to make this character.

30 Business Card Design Tutorials to be valued for Designers Every business needs a business card, and it should be...
35 Professional Corel Draw Tutorials for grasp Print Media Tools When we got assignment for Print Media designs we prefer...
30 Unique Movie Poster Design Tutorials for Graphic Designers Poster designing is also an art of designing when we...

Related posts brought to you by Yet Another Related Posts Plugin.

40 Eventual Throng of CSS3 Techniques and Tutorials

asim9ice — Tue, 10 Jan 2012 08:03:30 +0000

(Powered by LaunchBit)

In this emerging way of website designing and development we have latest updates as we know CSS3 (Casecading Style Sheets) just on door step with amazing designing and development techniques, so many functionalities and features equipped by CSS3 which are compatible for cross browser of all well-known internet browsers like Microsoft Internet Explorer 7, 8 & 9, most of the Firefox versions, Safari and Chrome, they allÂ supportsÂ new CSS3 properties.

CSS3 is second version of CSS and we have ultimate useful css3 tutorials in this roundup with various techniques to get results as we need in this modern development era, because designers avoid other tools or techniques such as Adobe Flash, Ajax codes because these tricks make your websites heavy with number of line code on websites user experience. I am sure these f all tutorials for newbies and professionals as well to increase css3 techniques.

How to Create CSS3 Borders â€“ CSS3 Handy Techniques

In this helping and creative technique based article where we are using CSS3 (Cascading Style Sheets), these are useful methods which we can use in website development, in this modern web development era we should get control on these kind of advanced development tricks.

Create a Button with Hover and Active States using CSS Sprites

Too many designers neglect the click state (active: property in CSS) in web design, either because theyâ€™re unaware of it, underestimate the importance of it or are plain lazy.

Text Embossing Technique With CSS

f youâ€™re like me, you love embossed text like it is going out of fashion. In fact, itâ€™s liked so much right now by many web designers that it featured in Smashing Magazines â€œWeb Design Trends for 2009â€ article which firmly puts it up there! In this article I will show you a couple of real world examples of this, as well as describing how to implement this effect with CSS.

Awesome Overlays with CSS3

The trick with these overlays is the gradient border, going form a lighter to darker orange as you go from top to bottom. To create that effect we used to the border-image property, which is a tricky little addition to CSS.

11 Classic CSS Techniques Made Simple with CSS3

Weâ€™ve all had to achieve some effect that required an extra handful of divs or PNGs. We shouldnâ€™t be limited to these old techniques when thereâ€™s a new age coming. This new age includes the use of CSS3. In todayâ€™s tutorial, Iâ€™ll show you eleven different time-consuming effects that can be achieved quite easily with CSS3.

Enable CSS pseudo-element selectors in Internet Explorer

I was looking for a plug-and-play script that enables CSS3 :nth-of-type and other CSS3 selectors in Internet Explorer. John Resigâ€™s Sizzle is, well, incomprehensible to me (at least) and the mighty Dean Edwardsâ€™ IE7/8 scripts donâ€™t (yet) support the CSS3 selector types I need.

CSS3 Minimalistic Navigation Menu

As you have probably heard by now, CSS3 animations are a powerful tool, which enables you to create animations which run without the need of applying additional scripting to the page. What is even better, in the next generation of browsers we will have even more powerful tools, including 3D transformations (already present in Safari).

Create a Letterpress Effect with CSS Text-Shadow

The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property itâ€™s now simple and easy to create the effect with pure CSS. No Photoshop trickery here!

How To Create a Stylish Drop Cap Effect with CSS3

Drop caps have been around for years in the print industry, but they are still pretty rare in the web world despite the :first-letter selector having been around for a fair few years. Letâ€™s take a look at how we can create a cool drop cap for our web designs and spice it up with some stylish CSS3 text-shadow effects.

Use CSS3 to Create a Dynamic Stack of Index Cards

Recently we hear a lot about CSS3 and its features and even though there are already some web sites out there that take advantage of some of the CSS3 features (including DesignLovr) we hardly ever see the full potential of what can be achieved with CSS3.

Beautiful Photoshop-like Buttons with CSS3

One of the elements on a web page that a visitorâ€™s attention is drawn to first is in many cases a button. Whether it is a â€œAdd to cartâ€, â€œLeave a commentâ€ or â€œSubscribeâ€ button, they all are designed to stand out from the rest of the design and make the visitor click on them.

CSS Animation

CSS; Cascading Style Sheets. If youâ€™re serious about web design, thatâ€™s the next thing you should learn.

Pushing Your Buttons With Practical CSS3

CSS3 is the partially implemented sequel to the CSS2 spec we all know and love. Itâ€™s already popping up in new browsers such as Firefox 3.5, Safari 4 and Chrome. In this article, the first of the articles that explore practical (and even far-fetched) implementation of CSS3, we start by applying CSS3 to something we all have to create: buttons.

#57: Using CSS3

The latest wave of web browsers have pretty decent support for a variety of CSS3 stuff. Particularly Safari 4 and Firefox 3.1. This screencast covers many of the techniques now possible, focusing on the ones that can be used for progressive visual enhancement.

Create Beautiful CSS3 Typography

In this tutorial, youâ€™ll find how to take basic markup and transform it into an attractive and beautiful typographical design through pure CSS3. There are no images or other external resources, just pure CSS magic. Youâ€™ll also touch on some general typographical concepts along the way.

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

Horizontal sliding panels are great for many situations, but like everything else, theyâ€™re not always ideal. It depends on the project. To see what I mean by â€˜horizontal sliding panelâ€˜, go have a look at my other site Design-Newz, and click on the â€˜want moreâ€˜ button thatâ€™s on the right above the navigation bar.

Making a CSS3 Animated Menu

In this short tutorial, we will be using the power of CSS3 effects and transitions, to build a JavaScript-free animated navigation menu which you can use to add a polished look to your website or template. We will be using some neat features such as the :target pseudo selector and :after elements.

CSS3 & Flexible UI: Avoid Recutting UI Graphics for Mobile

Designing UI elements for a mobile browser has taught me a great deal when it comes to creating interactive graphical elements that are to be used in a very small space.Â Of course, when I say small space, I mean a small space that has the potential to be different for each handset out there.

CSS Basics: How to Design & Code a Stylish Button

Some of my most popular articles and tutorials are those that cover the basics. In this post weâ€™ll go through the process of designing a stylish button graphic in Photoshop, then build a complete working example in HTML and CSS.

How To Code a Blog Theme Concept in HTML & CSS

Last week we went through the process of creating a clean blog theme layout in Photoshop. Now, letâ€™s transform the visual concept into a working HTML/CSS prototype web page before finishing everything up as a complete theme next week. Weâ€™ll build the page structure with clean HTML,

Sweet tabbed navigation using CSS3

Although I don’t understand why animations have been added in CSS3, this upcoming standard does have a couple of very neat features added to the CSS we’re using today. I wanted to take a couple of these new things, and create a Sweet tabbed navigation using CSS3.

Experimenting with the element() CSS function

Just like I said in my previous article; Since Firefox 4 was relesed, loads of new (CSS) features were released into the wild. Next to the :any() CSS selector, another cool CSS feature was added to the Gecko engine that I wanted to check out, and is called the element() function.

Customizing Web Form With CSS3 and Webkit

Last week, we shared a few things weâ€™d learned about UI in mobile WebKit browsers. In that post we touched briefly on the idea of using CSS3 to make form inputs that look and feel the same in all WebKit browsers across platforms. Today Iâ€™d like to share some specific examples of how we did that.

Build Multi-level Multi-column Multi Menus with pure CSS

I am sure there are many designers and developers who likes to implement the Multi-level, Multi-Column, Multi-Menus, Light Weight and the most Browser Compatible Menu or Navigation with pure css and without using any javascript.

CSS3 Image Styles

When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn’t render the CSS style perfectly. However, if the image is applied as background-image, you can add any style to it and have it rendered properly.

How To Create Depth And Nice 3D Ribbons Only Using CSS3

In this last period on PV.M Garage we have described many trends of the modern Web Design and many techniques for creating stunning and impressive web sites.In one of our tutorials we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout.

Rotating billboard using only CSS3

When I just finished creating the animated 3d helix, I came up with an idea that would look a lot like that one. Instead of having the flip animation on top of each other, I wanted to have them placed next to each other. This looks a lot like an animation most of you will know; a rotating billboard.

How To Create a Pure CSS Polaroid Photo Gallery

Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Letâ€™s take a look at building a cool looking stack of Polaroid photos with pure CSS styling.

HOW TO CREATE A BEAUTIFUL DROPDOWN BLOGROLL WITHOUT JAVASCRIPT

Dropdown menus are a great way of including a long list of links without cluttering up your page. The issue though is that they can be hard to style, but look quite ugly if you donâ€™t. There isnâ€™t a lot of flexibility with HTMLâ€™s