Friday, November 20th, 2015

Create Long Shadow Icons in Illustrator

Flat design is all the rage and here’s how to make your own icons with long shadows in Illustrator

Flat design is very popular and it looks great. It’s a design style that has little or no dimension so it is simple and very neat and clean. If there is any dimension it is typically illustrated by adding shadows – lovely long shadows that look best coming off the bottom right of the subject in the same way they would fall if the sun actually were casting the shadow off a real life 3D surface.

In this video I will show you two ways of creating long shadows for flat icon design. The first is simple and pretty fast and will work for personal projects. What worries me about it is that it isn’t very neat when you are selling vector stock. If you want to make it easier for a person who buys your images to be able to edit them then you need to provide a tidier resulting image. Hence my version #2 of the long shadow designs. In my second version everything is neatened up so it will be easier for a purchaser to understand what is going on in the image objects and to recolor the art if they need to do so.

So, here is the video that shows how to use blends and clipping masks and some other Illustrator tools to make wonderful long shadows for your icons. Fittingly I’ll be making my design using the Ai Illustrator logo as my example but it will work with any graphic or text element.

Sunday, October 11th, 2015

Create long shadows for flat icon design in Illustrator

long shadows flat design illustrator

Flat icons with long shadows are the rage right now – here’s how to make them in Illustrator

Flat icons look great with long shadows. There are a few ways to make long shadows in Illustrator and, in this video, I show you two of them.

One method will work fine for your own icons – it’s fast and easy. The second method is suitable for selling flat design icon vectors as stock images – in that case you will want your shadows to be neater so the image you are selling is easier to understand by the person buying it. For this second method I’ll show you how to make shadows as neat paths.

Here is the video – enjoy!