Graphic styles

  1. Illustrator User Guide
  2. Get to know Illustrator
    1. Introduction to Illustrator
      1. What's new in Illustrator
      2. Common questions
      3. Illustrator system requirements
      4. Illustrator for Apple silicon
    2. Workspace
      1. Workspace basics
      2. Create documents
      3. Tools Default keyboard shortcuts | Illustrator
      4. Tool galleries
      5. Customize keyboard shortcuts
      6. Artboards
      7. Customize the workspace
      8. Properties panel
      9. Set preferences
      10. Touch Workspace
      11. Microsoft Surface Dial support in Illustrator
      12. Recovery, undo, and automation
      13. Rotate view
      14. Rulers, grids, and guides
      15. Accessibility in Illustrator
      16. Safe Mode
      17. View artwork
      18. Use the Touch Bar with Illustrator
      19. Files and templates
      20. Synchronize settings using Adobe Creative Cloud
    3. Tools in Illustrator
      1. Selection
        1. Overview
        2. Selection
        3. Direct Selection
        4. Group Selection
        5. Lasso
        6. Magic Wand
      2. Navigation
        1. Overview
        2. Zoom
        3. Rotate View
      3. Paint
        1. Overview
        2. Gradient
        3. Shape Builder
      4. Type
        1. Overview
        2. Type
        3. Type on path
  3. Illustrator on the iPad
    1. Introduction to Illustrator on the iPad
      1. Illustrator on the iPad overview
      2. Illustrator on the iPad FAQs
      3. System requirements | Illustrator on the iPad
      4. What you can or cannot do on Illustrator on the iPad
    2. Workspace
      1. Illustrator on the iPad workspace
      2. Touch shortcuts and gestures
      3. Keyboard shortcuts for Illustrator on the iPad
      4. Manage your app settings
    3. Documents
      1. Work with documents in Illustrator on the iPad
      2. Import Photoshop and Fresco documents
    4. Select and arrange objects
      1. Create repeat objects
      2. Blend objects
    5. Drawing
      1. Draw and edit paths
      2. Draw and edit shapes
    6. Type
      1. Work with type and fonts
      2. Create text designs along a path
      3. Add your own fonts
    7. Work with images
      1. Vectorize raster images
    8. Color
      1. Apply colors and gradients
  4. Cloud documents
    1. Basics
      1. Work with Illustrator cloud documents
      2. Share and collaborate on Illustrator cloud documents
      3. Upgrade cloud storage for Adobe Illustrator
      4. Illustrator cloud documents | Common questions
    2. Troubleshooting
      1. Troubleshoot create or save issues for Illustrator cloud documents
      2. Troubleshoot Illustrator cloud documents issues
  5. Add and edit content
    1. Drawing
      1. Drawing basics
      2. Edit paths
      3. Draw pixel-perfect art
      4. Draw with the Pen, Curvature, or Pencil tool
      5. Draw simple lines and shapes
      6. Image Trace
      7. Simplify a path
      8. Define perspective grids
      9. Symbolism tools and symbol sets
      10. Adjust path segments
      11. Design a flower in 5 easy steps
      12. Perspective drawing
      13. Symbols
      14. Draw pixel-aligned paths for web workflows
    2. 3D effects and Adobe Substance materials
      1. About 3D effects in Illustrator
      2. Create 3D graphics
      3. Create 3D objects
      4. Create 3D Text
    3. Color
      1. About color
      2. Select colors
      3. Use and create swatches
      4. Adjust colors
      5. Use the Adobe Color Themes panel
      6. Color groups (harmonies)
      7. Color Themes panel
      8. Recolor your artwork
    4. Painting
      1. About painting
      2. Paint with fills and strokes
      3. Live Paint groups
      4. Gradients
      5. Brushes
      6. Transparency and blending modes
      7. Apply stroke on an object
      8. Create and edit patterns
      9. Meshes
      10. Patterns
    5. Select and arrange objects
      1. Select objects
      2. Layers
      3. Group and expand objects
      4. Move, align, and distribute objects
      5. Stack objects    
      6. Lock, hide, and delete objects
      7. Duplicate objects
      8. Rotate and reflect objects
    6. Reshape objects
      1. Crop images
      2. Transform objects
      3. Combine objects
      4. Cut, divide, and trim objects
      5. Puppet Warp
      6. Scale, shear, and distort objects
      7. Blend objects
      8. Reshape using envelopes
      9. Reshape objects with effects
      10. Build new shapes with Shaper and Shape Builder tools
      11. Work with Live Corners
      12. Enhanced reshape workflows with touch support
      13. Edit clipping masks
      14. Live shapes
      15. Create shapes using the Shape Builder tool
      16. Global editing
    7. Type
      1. Create text
      2. Fonts and typography
      3. Format type
      4. Import and export text
      5. Format paragraphs
      6. Special characters
      7. Create type on a path
      8. Character and paragraph styles
      9. Tabs
      10. Text and type
      11. Find missing fonts (Typekit workflow)
      12. Update text from Illustrator 10
      13. Arabic and Hebrew type
      14. Fonts | FAQ and troubleshooting tips
      15. Create 3D text effect
      16. Creative typography designs
      17. Scale and rotate type
      18. Line and character spacing
      19. Hyphenation and line breaks
      20. Text enhancements
      21. Spelling and language dictionaries
      22. Format Asian characters
      23. Composers for Asian scripts
      24. Create text designs with blend objects
      25. Create a text poster using Image Trace
    8. Create special effects
      1. Work with effects
      2. Graphic styles
      3. Create a drop shadow
      4. Appearance attributes
      5. Create sketches and mosaics
      6. Drop shadows, glows, and feathering
      7. Summary of effects
    9. Web graphics
      1. Best practices for creating web graphics
      2. Graphs
      3. SVG
      4. Create animations
      5. Slices and image maps
  6. Import, export, and save
    1. Import
      1. Import artwork files
      2. Import bitmap images
      3. Import artwork from Photoshop
      4. Place multiple files | Illustrator CC
      5. Unembed images
      6. Import Adobe PDF files
      7. Import EPS, DCS, and AutoCAD files
      8. Links information
    2. Creative Cloud Libraries in Illustrator 
      1. Creative Cloud Libraries in Illustrator
    3. Save
      1. Save artwork
    4. Export
      1. Use Illustrator artwork in Photoshop
      2. Export artwork
      3. Collect assets and export in batches
      4. Package files
      5. Create Adobe PDF files
      6. Extract CSS | Illustrator CC
      7. Adobe PDF options
      8. File information and metadata
  7. Printing
    1. Prepare for printing
      1. Set up documents for printing
      2. Change the page size and orientation
      3. Specify crop marks for trimming or aligning
      4. Get started with large canvas
    2. Printing
      1. Overprint
      2. Print with color management
      3. PostScript printing
      4. Print presets
      5. Printer's marks and bleeds
      6. Print and save transparent artwork
      7. Trapping
      8. Print color separations
      9. Print gradients, meshes, and color blends
      10. White Overprint
  8. Automate tasks
    1. Data merge using the Variables panel
    2. Automation with scripts
    3. Automation with actions
  9. Troubleshooting 
    1. Crash on launch issues
    2. Recover files after crash
    3. File issues
    4. GPU device driver issues
    5. Wacom device issues
    6. DLL file issues
    7. Memory issues
    8. Preferences file issues
    9. Font issues
    10. Printer issues
    11. Share crash report with Adobe

About graphic styles

A graphic style is a set of reusable appearance attributes. Graphic styles allow you to quickly change the look of an object; for example, you can change its fill and stroke color, alter its transparency, and apply effects in one step. All the changes you apply with graphic styles are completely reversible.

You can apply graphic styles to objects, groups, and layers. When you apply a graphic style to a group or layer, every object in the group or layer takes on the attributes of the graphic style. For example, assume you have a graphic style that consists of 50% opacity. If you apply the graphic style to a layer, all objects in or added to that layer will appear 50% opaque. However, if you move an object out of the layer, the object’s appearance reverts to its previous opacity.

Merk:

If you apply a graphic style to a group or layer, but the style’s fill color doesn’t appear in the artwork, drag the Fill attribute above the Contents entry in the Appearance panel.

Graphic Styles panel overview

You use the Graphic Styles panel (Window > Graphic Styles) to create, name, and apply sets of appearance attributes. The panel lists a default set of graphic styles when you create a document. Graphic styles that are saved with the active document appear in the panel when that document is open and active.

If a style doesn’t have a fill and stroke (for example, an effect-only style) the thumbnail appears in the shape of the object with a black outline and white fill. In addition, a little red slash appears, indicating the absence of a fill or stroke.

If you’ve created a style for type, choose Use Text For Preview from the Graphics Styles panel menu to see a thumbnail of the style applied to a letter rather than a square.

To see any style more clearly, or to preview the style on a selected object, right-click (Windows) or Ctrl-click (Mac OS) the style’s thumbnail in the Graphic Styles panel and view the large pop-up thumbnail that appears.

Right-clicking style thumbnail to view large pop-up thumbnail
Right-click style thumbnail to view large pop-up thumbnail. Selected style is an effect-only style.

Change how graphic styles are listed in the panel

  1. Do any of the following:

    • Select a view size option from the panel menu. Select Thumbnail View to display thumbnails. Select Small List View to display a list of named styles with a small thumbnail. Select Large List View to display a list of named styles along with a large thumbnail.

    • Select Use Square For Preview from the panel menu to view the style on a square or the shape of the object on which it was created.

    • Drag the graphic style to a different position. When a black line appears in the desired position, release the mouse button.

    • Select Sort By Name from the panel menu to list the graphic styles in alphabetic or numeric order (Unicode order).

    • Select Use Text For Preview from the panel menu to view the style on the letter T. This view provides a more accurate visual description for styles applied to text.

       

    Graphic style for type using text for the preview
    Graphic style for type using text for the preview

Create graphic styles

You can create a graphic from scratch by applying appearance attributes to an object, or you can base a graphic style on other graphic styles. You can also duplicate existing graphic styles.

Create a graphic style

  1. Select an object and apply any combination of appearance attributes, including fills and strokes, effects, and transparency settings.

    You can use the Appearance panel to adjust and order the appearance attributes and create multiple fills and strokes. For example, you can have three fills in a graphic style, each with a different opacity and blending mode that defines how the various colors interact.

  2. Do any of the following:

    • Click the New Graphic Style button  in the Graphic Styles panel.

    • Select New Graphic Style from the panel menu, type a name in the Style Name box, and click OK.

    • Drag the thumbnail from the Appearance panel (or the object from the illustration window) into the Graphic Styles panel.

    • Alt‑click (Windows) or Option-click (Mac OS) the New Graphic Style button, enter the name of the graphic style, and click OK.

    Drag the thumbnail from the Appearance panel to the Graphic Styles panel to save the attributes.
    Drag the thumbnail from the Appearance panel to the Graphic Styles panel to save the attributes.

Create a graphic style based on two or more existing graphic styles

  1. Ctrl‑click (Windows) or Command-click (Mac OS) to select all the graphic styles you want to merge, and then choose Merge Graphic Styles from the panel menu.

    The new graphic style contains all the attributes of the selected graphic styles and is added to the end of the list of graphic styles in the panel.

Duplicate a graphic style

  1. Choose Duplicate Graphic Style from the panel menu, or drag the graphic style onto the New Graphic Style button.

    The new graphic style appears at the bottom of the list in the Graphic Styles panel.

Apply a graphic style

  1. Select an object or group (or target a layer in the Layers panel).

  2. To apply a single style to an object, do either of the following:

    • Select a style from the Styles menu in the Control panel, the Graphic Styles panel, or a graphic style library.

    • Drag the graphic style onto an object in the document window. (The object does not have to be selected first.)

  3. To merge a style with an object’s existing style attributes, or apply multiple styles to an object, do either of the following:

    • Alt-drag (Windows) or Option-drag (Mac OS) the style from the Graphic Styles panel to the object.

    • Select the object, and then Alt-click (Windows) or Option-click (Mac OS) the style in the Graphic Styles panel.

    Merk:

    To preserve the color of type when applying a graphic style, deselect Override Character Color in the Graphic Styles panel menu.

Use graphic style libraries

Graphic style libraries are collections of preset graphic styles. When you open a graphic style library, it appears in a new panel (not the Graphic Styles panel). You select, sort, and view items in a graphic style library the same as you do in the Graphic Styles panel. However, you can’t add items to, delete items from, or edit the items in graphic style libraries.

Open a graphic style library

  1. Select a library from the Window > Graphic Style Libraries submenu or the Open Graphic Style Library submenu in the Graphic Styles panel menu.

Merk:

To automatically open a library when you start Illustrator, choose Persistent from the library’s panel menu.

Create a graphic style library

  1. Add the graphic styles you want to the Graphic Styles panel, and delete any graphic styles you don’t want.

    Merk:

    To select all graphic styles that aren’t used in a document, choose Select All Unused from the Graphic Styles panel menu.

  2. Choose Save Graphic Style Library from the Graphic Styles panel menu.

    You can save the library anywhere. However, if you save the library file in the default location, the library name will appear in the User Defined submenu of the Graphic Style Libraries and Open Graphic Style Library menu.

Move graphic styles from a library to the Graphic Styles panel

  • Drag one or more graphic styles from the graphic styles library to the Graphic Styles panel.

  • Select the graphic styles you want to add, and select Add To Graphic Styles from the library’s panel menu.

  • Apply a graphic style to an object in the document. The graphic style is automatically added to the Graphic Styles panel.

Work with graphic styles

In the Graphic Styles panel, you can rename or delete graphic styles, break the link to a graphic style, and replace graphic style attributes.

Rename a graphic style

  1. Choose Graphic Style Options from the panel menu, rename the file, and then click OK.

Delete a graphic style

  1. Choose Delete Graphic Style from the panel menu and click Yes, or drag the style onto the Delete icon.

    Any objects, groups, or layers that used the graphic style retain the same appearance attributes; however, these attributes are no longer associated with a graphic style.

  1. Select the object, group, or layer that has the graphic style applied to it.

  2. Do one of the following:

    • Choose Break Link To Graphic Style from the Graphic Styles panel menu, or click the Break Link To Graphic Style button  in the panel.

    • Change any appearance attribute of the selection (such as a fill, stroke, transparency, or effect).

      The object, group, or layer retains the same appearance attributes and is now independently editable. However, these attributes are no longer associated with a graphic style.

Replace graphic style attributes

  • Alt‑drag (Windows) or Option‑drag (Mac OS) the graphic style you want to use onto the graphic style you want to replace.

  • Select an object or group (or target a layer in the Layers panel) that has the attributes you want to use. Then Alt‑drag (Windows) or Option‑drag (Mac OS) the thumbnail at the top of the Appearance panel onto the graphic style you want to replace in the Graphic Styles panel.

  • Select the graphic style you want to replace. Then select artwork (or target an item in the Layers panel) that has the attributes you want to use, and choose Redefine Graphic Style “Style name” from the Appearance panel menu.

    The replaced graphic style keeps its name but takes on new appearance attributes. All occurrences of the graphic style in the Illustrator document are updated to use the new attributes.

Import all graphic styles from another document

  1. Choose Window > Graphic Style Libraries > Other Library or select Open Graphic Style Library > Other Library from the Graphic Styles panel menu.

  2. Select the file from which you want to import graphic styles, and click Open.

    The graphic styles appear in a graphic style library panel (not the Graphic Styles panel).

Adobe-logoen

Logg på kontoen din