background preloader

Illustrator

Facebook Twitter

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. The portrait we’ll be working on features the beautiful Quorra character from Tron Legacy. The term vexel art matches the style of this illustration, where a semi-realistic image is produced from numerous layers, but to be fully recognised as a vexel illustration the artwork has to be pixel based.

View the final Quorra vector art portrait The first step when creating any vexel style portrait is to source a subject. Next, make a duplicate of the layer and go to Image > Adjustments > Posterize and change the levels to between 15-20. Take a snapshot of the base image and place it into Adobe Illustrator. Download the source file. How to Create the Discreet Charm in Illustrator. Adobe Illustrator TutorialFinal Image Preview You can download the source vector file for this tutorial Our guest is the professional illustrator Catherine Dedova. Today she will share with you the steps of creation of the vector illustration. The Preparatory Phase I’ve always wanted to draw the Diva… or maybe even a film star? Here are some preliminary sketches, which didn’t work out. I always do color sketches in the Photoshop.

Coloring in Adobe Illustrator I always try to find something new in my artworks, or at least somehow change the way of drawing. All the forms are been created with the Pencil Tool (N) and are been filled with gradients. The hair is created from the main bulk, and then they are divided into locks. The Paintbrush Tool (B) suits perfectly for that. I won’t get into too many details about how I draw the dress, because there is nothing special and tricky from the point of view of drawing.

The coat looked like this from the very beginning. And here we go! How to Create a Detailed Button and Needle Illustration. In the following tutorial you will learn how to create a detailed button and needle illustration. This tutorial uses many different vector techniques including the Appearance Panel, Transparency Settings, Patterns and more. Let's begin! Step 1 Hit Command + N to create a new document.

Enter 600 in the width box and 700 in the height box then click on the Advanced button. Go to Edit > Preferences > Guides > Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. Step 2 Pick the Ellipse Tool (L), create a 190px circle and fill it with R=57 G=181 B=74. Step 3 Reselect the three concentric circles created in the previous step, open the Pathfinder panel and click on the Divide button. Step 4 Disable the Snap to Grid (View > Snap to Grid) then go to Edit > Preferences > General and make sure that the Keyboard Increment is set at 1px.

Step 5 Reselect the larger compound path and make two new copies in front (Command+ C > Command+ F > Command+ F). Step 6 Step 7 Step 8 Step 9 Step 10. How to Create a Promotional Website Infographic in Adobe Illustrator. In this tutorial, we will learn how to collect and process statistical data, then visualize it using Adobe Illustrator. You will also learn how the various vector elements of this project were created, as well as how to save the project in PDF format, edit it, add hyperlinks, and place navigation between pages.

This is a detailed infographic tutorial and you can follow along at the jump. A Primer on Infographics Information graphics or infographics are graphic visual representations of information, data or knowledge. These graphics present complex information quickly and clearly, such as in signs, maps, journalism, technical writing, and education. Information presented only in numbers may look awkward and people may not be interested in it. Today we are going to create website promotional infographics. Step 1 - Working with the Sources of Data Data collection for this project should be easy. These are the sources I will be using in this project. Step 2 Step 3 - The Overall Design Step 4. An Illustrator’s Project: From Start to Finish. In this tutorial, I’ll walk you through the steps of how to create an illustration art piece so that you can witness what goes behind a digital illustrator’s work, as well as gain some new insights for your own projects’ workflow.

We’ll go through conceptualization and idea gathering, creating illustrations in Illustrator, and then finishing the piece in Photoshop. Preview Introduction Have you ever found it hard to start and finish a project? Maybe your thoughts are disorganized and vague or you aren’t feeling particularly productive, but you know deep down you want to create something beautiful. All you need in this case is some inspiration, some Illustrator tips and tricks, and a little bit of Photoshop magic. I’ll share with you how I start a piece with the help of my trusty sketchbooks, and then how I execute a project with Illustrator, where I create the elements of the illustration. Resources free textures by bashcorpo Step 1: Look for inspiration Step 2: Sketching time!

Conclusion. Draw realistic liquids in vector art - Tutorials. Top 100 New Adobe Illustrator Tutorials. I must be some kind of a mind reader because you were thinking of a single place were you would find the best Illustrator tutorials and here it is. Alongside the previous article you got yourselves a massive tutorial collection here on Design your way which, I believe, you will appreciate. I’m not saying anything else, I’m just going to leave you here with these tutorials, tips and techniques that will help you improve your Adobe Illustrator skills.

How to Make an Icy Cocktail Do you desire to drink an icy refreshing cocktail on a sunny day? I know I am, so in this tutorial, I will explain how I draw a refreshing cocktail drink in illustrator. Windows 7 icon In this tutorial we will use Adobe Illustrator CS4 to create the music icon of the Windows 7 style. Create a Candy Inspired Vector Snowboard Design Learn how to put together a sweet candy inspired design in Illustrator by cutting, splitting and joining vector paths to produce an intricate weave of shapes. Create a Simple Storefront Icon. Create the iCloud Icon in Illustrator. Create a Beautiful Lily Pad Using Adobe Illustrator. In this tutorial we will learn how to create a beautiful lily pad in Adobe Illustrator. We will use basic drawing tools: like the Rectangle Tool, Ellipse Tool, and Pen Tool for drawing. For coloring we will use the Gradient Mesh and Blend extensively. So let's begin! Step 1 Create a new RGB document with a width of 1000px and height 550px.

Using the Rectangle Tool (M) to create a rectangle that covers the entire artboard. Fill it with a shade of blue #63C8E4. Step 2 Now we'll create a water effect by coloring nodes of the mesh in different shades of blue. Step 3 Select all the nodes in the third row and fill them with #093F58, which is a lighter blue than before. Step 4 Fill #1E9CCF, #219FD0 and #50C0E0 in the sixth, seventh and eighth row respectively. While this effect can also be achieved using the Gradient Tool (G), we have used a gradient mesh so we can make color changes to nodes later on to create shadows and lighter tones in the water. Step 5 Create a new layer for the lily leaf. How to Create a Line Art Vintage Vector Scooter in Illustrator. In today's tutorial, I'm going to show you how to create a vintage vector scooter illustration. I'll show you how to create simplified line art without overcomplicating the image. You'll learn how to create a quick texture as a finishing touch from resources you have available to you within Adobe Illustrator.

Learn how to give your work a vintage vector art feel. Step 1 I'll be using a stock image as a reference in this tutorial. I'm going to start the line art by drawing complete shapes that don't require additional lines from elsewhere to complete their form. When doing a simplified line art version from a stock image, you want to only focus on the key elements of the object's design. As long as when you look at the object on the entire illustration, you could name it, or have a good idea of its purpose, then you've simplified it well. Step 2 Now to draw the rest of the connecting lines. Step 3 Then duplicate the shape and resize it for the inside. Step 4 Step 5 Step 6 Step 7 Step 8 Step 9. How to Draw an Apricot with the Mesh Tool. Follow this simple but detailed quick tip and learn how to draw an apricot using the Mesh Tool.

It includes step by step instructions about how to create all the mesh points and lines plus all the color shades used so you can draw a realistic apricot from scratch. Let's begin! Step 1 First open a new web document. Use the Ellipse Tool (L) to draw an oval shape and select any fill color for the moment. Step 2 Take the Mesh Tool (U) and click on the spot indicated at the top of the ellipse. Next, click with the Mesh Tool (U) in the spot indicated above the center point to create the first horizontal mesh line. Step 3 Let's add more lines in the right side of the first vertical mesh line.

Step 4 Create the third mesh line by clicking in the spot indicated below then move the middle mesh point and adjust the handles as you did earlier. Continue with the next two lines. Step 5 The process is the same for the left side of the ellipse. Step 6 Step 7 Step 8 Let's continue with the horizontal lines. Create a Swirly Lollipop Using the Spiral Tool. In this tutorial, you'll be shown an easy and accurate way of creating your own swirly lollipop using a custom Art Brush and the Spiral Tool in Adobe Illustrator. If you're a beginner Illustrator user, this tutorial will help you get familiar with how to use Illustrator's tools creatively. Step 1 Open a new document that is 600px wide by 800px high.

Now make sure you have Smart Guides turned on by going to View > Smart Guides. First thing we'll do is make the gradients needed for the lollipop's shading. Now draw another for the second swatch and by default this should be filled with the same gradient. Step 2 Click on the artboard, with the Rectangle Tool (M) still selected and draw a rectangle 15px wide by 30px in height. Next go to Effect > Distort & Transform > Transform and move the rectangle 15px horizontal and for number of copies enter 34, then hit OK. Step 3 Click anywhere on the artboard to deselect the new set of rectangles. Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 Step 11 Step 12. Vectoring a Pair of Luscious Lips in Illustrator CS6 from Stock. Last month I showed you how I create detailed, stylized eyes from a stock image. This time around, I'm going to show you how I create a pair of detailed luscious lips from a stock image, including the teeth.

Introduction The exact steps and colors I use differs from project to project, so this is just what I've done for this specific stock image. However, this being said, the process remains the same on how I achieve certain elements of the lips detailing. The stock image I'm going to be using you can get over on Photodune. Step 1 I'm just going to prepare my file ready for vectoring the lips. Now Create New Layer and rename it BG. I tend to take advantage of the swatch libraries within Adobe Illustrator. Step 2 Time to begin vectoring the lips. Step 3 I'm going to build up the shadows now with a slightly darker fill color (C=0, M=25, Y=30, K=10), then set to Blending Mode Multiply, with Opacity 7%. Step 4 Now to focus more on the lips. Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 Step 11 Step 12.

How to Create Candy Cane Typography with Photoshop and Illustrator. How to Build Letter Art From Bricks In Illustrator. In this tutorial we'll use 3D-rendering, Blends, and an Art Brush for creating the final brick art. The skills you will learn here can easily be transferred to creating various brick letters.

Enhance your vector skills as a digital brick artist in today's Illustrator tutorial. So let's get started! Step 1 First of all create any letter using the Type Tool (T). Go to Type > Create Outlines (Command + Shift + O). Step 2 If your letter has holes in it, then go to Object > Compound Path > Release. Then select the outer path and go to Effect > Stylize > Round Corners. Go to Object > Expand Appearance. Step 3 Take the Rectangular Grid Tool, click in the workspace, and set the options as shown the diagram below.

Go to the Pathfinder palette and click the Divide button. Fill the grid with orange and set the Stroke to gray. Step 4 Select only one rectangle and go to the Info palette in order to know the width of it (W-value). Step 5 Now click the Copy button. Repeat this action as many times as you want. Use Warp Effects to Create a Pastel Colored Candies Illustration. In the following tutorial you will learn how to create a pastel colored candies illustration. This tutorial uses many different vector techniques including the Appearance Panel, Transparency Settings, Patterns and more. Let’s begin! Step 1 Press Command + N to create a new document. Enter 600 in the width box and 700 in the height box then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the "Align New Objects to Pixel Grid" box is unchecked before your click OK. Enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid).

Next, you'll need a grid every 5px. Step 2 Pick the Ellipse Tool (M), create a 100px circle and fill it with white. Step 3 Pick the Ellipse Tool (L), create a new 100px circle and place it above the existing shape. Step 4 Pick the Ellipse Tool (L), create a new 100px circle and place it above the existing shapes. Step 5 Pick the Ellipse Tool (L), create a new 100px circle and place it above the existing shapes. Step 6 Step 7 Step 8. How to Plastic Wrap your Candy with Photoshop and Illustrator. In this tutorial, I will touch on the Photoshop filter - Plastic Wrap. The Plastic Wrap filter is one of the most useful special effects tool Photoshop has to offer.

Use it to make create beads of sweat on an athlete, to just about anything that dribbles. Oh, and if you really want to, you can use it to draw shiny dripping paint on the can. In this work through, we're going to use this technique to create a plastic wrap on a candy. Step 1. You may prepare a solid colour background or the one similar to the bottom. Right click > Layer Properties > Inner Shadow. Add a Gradient Overlay, adjust to the settings like below. Click OK, and you will have something similar to this.

Step 2. Open Illustrator, use the Pen tool and draw a rectangle like the one below. Now CLICK and DRAG the rectangle into the Brush Panel. Now use the Spiral Tool, create a spiral. Select the spiral, and click on the Art Brush which you have just created. Step 3. Right click > Layer Properties. Step 4. Add in reflections. Publishing a Multiple Paged PDF Document Using Illustrator. One of Illustrator's lesser-known functions is it's ability to produce and publish multiple paged documents in PDF format. Why is it a lesser known function? Well because applications such as InDesign and Quark Xpress are dedicated to producing such documents and it's unlikely you'll ever be advised to use Illustrator. It is possible though, and in a pinch this technique may come in handy, especially when you're creating documents that are only a few pages long.

This tutorial will explain how it's done, while discussing some grid layout theory to produce an Annual Report. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join VECTORTUTS PLUS for just $19/month. Step 1: Setting Up the Document Having opened Illustrator, begin a new document (Command + N) and specify some settings in the New Document dialogue. The size will automatically register as Custom as we enter our own dimensions. Click OK. Step 2: Page Tiling Step 5: Save Preset. How To Create a Beautiful Vector Portrait in Illustrator. Modeling the Human Face in Illustrator. Creating a Detailed Eye from Stock in Adobe Illustrator.

Create a Simple Bomb Icon | VforVectors. Creating Seamless Textures In Illustrator. Create Your Own Leather Texture Using Adobe Illustrator. Learn to Create a Variety of Beveled Lettering. Create a Glowing Neon Sign using the Appearance Palette – Screencast. Create a Variety of 3D Lettering Effects for Poster Design. Adobe Illustrator Tutorial: Envelope Distort. Learn to Create a Variety of Script Lettering. Create A Editable Stitched Label Type Treatment In Illustrator. Creating Editable Letterpress Styled Text in Illustrator. Illustrator Tutorial: Giving Your Flat Text Some Depth | GrandmasterB dot com. How to Add Decorative Glamour to Your Ordinary Script Font.