Posts tagged tools & tips
All aboard the nostalgia train as we play with Adobe Illustrator’s Rectangular Grid Tool and the Live Paint Bucket (K) to quickly make some scalable pixel art, inspired by Nintendo’s best known plumber, Mario. 1. Prepare the Grid Step 1 Firstly we’re starting with a quick sketch of the character done with the Paintbrush Tool (B) in Illustrator . I used a Bristle Brush so it kept the look of a pencil or marker sketch and remained loose and lively. Group ( Control-G ) up your sketch components (or use this one), and lock the group in the Layers panel. Step 2 You’ll find the Rectangular Grid Tool under the Line Segment Tool () in the Toolbar . Double-click it and check out the options below: 600px in size with 50 dividers going both ways. Hit OK and use the tool to drag a grid over your artboard. Step 3 Place this grid over the sketch (you’ll notice I used a quick low-res sketch while making this tutorial) and adjust the sketch ( unlock in the Layers panel while adjusting) beneath the grid to make sure everything fits nicely within it. Step 4 The final step of preparation for this quick tip tutorial is our basic palette, seen below. While variations on these hues will eventually be used, these are the general colors I’ve chosen for Mario’s hat, hair, skin, and eyes. 2. Add the Pixel Base Colors Step 1 Select the grid and using the Live Paint Bucket (K) and start filling in Mario’s hat. As you go along, you’ll notice some portions of the sketch don’t cover a full square in the grid. I’m leaving most of those for now since I’ll come…
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
Originally posted here:
Quick Tip: Using the Gradient Tool and Gradient Panel in Illustrator
Wreaths are a popular addition to traditional looking logos and emblems, and creating them is easy in Adobe Illustrator. In this tutorial you will learn how to quickly create a wreath for emblems, logos or stamps. 1. Create a Leaf Shape Step 1 After creating a New document, draw an oval using the Ellipse Tool (L) . Apply the color R=171, G=187, B=64 . Step 2 Now you need to make sharp two anchor points (in the top and bottom). Grab the Convert Anchor Point Tool (Shift-C) and click on these two points when the oval is selected. You’ll get a leaf. Step 3 Incline the new shape to the left with the Free Transform Tool (E) . 2. Create a Stem Draw a line using the Line Segment Tool () . Set the stroke color at R=118, G=127, B=32 . Make sure that you select Round Cap on the Stroke panel. Place the leaf on this stem. 3. Create a Berry Create a circle (R=158, G=25, B=19) using the Ellipse Tool (L) . After that create a thin rectangle (R=118, G=127, B=32) using the Rectangle Tool (M) . Put the circle over the rectangle. It is a simple graphic berry. 4. Place the Leaves and Berries on the Stem Step 1 Incline a berry to the left and put it near a leaf on a stem as shown below. Step 2 Select a leaf and a berry together: click in turn on each holding the Shift key…
Here is the original post:
Quick Tip: How to Create a Traditional Wreath in Adobe Illustrator
Scatter Brushes are a quick way to get multiple instances of the same shape into your illustration, and apply those shapes randomly. Learn how to create a Scatter Brush from a vector object in Adobe Illustrator, then paint the night sky with a swarm of bats.
See the article here:
Quick Tip: Create a Bat Scatter Brush in Adobe Illustrator
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 is still there.
Originally posted here:
Quick Tip: New Features of the Free Transform Tool in Adobe Illustrator CC
In the following steps you will learn how to create a set of pixel perfect hand cursors in Adobe Illustrator. For starters you will learn how to prepare your new document and how to setup a simple grid. Next, using the Rectangle Tool, the Ellipse Tool and the Pen Tool along with the Rounded Corners effect you will learn how to create the shapes that make up your hand cursors. Moving on, using basic vector shape building techniques, a simple stroke, a linear gradient, some Drop Shadow effects and a simple Transform effect you will learn how to add color, highlights and shading for the final hand cursors. 1. Create a New Document and Setup a Grid Hit Control + N to create a New document. Enter 600 in the Width box and 300 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 you click OK . Enable the Grid ( View > Show Grid ) and the Snap to Grid ( View > Snap to Grid ). You will need a grid every 1px , so simply go to Edit > Preferences > Guides > Grid , enter 1 in the Gridline every box and 1 in the Subdivisions box. You should also open the Info panel ( Window > Info ) for a live preview with the size and position of your shapes. Do not forget to set the unit of measurement to pixels from Edit > Preferences > Units > General . All these options…
View original post here:
Create a Set of Pixel Perfect Hand Cursors in Adobe Illustrator
The first time you open Inkscape, it may take a while to finally discover gradients. When you do, they can be rather overwhelming and confusing at first. Check out this quick tip to learn some tricks with Inkscape’s gradients, Gradient Editor, and Gradient Tool. While I’m using linear gradients in this tutorial, the same principals apply to radial gradients. 1. Create a Gradient with a Double-Click This little tip allows you to apply a gradient on the fly. Originally, you’d have to open up Fill and Stroke and set the Fill to a linear or radial gradient to your object. Step 1 To demonstrate, just draw a square with some sort of color. Then, select the Gradient Tool . Step 2 Now with the Gradient Tool selected, just double-click on the object to apply a gradient. Easy enough! 2. Create One Gradient With Multiple Objects When you make a gradient in the Gradient Editor , it stays in that little drop-down menu. You can apply this same gradient to as many objects as you’d like. So if you go to edit that gradient, those changes will apply to every object with that gradient. Even if those objects are not selected. Below, you’ll see that I just changed one of the stop colors , which was applied to both of the objects …
The rest is here:
Quick Tip: How to Create Gradient Fills and on Stroke in Inkscape
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, Clipping Masks, Opacity Masks and marquee-erasing. Vector illustration used in this screencast is available from GraphicRiver .
Go here to see the original:
Quick Tip: Four Ways to Crop a Vector Illustration in Adobe Illustrator
I’ve never hidden that I’m a vector purist. I like my vector art without raster elements, without blurs, without drop shadows, without Photoshop effects. So when Adobe Illustrator CC was announced, the feature of Image Brushes – brushes which can be made from raster objects (such as PNGs, JPGs etc…), I felt a little let down. The war on raster is being fought on the vector battleground! However, it wasn’t until I decided to play with this new feature, I found a very interesting and incredibly useful quirk. Ever wanted to create a custom brush but then you’re presented with a pop up saying that you can’t do it because… you’ve got a gradient in there! Ugh. After all those detailed elements you’ve created, a gradient is getting in the way. You could however replace the gradient with a blend and clipping mask, but aha… there is another way! 1. Create a Brush Containing a Gradient Step 1 I’ve created a quick example here of an instance where you’d like to use a brush which may include a gradient. This is a quick illustration of a leaf. Within the graphic is a stem – which includes a stroke with a Width Profile , two halves of a leaf and a shape which covers the whole shape underneath, …
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.
See the original post:
What’s New With Adobe Illustrator CC: Image Brushes