The Best Place for Adobe Illustrator Tutorials
Posts tagged work
How to Create Text-Free Assembly Instructions in Adobe Illustrator
May 23rd
Do you like to read assembly instructions? I certainly don’t! If you’re like most people, you would rather skip the text and try to assemble something using the illustrations only. Am I right? Some people like to try to assemble things using no instructions at all! Sadly, there is nothing we can do about this group. In this tutorial, you will learn how to create concise, easy to follow, text-free technical illustrations for people who need a little guidance but prefer to skip all the reading. As a bonus, you will learn how to make an outdoor broom from discarded two liter soda bottles. You, lucky dog, you! 1. Before You Begin Step 1 Choose a line style. Most assembly illustrations are black and white line drawings and either use a single line weight or the “thick-thin” method. I prefer the thick-thin method because it adds depth and dimension. The single line weight is just that. One line weight is used for the entire illustration with no variation. The thick-thin method typically uses two line weights. The thick line being two or three times thicker than the…
Here is the original post:
How to Create Text-Free Assembly Instructions in Adobe Illustrator
Quick Tip: How to Create a Simple Hanging Sign in Adobe Illustrator
Apr 25th
In the following steps you will learn how to turn simple hanging sign illustration in Adobe Illustrator. For starters you will only need a simple rectangle. Taking full advantage of the Appearance panel we will add colors, highlights and some simple shading for this rectangle. Once you have your main piece we’ll create the rest of the shapes using basic tools and effects along with some simple vector shape building techniques. 1. Create a New Document 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. Enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). …
See the original post:
Quick Tip: How to Create a Simple Hanging Sign in Adobe Illustrator
How to Create a Detailed Flag Stand Illustration in Adobe Illustrator
Apr 22nd
In the following steps you will learn how to create a detailed flag stand illustration in Adobe Illustrator. We’ll start with the pole. Using basic tools and vector shape building techniques along with some complex gradients we’ll create the starting shapes. Next, using the Appearance panel, some basic blending techniques plus one or two effects we’ll add the highlights. Moving to the flag, you will learn how to create a simple pattern, how to easily align your shapes and how to take full advantage of the Transform effect. Finally, when you get to the thread and the Pen Tool logo you will learn some basic tips about working with strokes. 1. Create a New Document Hit CMD + 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. Enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). For starters you’ll need a grid every 1px. Simply go to Edit…
Link:
How to Create a Detailed Flag Stand Illustration in Adobe Illustrator
Quick Tip: How to Create a Simple Vector Web Ribbon in Adobe Photoshop
Apr 18th
In the following steps you will learn how to create a simple web ribbon in Adobe Photoshop. It’s a pretty simple introduction in working with vector tools in Photoshop. Basically you will only need the Rectangle Tool and the Polygon Tool to create the starting shapes, plus the Add Anchor Point Tool along with the Convert Point Tool and the Direct Selection Tool to add and adjust some anchor points. Give it a try and you will also find some basic tips on how to achieve pixel perfect shapes. 1. Create a New Document Open Photoshop and hit Control + N to…
Read the original post:
Quick Tip: How to Create a Simple Vector Web Ribbon in Adobe Photoshop
Using the Blend Tool to Create a Halftone Effect Portrait in Adobe Illustrator
Apr 16th
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. 1. Prepare Your Stock Image in Adobe Photoshop Step 1 To create a semi realistic illustration, a good stock is essential. Let’s work with this image of this beautiful model. Another good point of this picture is the light source that creates dark shadows and visible halftones. This makes it easier to identity where our shading will be created. Step 2 Our work will be done in black and white, using black lines as halftones. Therefore a basic image treatment will help us to…
Visit link:
Using the Blend Tool to Create a Halftone Effect Portrait in Adobe Illustrator
How to Create a Detailed Depot Building Icon in Adobe Illustrator
Apr 9th
In the following steps you will learn how to create a detailed depot building illustration. For starters you will learn how to create a simple brick pattern using a bunch of simple rectangle. Next, we’ll use this little pattern to create a simple symbol. Using this new symbol along with a grey rectangle, the Rounded Corners effect and the 3D Extrude & Bevel effects we’ll create the main building shape. Once you got your building shape we’ll continue with the coloring and the highlights. We’ll take full advantage of the Appearance panel, we’ll use a lot of vector shape building techniques, a bunch of new effects plus some basic blending techniques. Finally, you will learn how to create a simple set of art brushes and how to use them. 1. Create a New Document 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. Enable the Grid (View > Show Grid) and the Snap to…
More here:
How to Create a Detailed Depot Building Icon in Adobe Illustrator
My Top Links of the Week for March 29th 2013
Mar 29th
I regularly post links to interesting design tutorials and articles over on my Twitter and Facebook accounts, but in case you missed them here’s a roundup of my top pickings from my recent browsing of the web. This week we have some great content from SpyreStudios, Codrops, Psdtuts+, DzineBlog and Design Instruct.
Here is the original post:
My Top Links of the Week for March 29th 2013
How to Draw a Colorful, Tasty, Ice Cream, Sundae in Adobe Illustrator
Mar 28th
Satisfy your sweet tooth with this tutorial on making a decadent ice cream sundae illustration. Working in Adobe Illustrator with heavy use of the Pen Tool (P), Gradient Tool (G), and a focus on building each element from the ground up, I’ll combine a tasty treat and our favorite scalable medium. Step 1 I start with a basic sketch. I’ve defined various elements I’d like to use, possible color palettes, and a general idea of my composition. This was doodled up in Adobe Photoshop. I won’t be using it to trace, however. Each element in this piece is created entirely in Adobe Illustrator. Start with a simple vertical line for the center of the sundae glass and a horizontal line (not shown) defining the horizon of your picture plane. I’ve used the Pen Tool (P) and have it stroked by 1pt. These lines are going to be construction lines and will be discarded later. Make an ellipse using the Ellipse Tool (L). This will be the top of the sundae glass. Your ellipses are “rounder” the further away …
Read more:
How to Draw a Colorful, Tasty, Ice Cream, Sundae in Adobe Illustrator
How to Create a Detailed Keyboard Button Illustration in Adobe Illustrator
Mar 27th
In the following steps you will learn how to create a detailed keyboard buttons illustration. You’ll see how powerful the Appearance panel can really be! For the main part of the button you will use a simple rectangle with fourteen fills, linear and radial gradient, three strokes, some basic blending techniques and over fifty effects. In the end, taking full advantage of the Appearance panel, you will only need four rectangle, the background shape plus the little pieces of text. Step 1 Hit Command + N to create a new document. Enter 600 in the width box and 450 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. Enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 1px. Go to Edit > Preferences > Guides > Grid, enter 1 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to pixels from Edit > Preferences > Unit > General. Al these options will significantly increase your work speed. Step 2 We’ll start with the background. Using the Rectangle Tool (M), create a shape the size of your artboard, fill it with R=225, G=225, B=225 and focus on the Appearance panel. Add a second fill for this shape using the Add New Fill button from the bottom of the Appearance panel. Select this…
Follow this link:
How to Create a Detailed Keyboard Button Illustration in Adobe Illustrator
Flipping Book in CSS and jQuery | Abduzeedo Design Inspiration …
Mar 25th
As the rule of trend now is mobile first and any designer who wants to really understand the media will have to be able to create quick prototypes of his/her work, we decide d to write a few basic prototyping tutorials . The first one will be … the design. My idea was to create a simple 3 fold brochure, so I put together a basic mock in Illustrator …. I have a passion for vector art and have been creating digital art portraits and illustrations for the past decade. I'm self taught in …
Read this article:
Flipping Book in CSS and jQuery | Abduzeedo Design Inspiration …