BlogmyQuery – BMQ

While vector based artwork lets designers take advantage of small file sizes and lossless scaling it can also be limiting when trying to add depth and richness to a design. Adobe Illustrator offers a plethora of gradient tools that can help artist produce more organic and vivid pieces.

This extended video tutorial covers a wide variety of topics including basic gradient tools (0:30), the appearance pannel and multiple gradient fill layers (2:30), creating gradients with the blending tool (3:45), gradient strokes (6:30), gradient mesh (7:45), using gradients with type (14:00), wrapping gradients with envelope distort (16:30), and using opacity masks.

Highlights and Takeaways:

• Use the gradient tool (from the tool palette) rather then the gradient window to edit your gradients within the context of the object.
• Gradients can have several sliders each of which has its own opacity.
• The appearance window lets you add multiple gradient fills and strokes to a single object.
• Every fill or stroke applied to an object can have a unique opacity and blending mode, and each stroke can have a different line weight.
• Gradient strokes can be applied within, along, or across an object’s stroke for a variety of effects.
• Use the blend tool (set to smooth color) to create gradients that align more closely to complex or organic shapes.
• The gradient mesh tool is great for developing complex vectors that can be used to illustrate organic shapes, but they can also be hard to work with pretty quickly. To avoid frustration, start with the basic shape (like a circle) that most clearly matches the object you want to illustrate and try to shape it to match before adding additional points.
• When creating a gradient mesh, be sure to set the fill for your base shape to the most prevalent color on the object you are trying to illustrate.
• When using an image for reference, make the image layer a template. This will allow you to switch to outline mode without hiding the image.
• You can use the envelope distort command to bend rectilinear gradient shapes into natural curves.
• Gradient opacity masks let you fade the opacity of an object (or group) to create natural blends.

Please feel free to add your favorit gradient tips and tricks!

© Adrian Taylor for Smashing Magazine, 2012.

The creative process is not a linear one. As artists and designers, we often set off in one direction only to decide that the proper solution lies somewhere else completely. Unfortunately, many of the creative software packages we use (Photoshop in particular) can be pretty unforgiving when in comes to making changes late in the game.

Sure, we’ve got “Undo” for a quick change of heart, but often we don’t realize we need to make an adjustment until several steps (or days) later. Luckily, Photoshop has some great features built in that allow us to work in ways that protect our precious pixels—truly freeing us to do our best work.

In this video post, I’ll show you some of my favorite techniques and tools for keeping your files flexible, including Smart Objects, Smart Filters, Layer Styles, Adjustment Layers, Masks and more. The approaches shown in this video should provide a solid starting point. But like anything in Photoshop, there is no “one right way” to approach it. The key is to find the method that best supports your workflow so please feel free to add your favorite non-destructive tricks in the comments section below!

Designing or editing photos is a pretty organic process. Allowing yourself to make edits to your document that don’t affect the original pixels provide you with a lot of flexibility when making decisions throughout your design process.

Chime In With Additional Tools And Techniques!

© Adrian Taylor for Smashing Magazine, 2012.