background preloader

Tutorijals

Facebook Twitter

Create a Glowing Abstract Light Vector Graphic. In the following tutorial, I'll show you how to create a glowing light abstract vector graphic. The great thing about this tutorial is it doesn't use any raster effects. The final illustration is all vector! In this tutorial, you'll utilize blends, different blend modes, and gradient meshes. Moreover, these techniques are real easy to apply to other illustrations. Create a new document that is 8 inches wide by 11 inches tall. Use the Rectangle Tool (M) and create a rectangle the size of your document. Fill the rectangle with a rich black (I used these CMYK values: C=100, M=100, Y=100, and K=100). With the Mesh Tool (U), click on the rectangle about an inch from the top in the center of the rectangle. After you add a mesh point with the Mesh Tool (U), change the color of the mesh point in the Color Panel to a dark blue (C=100, M=40, Y=0, and K=60).

With the Mesh Tool (U), create another mesh point in the center of the rectangle. Select your blend and drag it into the Brush Panel. Create On Trend Flat Type with a Nautical Theme in Adobe Illustrator. Nothing beats the beauty of painstakingly crafted hand lettered type but not all of us have the patience or ability to create such lovely letterings. With this tutorial I hope to show you a few techniques you can use to adjust pre-made fonts and break them apart to create your own masterpiece in Adobe Illustrator.

For this tutorial I will be using some fonts that you can find at the following locations: Tip: Please be aware that you may have to install fonts before you open Illustrator in order for it to show up in your list of fonts. 1. Create a New Document The size of your document for this project is entirely up to your purpose with the finished product. 2. With our document created let's begin by creating the background of our piece. Step 1 Select the Rectangle Tool (M) and click on the art board then enter the same dimensions as your art board. Step 2 Step 3 Now let's fill the square with a salmon color as outlined below. 3.

Step 4 4. Now let's align everything correctly. 5. Step 5 Step 6. Using the Blend Tool to Create a Halftone Effect Portrait in Adobe Illustrator. The Blend Tool has been part of Adobe Illustrator for a long time and it's very simple to work with. The tool creates objects that fill the space between two key objects. Let's say we have a square as object A and a circle as object B; the Blend Tool will create intermediate figure shapes between these two objects. You can add how many steps you want and it remains editable until you expand it. We can use this tool to create many effects. In this tutorial I'll show you how to use the Blend Tool to create semi-realistic halftones with lines. To create a semi realistic illustration, a good stock is essential. Our work will be done in black and white, using black lines as halftones. Now, let's increase the contrast between the blacks and whites.

To make the visualization of the halftones even easier, let's apply the Posterize filter on the image by going to Menu > Image > Adjustments > Posterize and set the Levels to 10. Now we have our base image ready. Select "Layer 2". Daft Punk Poster in Illustrator. Using Gradients to Create a Slick & Fun Cartoon Worm in Adobe Illustrator. In this tutorial, I'll be showing you how to draw a slick and funny worm character from rough sketch to the final illustration.

I'll be using various Adobe Illustrator tools and blending options. Let's get started! I usually start my drawing with a rough sketch in Adobe Photoshop, scanned pencil doodle or directly in Adobe Illustrator. There is no need to add a lot of details, as we will add them later. We are going to use the Paintbrush Tool (B) and create our own brush for the outline of the worm. Choose Tints in Colorization Method in order to be able to recolor our brush strokes and leave other options as shown in the screen shot below.

Our brush is ready, so let's start making a nice outline above the sketch. When the outline is finished, Select All (CTRL + A), go to Object >Expand Appearance and press OK in the pop-up window. Now let's apply basic colors to our worm using the Live Paint Bucket (K). Continue coloring the worm by clicking on its parts. Here is the finished piece! How to Make a Flesh Ripping Zombie Type Treatment. A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Nik Holmes was first published on August 30th 2010. When Horror Site Freddy in Space recently ran "Romero Week" they asked Nik Holmes to provide a type treatment to tie the articles together. Could you possibly think of a better Vector Artist for the job?

Among one of the best illustrators of this genre, Nik will take you though the process he used to create the character and type treatment for this blood-curdling illustration. Note: This tutorial assumes some familiarity with the basic drawing tools and features found in Adobe Illustrator, because of the creative skills needed to illustrate the character, it has been marked "Advanced". Step 1 Drawing Romero I knew I wanted to include a Zombie in the logo, and after considering some of my favorites from Romero's "Dead" films I decided to Zombie up the man himself, so I need an image of Romero. Conclusion. How to Design and Vector a Set of Character Poses for a Video Game. How to Create a Set of Toggle Buttons in Adobe Illustrator. In the following tutorial you will learn how to create a set of toggle buttons in Adobe Illustrator. We'll be using basic shapes and the Pathfinder panel to create this UI essential for anyones tool kit.

Further more, you won't need the Pen Tool, so it's easy to follow along for beginners! Step 1 Hit Command + N to create a new document. Enter 600 in the width box and height boxes 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. Next, you need a grid every 5px. Step 2 Using the Rectangle Tool (M), create a 215 by 255px shape, fill it with R=70 G=70 B=70 and go to Effect > Stylize > Rounded Corners. Step 3 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 4 Reselect the rounded rectangle made in the second step and focus on the Appearance panel.

Step 5 Step 6 Step 7 Step 8 Step 9 Step 10. How to Design a Flower in a Geometric Style. In this quick tip tutorial we are going to create a geometric "F" in the shape of a flower with Adobe Illustrator. To do this, we are going to use some geometry, basic shapes and the Pathfinder panel. This tutorial is inspired by our recent Tuts+ Workshop: Alphabet Design Challenge. Let's begin! Step 1 First, we start with a quick sketch of our drawing. To do it we are going to use the Blob Brush Tool (shift+B). Draw your sketch with freedom, but consider which geometric shapes we will use later on. Step 2 The first figure we are going to draw is the pot. Finally press "D" to put the basic white fill with a black stroke. Step 3 Now it's time to add the stem of the plant. Finally our stem is done.

Step 4 To create the leaf it's easy! First draw a square with the Rectangle Tool (L)And rotate it.Adjust the nodes like in the image.Now duplicate the figure and scale it like in the image.Finally add a vertical stroke, select it and apply Object / Path / Divide Objects Below. Step 5 Step 6 Step 7 Step 8. How to Create a Semi-Transparent, 3D Text Effect in Adobe Illustrator.

In the following steps you will learn how to create a colorful, semi-transparent, three-dimensional text effect in Adobe Illustrator. We'll start with some basic text and several Compound Paths and a built-in Calligraphic brush. Once we get our starting vector shapes we'll add the three-dimensional look using the Extrude & Bevel effect. We'll use some simple vector shape building techniques and masking tricks along with some basic effects and blending techniques to give our three-dimensional shapes a semi-transparent look. Step 1 Hit Command + N to create a New document. Step 2 Using the Type Tool (T), add the "VECTORTUTS" piece of text, set the color at R=39, G=169, B=223 and use the "Doughnut Monster" font. Step 3 Select the text and go to Type > Create Outlines (Shift + Control + O). Step 4 Select the "V", the "C" and the "O" shapes and go to Effect > 3D > Extrude & Bevel. Step 5 Pick the Ellipse Tool (L) and single click on your artboard to open the Ellipse window.

Step 6 Step 7 Step 8. How to Create a Line Art Based Symmetrical Portrait in Adobe Illustrator. In today's tutorial I'm going to show you how to create a line art based symmetrical portrait in Adobe Illustrator. I'll be using various ways of creating line art as well as some handy tips along the way to create your own mirrored graphic. So let's begin! Step 1 I've started a New document and File > Placed a stock image onto the canvas. I got this stock image via an Envato Bundle last year and thought it would be great for this project. Use the Line Segment Tool (\) to draw a line down the center of the stock image. Step 2 I'll only be drawing the right side of the stock image as I'll be mirroring what I've drawn later on. Then using the Width Tool (Shift + W), I've reduced the weight of the stroke around the inner corner of the eye and then increased it along the top line and lower eyelid.

Step 3 Use the Pen Tool (P) to draw the eyelid and then in the Stroke panel, apply the Profile, Width Profile 1 to the stroke. Step 4 Step 5 Step 6 Step 7 Then delete this section. Step 8 Step 9 Step 10. How to Illustrate a Vintage Stopwatch in Adobe Illustrator. In today's tutorial, we are going to learn how to create a vintage stopwatch using basic shapes, Blends and Art Brushes in Adobe Illustrator. You'll learn how to use a variety of Illustrator tools.

So let's get started! Step 1 To begin you will need to create the main geometry sketch of the stopwatch which is shown in the diagram below. We'll be creating this initial plan to work from, there we can add highlights and shadows to make it look less flat. If you know how to achieve the main outlines of the object and its elements, go to the Step 7.

If not, read the following steps carefully. The scaled images of the tiny stopwatch parts are shown below for your convenience. And here is the central button at the top. Step 2 Go to View > Rulers > Show Rulers (Command + R). Using the Ellipse Tool (L), create a circle filled with gray. Repeat these manipulations in order to create the next circle shown below. Step 3 Copy it and Paste in Front (Command + C then Command + F). Step 4 Step 5 Step 6 Step 7. Creating a Bazinga! Text Treatment in Adobe Illustrator - Tuts+ With this tutorial I'll show you how to create a Bazinga text effect made famous by Sheldon from the sitcom The Big Bang Theory in Adobe Illustrator. We'll be using some techniques to add multiple effects to a single shape, also duplicating and copying objects quickly, as well as creating a pattern and even rotating that pattern without disrupting the shape it's applied too.

Tip: Please be aware that you may have to install fonts before you open Illustrator in order for it to show up in your list of fonts. 1. Create a New Document Let's start off by preparing our document. Open Illustrator and hit Command + N to create a New document. 2. Step 1 Now we'll create the very background color that our text will fit ons.

Step 2 With the rectangle created let's style it. Step 3 You're welcome to stop here but let's give the background some depth and also add a gradient. 3. We'll need to center the circle inside our rectangle shape now. 4. 5. Now we'll adjust the angle our text is on. 6. Step 4 Step 5. The Great Gatsby Art Deco Style in Illustrator and Photoshop. Master Illustrator CS6's new Pattern tool. Adobe Illustrator & Photoshop tutorial: Use gradients to make character designs pop. How to Create a Colorful Stylized Portrait in Adobe Illustrator. This tutorial focuses on creating a vibrant, poppy portrait in Adobe Illustrator. Using bright colors, transparent gradients, and a sense of whimsy, you'll be constructing facial features and candy hair in no time.

Step 1 Get your sketch ready. Either fire up Photoshop or some other drawing program, or scan in some pencils. Your sketch can inform you of anything from a simple idea to your full color profile. Step 2 Using the Pen Tool (P), either trace the contour of the face you've drawn, or build it anew with a simple circle and some angled lines to create the jaw. Technically, if you want to create a full head, that circle should be much higher up. Here's how my Layers panel currently looks, with my two shapes for the head and a solid filled Rectangle (M) as the background. Step 3 Ears, neck, hair, and simple background elements. Group like shapes together for easier layer management (Ctrl + G). Step 4 One major component of bright, colorful artwork is deciding if you're using black or not.

Create an Inspirational Vector Political Poster. Adobe Illustrator Tutorial: Brush Basics For CS-CS3 Users - Vectology.com. How to Create a 3D Folded Map with Adobe Illustrator. How to Create a Self-Portrait in a Geometric Style. In this tutorial we’re going to talk about how to create an illustrated self-portrait in a geometric style. We’ll be using a photograph of ourselves as the base of the illustration, drawing a sketch from that, and then creating the final piece. Let’s get started! Since posting this tutorial, readers have been inspired to create their own self portraits in this style. Check out what they’ve achieved over on a special edition of Tuts+ Workshop: Created by You. First, we take or select a photo. Because we're going for a symmetrical look, make sure you get a close up shot of your entire face and shoulders. In this case I’m going to take a picture with my webcam.

Now, create a New Document (cmd+N or ctrl+N) in Adobe Illustrator with an artboard size of 600 x 480px. We are going to organize the layers as follows: The top layer is named “Draw”. Lock the "Background" and "Photo" layers. Now you can delete the "Photo" layer. Change the Opacity of the sketch to 30% and lock the "Sketch" layer. Create a Simple Button With Gradient Mesh In Adobe Illustrator - Vectology Tutorials | Adobe Illustrator Tutorials. Adobe Illustrator Tutorial: The Making of VectorMan - Vectology.com. Create A Colorful Scene In Adobe Illustrator - Vectology Tutorials | Adobe Illustrator Tutorials. Tutorials - Vectology Tutorials | Adobe Illustrator Tutorials. Adobe Illustrator Tutorial: Gradients On Strokes - Vectology.com.