Posts Tagged adobe illustrator

How To Create a Cubist Style Logo Design in Illustrator

Follow this logo design process walkthrough to see the making of a cubist style logo design made up of lots of detailed vector facets. Not only will we be creating the actual design in Adobe Illustrator, but I’ll also be describing the whole logo design process in this tutorial, from the initial sketches right through to finishing off the final design.

15386 raven logo sm How To Create a Cubist Style Logo Design in Illustratorthe Read the rest of this entry »

Tags: , , , , ,

Create a Simple Vector Ninja Character in Illustrator

Follow this step by step Adobe Illustrator tutorial to create a simple vector ninja character. The design is made from basic shapes and uses Illustrator’s core tools, which makes this tutorial perfect for beginners.

ff9ea vector ninja character Create a Simple Vector Ninja Character in Illustrator

The ninja character we’ll be creating is made up of simple shapes to create a cute overall appearance. Despite being generally dark in colour we’ll add definition to the character with the help of strokes and gradients using subtle changes in tone.

ff9ea 01 Create a Simple Vector Ninja Character in Illustrator

Open up Adobe Illustrator and draw a circle on the artboard, this will be the base of the ninja’s head.

ff9ea 02 Create a Simple Vector Ninja Character in Illustrator

Continue using the circle tool to draw the eyes, starting with the hole in the mask with a rotated oval, then a couple of generic eyes using two solid circles.

ff9ea 03 Create a Simple Vector Ninja Character in Illustrator

Use the Pen tool to draw the body, click and drag out lines to create a slightly curved, dynamic looking body shape. Press CMD+Shift+[ to send this item underneath the head.

ff9ea 04 Create a Simple Vector Ninja Character in Illustrator

Click and drag flowing lines across the body to represent the arms and legs in an exaggerated combat pose. Drag out long bezier handles for smooth curves.

ff9ea 05 Create a Simple Vector Ninja Character in Illustrator

Increase the stroke of these lines to around 25pt and change the option to Round Cap to smooth off the ends.

3cd3c 06 Create a Simple Vector Ninja Character in Illustrator

With both the lines selected go to Object > Expand. Select just the Stroke option to convert these paths into solid shapes.

3cd3c 07 Create a Simple Vector Ninja Character in Illustrator

Select the head and hit CMD+C to copy, we’ll need this shape again later. Add the body, arms and legs into the selection then click the Merge option from the Pathfinder window.

3cd3c 08 Create a Simple Vector Ninja Character in Illustrator

Change the fill colour to 90% black and adjust the stroke to 8pt black aligned to the outside.

3cd3c 09 Create a Simple Vector Ninja Character in Illustrator

In the Appearances palette select the Add New Stroke option from the fly out menu in the top left corner.

2ca02 10 Create a Simple Vector Ninja Character in Illustrator

Adjust this new stroke to 4pt 93% black, aligned to the outside to create a double stroke effect.

2ca02 11 Create a Simple Vector Ninja Character in Illustrator

Press CMD+F to paste in the copied head shape back into position. Change the fill colour to the 90% black and give it the 4pt 93% black stroke aligned to the outside. Press CMD+[ until the head sits under the shapes that make up the eyes.

2ca02 12 Create a Simple Vector Ninja Character in Illustrator

Select the mask outline and give it the grey stroke, then adjust the fill colour to a natural skin tone. Add a second stroke and align it to the inside then select a slighter darker tone than the skin.

2ca02 13 Create a Simple Vector Ninja Character in Illustrator

Use the Pen tool to draw some belt shapes across the body of the ninja character, give these a fill of 93% black so they blend with the stroke outline.

2ca02 14 Create a Simple Vector Ninja Character in Illustrator

Our little ninja character is looking pretty good so far, but to really add some depth and an extra dimension we can make use of some subtle gradients.

2ca02 15 Create a Simple Vector Ninja Character in Illustrator

Swap the solid fills on both the head and body shapes for a 90% black to 95% black radial gradient. Use the Gradient tool to adjust the flow so it runs smoothly across the shapes.

2ca02 16 Create a Simple Vector Ninja Character in Illustrator

Finish off the ninja character design with a simple background, then draw a basic rectangular shape with a white fill. Select a pivot point for the Rotate tool then drag out a copy while holding the ALT key.

9a15e 17 Create a Simple Vector Ninja Character in Illustrator

Repeatedly press CMD+D to repeat the rotation until you have a full circle of flaring shapes. Group all these shapes together and reduce the opacity to around 2%.

ff9ea vector ninja character Create a Simple Vector Ninja Character in Illustrator

Our little ninja character is now complete. The basic shapes help give the character that stylised vector appearance while the subtle gradients and strokes all help add to the ninja’s stealthiness against the dark background.

Download the source filethe Read the rest of this entry »

Tags: , , , , ,

Free Christmas Themed Cute Vector Character Pack

It might only be November but we all know Christmas sneaks up on us fast! A couple of years ago I released a set of free sketchy Christmas vectorsthe Read the rest of this entry »

Tags: , , , , ,

Create a Cute Vector Penguin Character in Illustrator

Follow this step by step Adobe Illustrator tutorial to create a simple vector penguin character. We’ll be using many of Illustrator’s basic shapes to create the structure of the character, which makes this tutorial great for beginners. We’ll then make use of various gradients to really bring the character to life with depth and dimension.

e15e0 vector penguin character sm Create a Cute Vector Penguin Character in Illustratorthe Read the rest of this entry »

Tags: , , , , ,

How To Create a Cool Abstract Radial Pattern Design

Whenever I’m stuck for tutorial ideas I always seem to be able to fall back on my typical ‘Chris Spooner’ style of cool abstract patterns people seem to enjoy. We’ve used similar techniques on the 3 poster

Read the rest of this entry »

Tags: , , , , ,

How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Tags: , , , , ,

Logo Design Trend Showcase: Retro Emblems & Badges

I’ve noticed the retro/vintage style theme in logo design is becoming an increasingly popular trend. This showcase pulls together a range of great looking logo designs based on the emblem or badge theme. Most often using a circular format, these logos use a mix of texture or intricate vector patterns to produce a creative and overall super-cool design.

McFly

Read the rest of this entry »

Tags: , , , , ,

How To Create an Intricate Vector Heart Illustration

In case you haven’t noticed, today is Valentine’s Day, so I thought it would be fitting to base today’s tutorial on some kind of ‘lovey-dovey’ theme. Follow this step by step Illustrator guide to creating an intricate vector heart illustration. We’ll build the various patterns and shapes out of simple objects and modify their appearance with Illustrator’s handy distort tools in order to completely fill our heart graphic with detailed elements.

2f8c1 valentine heart sm How To Create an Intricate Vector Heart Illustration

Read the rest of this entry »

Tags: , , , , ,

How To Create a Sophisticated Business Card Design

Business card tutorials always seem to go down well with my Blog.SpoonGraphics readers, so I figured it was about time for another one! Follow this step by step guide to create a sophisticated business card design with a beautiful mix of coloured stripes. Learn how to set up your design file, create the card design and export a print ready document.

a7f88 18 How To Create a Sophisticated Business Card Design

The card we’ll be designing is for a fictional interior designer. We’ll be using a beautiful colour scheme to create a decorative striped design that flows from the rear of the card to the front.

a7f88 01 How To Create a Sophisticated Business Card Design

Open up Adobe Illustrator and create a new document. In the options box we need to set up the correct print settings. With this design being two sided we first need to set the number of artboard to 2. Then adjust the dimensions of the final card, we’ll be using Moo.com

Read the rest of this entry »

Tags: , , , , ,

Design a Sexy Pin-Up Girl Character in Illustrator

Follow this step by step guide to create a sexy vector pin-up girl character design. We’ll start the process with a hand drawn sketch, then draw and manipulate the vector linework in Illustrator before adding colour and shading to bring the character to life.

a6752 Pin Up red sm Design a Sexy Pin Up Girl Character in Illustrator

Read the rest of this entry »

Tags: , , ,

How To Create a Beautiful Vector Portrait in Illustrator

I’ve always love browsing the amazing style of art known as Vexel illustration and recently I decided to finally give it a go myself. Follow this step by step tutorial for the making of my first vector art portrait of Tron Legacy’s Quorra. Learn how the portrait is carefully traced and vectorized in Adobe Illustrator to create an interesting vexel style design.

1a293 quorra vexel sm How To Create a Beautiful Vector Portrait in Illustrator

Read the rest of this entry »

Tags: , , , , ,

Create a Cute Vector Reindeer Character in Illustrator

With Christmas being just around the corner I thought it would be fitting to create a festive themed tutorial. Follow this step by step process to design a cute little vector reindeer character. We’ll begin by creating the basic structure of the character with basic shapes, then build up the details with gradients and effects.

50d8b reindeer character sm Create a Cute Vector Reindeer Character in Illustrator

Read the rest of this entry »

Tags: , , ,

How To Create a Tessellating Geometric Poster Design

Follow this step by step tutorial to create a trendy geometric poster design with a series of tessellating three dimensional cubes. We’ll be creating the colourful shapes in Adobe Illustrator, then bring everything over to Photoshop to finish off the poster with subtle textures and colour casts.

973b9 geometric poster sm How To Create a Tessellating Geometric Poster Design

Read the rest of this entry »

Tags: , , , , ,

How To Design a Print Ready Letterhead & Comp Slip

Follow this step by step process of creating professional print ready design files for your letterhead and compliment slips stationery designs. We’ll build the design in Adobe Illustrator with the appropriate bleed and margin settings, then use a mix of Adobe Distiller and Adobe Acrobat to export and check over the final design files.

c4e60 stationery designs sm How To Design a Print Ready Letterhead & Comp Slip

Read the rest of this entry »

Tags: , , , , ,

Create a Detailed Vector Emblem Badge in Illustrator

Use a range of vector shapes in Adobe Illustrator to create a detailed black and white emblem badge. We’ll use a mix of basic tools to align the various shapes together, then add some cool detail using the more advanced Pathfinder and Blend tools.

5ec54 chrisspooner emblem sm Create a Detailed Vector Emblem Badge in Illustrator

Read the rest of this entry »

Tags: , , , , ,