The Best Place for Adobe Illustrator Tutorials
Posts tagged white
Creating a Simple Kawaii Yeti With Basic Shapes in Adobe Illustrator
May 20th
In this tutorial, I am going to show you how to make a cute monster character in Adobe Illustrator using basic shapes, Pathfinder panel, Width Tool, and Strokes. You will be able to apply these techniques to create other characters. Let’s get started! 1. Create the Body of the Yeti Step 1 Start off by creating a New Document (CMD + N) and set the artboard size to 600 by 600px. Create a square the size of the artboard using the Rectangle Tool (M) and fill with a light blue color (R=182, G=235, B=239). In the Layers panel, create two layers. The top layer is renamed “Character” and the bottom layer is renamed “Background.” Lock the bottom layer. Step 2 Select the top layer “Character”. We are going to create the body shape now. Select the Ellipse Tool (L) and click anywhere on the board. Enter width: 290px and height: 240px. Fill with white. Using the Direct Selection Tool (A), select the top point. While holding SHIFT, drag the top point approximately 80px up. Select the top point again. Select the left handle and drag it to the left, so it looks like this: Select the bottom point, and SHIFT drag down about 10px. Step 3 Now to make it symmetrical, create a rectangle that is larger than the…
Go here to read the rest:
Creating a Simple Kawaii Yeti With Basic Shapes in Adobe Illustrator
How to Improvise Cheerful Forest Character Design in Adobe Illustrator
Apr 29th
A lot of the pieces created in Adobe Illustrator are planned out well in advance. Sketches are imported, previous work traced, and you might build images with simple shape elements for graphic work. This tutorial will take you through improvising a character in the program from start to finish. 1. Build Up Your Characters Body Step 1 I like to start with a swatch of color. In this case, I used the Rectangle Tool (M) and chose a subdued blue for my background. Lock it in the Layers panel. Step 2 Using the Pencil Tool (N) I doodled out a shape. I like the idea of an evergreen tree. This shape mimics the very top. Figuring out colors that go well with the background, I applied a gradient to the shape using the Gradient Tool (G). This one goes from a spruce green at 100% Opacity to a spruce green at 0% Opacity. Step 3 Grab the Pencil Tool (N) again and continue drawing the tree shapes. They kick out like skirt ruffles beneath each other. As you see, I’ve chosen a lighter shade for the top and gradually gotten darker further down. 2. Create the Character’s Trunk Step 1 This tree character needs a trunk of some sort. Let’s draw a log. Use the Ellipse Tool (L) to create a skinny, vertical ellipse. Step 2 Use the Pen Tool (P) to…
Here is the original post:
How to Improvise Cheerful Forest Character Design in Adobe Illustrator
How to Create a Rainbow Colored Portrait From a Stock Image in Illustrator
Apr 10th
In today’s tutorial, I’m going to show you how I created a simple, rainbow colored portrait using a stock image base in Adobe Illustrator. I’ll be adding subtle decoration to the portrait with the help of a Scatter Brush and will be playing with a splash of color to create the rainbow effect. So let’s get started! 1. Prepare Your Layers After purchasing and cropping my stock image in Adobe Photoshop, I’ve created a New document and File > Placed my image onto my artboard. If you regularly follow my tutorials, you may recognize this stock image as I’ve used it in a previous premium tutorial . I’ve set up my layers in the Layers panel as shown below, with a white fill Rectangle (M) at 50% Opacity in the “BG” layer. 2. Draw Your Base Shape Using the Pen Tool (P), draw a shape…
Read the rest here:
How to Create a Rainbow Colored Portrait From a Stock Image in Illustrator
Creating a Vector Anime Character in Adobe Photoshop – Part 2: Coloring
Mar 22nd
In part one of this tutorial set, we created a simple anime character bust line art ready to color. Now its time to move on to the coloring stage, and really bring those characters to life using the cel shade method, a popular technique within the anime style. Step 1 First thing you’ll need is that wonderful line art you prepared in the previous tutorial . Alternatively, if you didn’t join us for part one and are just here to learn how to color using the popular cell shade technique, then you will need a line art, on a separate layer to a white background, which you have permission to color. Cel shading is popular with the anime style and is the shading style most frequently seen, both in anime films and TV shows, but also in artwork created by fans of the anime style. It is, essentially, creating bold blocks of color to show shaded areas. Naturally, this suits the vector media very well as we can create nice smooth, crisp edges to our blocks of shading. We’ll also be using gradients to soften the bold blocks. So – ready? Step 2 You’ll need to change your white background to vector so that we’ll have a full vector piece at the end rather than the background being raster. The simplest way to do this would be to make a white square using the Shape Tool (U) over your background and naming it “white,…
More here:
Creating a Vector Anime Character in Adobe Photoshop – Part 2: Coloring
Quick Tip: How to Create iOS Map Indicators with Graphic Styles
Mar 14th
With this tutorial I’ll show you how to create an iOS map indicator icon perfect for importing into your next map based app design. We’ll be using a single shape with multiple Appearance attributes to create an easy to use and edit Graphic Style in Adobe Illustrator. Step 1 Let’s start off by preparing our document. Open Illustrator and hit Command + N to create a New document. Enter 500 in the width box and 500 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. When working with resolution independent devices pixel perfection is a must and in order to create crisp shapes it would be easier to have Grid View set up and Pixel Snapping enabled so we’ll do that now. Let’s enable the Grid (View > Show Grid) and then Snap to Grid (View > Snap to Grid). After those are on, you’ll need a grid every 1px. Simply go to Illustrator > Preferences > Guides & Grid, enter 1 in the Gridline every box and 1 in the Subdivisions box. Now let’s set the unit of measurement to pixels from Illustrator > Preferences > Unit > General. Once completed your document should look like the images below. Step 2 Now that our document is set up let’s start by creating our circle shape used for the indicator icon. Since we&#…
Here is the original post:
Quick Tip: How to Create iOS Map Indicators with Graphic Styles
How to Create a Semi-Transparent, 3D Text Effect in Adobe Illustrator
Mar 4th
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. Enter 770 in the width box and 470 in the 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. 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. Set the Size at 60pt and the Tracking at 200 then open the Paragraph panel and click on the “Align Center” button. Keep focusing on this piece of text, select the letters one by one and edit the text size as shown in the second image. In the end things should look like …
Follow this link:
How to Create a Semi-Transparent, 3D Text Effect in Adobe Illustrator
How to Create a Colorful Stylized Portrait in Adobe Illustrator
Feb 12th
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. This face will be edited a bit as we go along. 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. Your focus is to color block the main components in your composition. It’s in this stage that you find balance in your piece or making any changes to the contour of the shapes. 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. In this case, all darker colors are purples, pinks, and reds. Start the eyes by outlining their …
Read the original post:
How to Create a Colorful Stylized Portrait in Adobe Illustrator
How to Create Fireworks Rockets in Adobe Illustrator
Jan 23rd
Today we will be creating a neat icon of Fireworks Rockets. 3D Effect is a convenient tool for creating this kind of illustration, but we have to be aware of the fact that 3D effects can mess up our illustration. It can create many unnecessary anchor points and distort the shape of the illustration. In order to avoid that we will use 3D effect only to create a reference objects. The Pen Tool will help us to trace the object with just few anchor points that will allow to us manipulate the shapes easily. So, let’s move from words to deeds. Step 1 For the start we will create stripes pattern for the rockets. Select the Rectangle Tool (M) from the Tool panel and click somewhere on the Artboard. In the Rectangle Options box set …
Read more from the original source:
How to Create Fireworks Rockets in Adobe Illustrator
How to Create a Molten Metal Text Effect in Illustrator
Jan 14th
Follow this tutorial and learn how to create a molten metal text effect in Adobe Illustrator. We will use effects like: Stained Glass, Torn Edges, Chrome and Inner Glow to obtain the melted, wrinkly look and play with gradients and Blending Modes to create a metal and a golden version of this effect. Let’s begin! Step 1 First open a new web document. Take the Type Tool (T) and type “Metal” using a font called ” Gohan “, size of 200pt. Do not expand it yet. Step 2 Pick up a color from the Swatches panel and stroke your text with it. Increase the Stroke Weight to 6pt. We need the letters to be thicker. Step 3 Now, select the text and from the Object menu, choose Expand two times. The first time, the text will turn into shapes (the letters) and the second time, the green strokes will turn into green…
Read more here:
How to Create a Molten Metal Text Effect in Illustrator
How to Create a Line Art Based Symmetrical Portrait in Adobe Illustrator
Jan 7th
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. I’ve set up my Layers panel as shown below, with the “BG” layer filled with a white fill Rectangle (M) set to 50% Opacity. 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. Starting with the Pen Tool (P), I draw the outline of the eye. 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 …
More:
How to Create a Line Art Based Symmetrical Portrait in Adobe Illustrator