Glossy Strawberry Effect with vectors

As I’ve said before on this blog, the “Appearance” palette is probably my favorite thing in Illustrator. There is something very satisfying about a turning a single vector shape into a nuanced, styled object. For this example I took the Homespun Royale logo from the last entry and  created a glossy strawberry effect. The screen grab of the Appearance palette shows the stacking order and opacity settings for the 4 (plus gradient) patterns I used to create the effect. To be frank, I did this really quickly and with more time (and using more reference photos) I could make it even more realistic, but it serves my purpose here to show how simple pattern swatches can overlay to create complex effects in one vector shape.

To create a repeating swatch draw a box with no stroke or fill behind the object you want to repeat, then drag the box and its contents to the swatches palette. By leaving the transparent box the same and positioning different elements within the box you can create “overlay-able” patterns.

Cool tip: to rotate, move, or scale the patterns inside a shape without moving the shape[1] select the shape, [2] select the appropriate fill layer in the”Appearance” panel, [3] select the tool you want to use (e.g. “R” to select the rotate tool), then (while holding  down the tilde (~) key) click and drag your mouse/pen. Alternately, after selecting your tool hit “enter/return” to bring up a transformation dialogue box, enter rotation/move/scale numbers, uncheck the Objects box and check the Patterns box at the bottom of the dialogue box and hit enter/return to execute the transformation.

The final image includes some quick shadows, highlights and screen overlay to complete the glossy effect.

AppearancesPalette

Screen Shot 2013-11-04 at 6.23.01 PM

Screen Shot 2013-11-04 at 6.23.20 PM

Screen Shot 2013-11-04 at 6.23.54 PM

Finished HR Strawberry Logo

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: