Working with the Group Selection Tool

A quick look at the little-known, but very useful Group Selection tool in Adobe Illustrator. This tool allows you to select individual object within groups, as well as sub groups within groups. Watch the demonstration video to learn the usefulness of this tool and how to work with it. 

The Graphic Styles Panel

The Graphic Styles Panel in Illustrator CS4 is more powerful than it’s ever been. Quickly add, create and save appearance attributes to make your work stylin’.

Using the Gradient Tool and Gradient Panel in Illustrator

By reader request, we take an in-depth look at the gradient features in Adobe Illustrator. Starting with the Gradient panel, then examining the Gradient Tool, you’ll learn how to create and apply gradients to strokes, objects and compound paths. The artwork used in the screencast is “Brown Owl” by GraphicRiver author seamartini

New Features of the Free Transform Tool in Adobe Illustrator CC

Adobe has revamped the Free Transform Tool in Adobe Illustrator CC. The most notable difference is the addition of a large widget, which allows you to perform various distortions without the use of keyboard modifiers. The widget is geared toward touch devices, but if you prefer the old school finger dance, all of that functionality […]

How to Use the Flare Tool in Adobe Illustrator

The Flare tool in Illustrator is a bit of a mystery. How often do you find yourself in need of a lens flare in Illustrator? Never? Don’t write it off just yet! The Flare tool can be tweaked and transformed to create some spectacular special effects. 

How to Make a Glowing Space Background

In this quick tip, you will learn to how to create a really simple glowing space background. We will begin by creating a gradient mesh, then some glowing stars with the symbol sprayer, then we will finish the image with a multicolored planet made from a simple radial gradient. This tutorial is great for beginners […]

Quick Tip: The Eyedropper Tool

Illustrator’s humble Eyedropper tool can save you lots of time, once you learn your way around it. This Quick Tip will help you to get the hang of these shortcuts to make the most of it.

Quick Tip: Create a Wedding Ring and Wristband Using Illustrator’s 3D Effects

Quick Tip: Create a Wedding Ring and Wristband Using Illustrator’s 3D Effects Easily turn a circle into a gold wedding band, or if that’s not your style, make a rubber wristband instead. It’s fast and easy with Illustrator’s 3D Extrude & Bevel effect. This is a great tutorial for beginners, let’s get started! 

Quick Tip – Using the Blob Brush and Eraser for Character Lines

In this Video Quick Tip you will learn how to use a digital drawing tablet in conjunction with the Blob Brush and Eraser tools to create character outlines. If you don’t own a tablet, don’t worry, you can still follow along with this tut and achieve a great looking result. Let’s begin!

Quick Tip: How To Create a Cup Of Coffee in Top View

In this quick tutorial you will learn how to create a cup of coffee in top view. Using the shape tools, some gradients and your imagination, creating different kinds of coffee is fun and easy. Step 1. Creating and Coloring the Saucer First open a new web document. Take the Ellipse Tool (L) and draw a […]

Quick Tip: How to Create Two Bright Ice Cream Lollies in Illustrator

Quick Tip: How to Create Two Bright Ice Cream Lollies in Illustrator Summer may be a long way off in the northern hemisphere, but below the Equator, it’s hot hot hot! In this quick tip tutorial we will make a glossy ice cream. Using Gradients, the Blend Tool (W) and Warp Effect you will create […]

Quick Tip: Create a Pretty Bouquet of Flowers with Adobe Illustrator

In this tutorial you will learn how to create a bouquet of pretty flowers, using only Art Brushes and and the Gradient Mesh Tool. You will find that the techniques learnt in this Quick Tip will help you craft a variety of flowers and decorative elements. Let’s get started! Step 1 Choose a flower image […]

Quick Tip: Four Ways to Crop a Vector Illustration in Adobe Illustrator

A reader asked how he could trim off the objects outside his artboard. There is no Crop tool in Adobe Illustrator, but there are a few ways to remove or hide excess shapes that overlap the edges of the artboard – if you want to. In this screencast, we show you four methods: the Pathfinder, […]

An Introduction to Illustrator’s Color Tools

You may know about RGB and CMYK, but how about LAB or HSB? With all these color choices and ways to use them it’s often easy to get confused. In this introduction to Illustrators color tools you will learn about the different color spaces, how they work and what tools you can use to get […]

Quick Tip: The Character Panel in Adobe Illustrator

In this Quick Tip screencast, we take a look at the Character panel in Adobe Illustrator. This comprehensive guide will show you what each field does, and you’ll learn some time-saving keyboard shortcuts for setting the character attributes of your text. 

What’s New With Adobe Illustrator CC: Image Brushes

In Adobe Illustrator CC now you can create brushes from raster images. This cool new feature allows you to set up Art, Pattern and Scatter brushes in a completely new way. You can learn everything you need to know about these options from this tutorial.

Quick Tip: The Blob Brush in Action

Illustrator’s Blob Brush settings can be confusing. Seeing it in action will help you get the most out of this fun, flexible tool. Learn how to make painterly scenes and objects with a few strokes of the Blob Brush and Eraser. You will be surprised by how fun this tool is! 

Quick Tip: Spice Up Your Graphs with Column Designs

Illustrator includes a powerful graph tool that allows you to present numerical data in a visual manner. In this Quick Tip, you’ll learn how to augment a column graph with Illustrator artwork for a more interesting and informative look. Step 1 Select the Column Graph tool (J) and click once on the artboard. Enter a […]

CSS transition Property

Hover over a <div> element to gradually change the width from 100px to 300px: div { width: 100px; transition: width 2s; }div:hover { width: 300px; } Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The transition property is a shorthand property for the four transition properties: transition-property, transition-duration, transition-timing-function, and transition-delay. Note: Always specify the transition-duration […]