Graphic Styles can be a wonderful asset to any illustration or graphic creation in Adobe Illustrator. In this quick tip tutorial, we'll source and download a stock graphic style from Envato Market, install the style, use and edit it. Let's get going!
1. Download and Install the Graphic Style
For the purposes of this tutorial, I'll be using the Diamonds & Gold Graphic Style Plus Diamond Pattern purchased and downloaded from Envato Market.
Download your file and unzip your folder. If you're on a Mac, simply Double-Click. If you're using Windows, Right-Click and hit Extract All.
The graphic style file is located in the folder labeled Place this file in Illustrator App.
We're going to move the actions file into the preset Actions folder. On a Mac, you'll likely find it as Applications/Adobe Illustrator CC 2015/Presets/en_US/GraphicStyles. This will vary according to your version. For Windows users, you'll likely find it as C:\Program Files\Adobe\Adobe Illustrator CC 2015\Presets\en_US\GraphicStyles unless you've specified a different location for your program and related files to be saved.
Copy the diamond_style.ai file into your preset folder (specified above). Now you'll be able to easily retrieve your style from the Graphic Styles panel itself.
2. Applying Graphic Styles
Let's start with one of the files provided in the download: diamond_style.ai. The Artboard is already filled with some graphics with the two graphic styles applied as seen below.
Create a New Layer and hide the other graphic layers in the Layers panel. Using a shape tool, such as the Star Tool, draw a simple star within the Artboard.
Open the Graphic Styles panel. In it you'll see our two styles from this stock download: small diamonds and large diamonds.
Select your star shape and then select one of the styles from the Graphic Styles panel. Instantly your simple white star is transformed into a rendered, bejeweled star! Graphic Styles can instantly create a finished illustration or design, ready for assorted web and print media.
3. Loading Graphic Styles Into a New Document
What if you don't want to use the provided AI file? What if you want to load a Graphic Style into your new or working document? Let's do that now! Create a New Document in Adobe Illustrator and open the Graphic Styles panel. Notice how a handful of default styles are visible, but our new styles we used in the previous file are not.
Go to the panel's Options > Open Graphic Style Library > diamond_style in order to load the downloaded styles we placed in the preset folder previously.
This time, use the Type Tool (T) to type out some text with the font of your choice. Apply the Graphic Style from the Graphic Styles panel. Your text will be rendered, but remain as editable text versus outlines.
4. Editing a Graphic Style
Let's edit the style currently applied to our text. In the Appearance panel you can see everything that has gone into creating the style: brushes, patterns, and gradients. Note that the gradients are applied to Offset Paths, and the brush is a sparkling scatter brush that dances around the outside of the word.
With your text selected, select one of the gradients in the Appearance panel. Open the Gradient panel and you can adjust the Linear Gradient that's been applied to your design.
For example's sake, let's change the bronze gradient to a small rainbow. Edit, add, or delete colors as you see fit.
5. Scaling the Graphic Style
A common question is how to scale a graphic style once applied to an object. For this we start in Preferences (Control-K). You'll want to have both Transform Pattern Tiles and Scale Strokes & Effects selected in order to allow the style to transform fully with your object.
With these two options selected, strokes, patterns, brushes, and effects all transform as any expanded object would. This allows you to Scale your object at your whim while its attributes remain easily editable.
Alternatively, if you deselect the two options, your style's attributes will remain constant and adapt to the changes you've made to your object. Whether you're Scaling, Rotating, or altering an object in another way, the style will adjust to the object. It's entirely up to you which options you'd like to enable and how you want your style to scale.
Great Job, You're Done!
You can freely edit other aspects of your object from the Appearance panel without altering your Graphic Style file. Graphic Styles make it easy to render objects, text, and more within a design. Furthermore, you have the ability to edit them as you see fit, so long as the content you've downloaded allows for such edits to be made.