Apply colors and gradients

  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. 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

Create colorful vector illustrations on your iPad! Learn how to apply fill colors, gradients, swatches, and more using Illustrator on the iPad.

apply colors

Add fill and stroke color using toolbar

Fill color is the color contained in the shape object and stroke is the border of the shape object. The fill or stroke can be a color, gradient, or pattern.

Illustrator on iPad
Fill and stroke tool

To add a fill or a stroke color,

  1. Select the object and tap the Fill or Stroke tool displayed at the bottom of the toolbar.
  2. Choose a solid color from the Color wheel, Color spectrum sliders, Swatches, Color books, and Libraries, or choose a gradient (Linear, Radial, Freeform).

See also: Paint with fills and strokes in Illustrator on the desktop.

Add a solid color

Color panel
Apply solid color

Tap Fill or Stroke tool, and then tap Solid color to view the color options:

  • Color wheel: Choose a color from the color wheel and apply in your object using the Color Picker tool.
  • Color spectrum: Tap more options to choose a color spectrum.
    • CMYK sliders (Process color)
    • Grayscale slider
    • Hex code (Web color)
    • HSB sliders (Hue, Saturation, Brightness)
    • RGB sliders (Screen colors)
  • Swatches: Tap more options to choose from a swatch. Add the selected color to the swatch for easy access.
    • Color books: Select from industry-standard swatches.
    • CC Libraries: Select from a saved swatch library.
    • Add colors using the built-in camera: Select and add colors from the camera screen.

Add solid colors using the built-in camera

Follow the below steps to add solid colors to your swatches using the camera:
  1. Tap the Fill or Stroke tool.
  2. In the Swatches panel, tap   to open the camera.
  3. Position your camera to adjust the photo for an accurate capture.
  4. Drag the slider on the left side of the screen to increase or decrease the number of colors you want to select.
  5. Tap the screen to freeze or unfreeze the scene and color pointers.
  6.  Drag the pointers to choose the color.
  7. Tap the capture button to add your colors to Swatches.

 Also, you can tap to unfreeze the scene and color pointers.

Add solid colors to Swatches using built-in camera

Apply a gradient

Select a path and tap Fill or Stroke tool. In the drawer, tap Gradient to view the gradient options:

  • Linear Gradients: Blend colors along a straight path 
  • Radial Gradients: Fill an object with a smooth gradient that radiates out from the central point.
  • Point Gradients: Blend colors from point-to-point within the shape.

See also: Gradients in Illustrator on the desktop.

Modify color and appearance of objects

Appearance panel
Change color and appearance of an object

To change object color and appearance, select the object and tap Properties panel in the taskbar.

  • Tap Fill to view and change the color options for fill color.
  • Tap Stroke to view and change the color options for stroke color.
  • Blend mode: Specify how colors interact with the overlapping objects. Choose a blend color from the drop-down list.
  • Opacity: Create variations in transparency.
    You can also change the stroke weight using the contextual widget. Select the shape and tap  to change the stroke width using the slider. 

See also: Transparency and blending modes.

Copy appearance of an object

To copy objects from one place to another, tap the object and then tap  to view Cut, Copy, Paste options.

To copy the appearance of an object onto another object, 

  1. Tap the object and then tap Copy appearance
  2. Select the object on which you want to copy appearance and tap Paste appearance.
copy appearance
Copy appearance of an object

Apply stroke for an object

When you create an object, the stroke of the object is set to zero (no stroke).

Applying stroke through Properties panel
Apply stroke through Properties panel

Applying stroke through contextual widget
Apply stroke through contextual widget

To set a stroke, do the following:

  1. Select the object and tap Properties panel.
  2. In the Strokes section, select a stroke type as solid or dashed line.
  3. To view more stroke options, click --
    • In the Stroke weight field, type a weight you want to set for the stroke.
    • In the Align Stroke options, choose:
      •  Align Stroke To Center 
      •  Align Stroke To Inside 
      •  Align Stroke To Outside 
    • In the Cap options, choose:
      • Butt Cap to create stroked lines with squared ends.
      • Round Cap to create stroked lines with semicircular ends.
      • Projecting Cap to create stroked lines with squared ends that extend half the line width beyond the end of the line. 
    • In the Corner options, choose:
      • Miter Join to create stroked lines with pointed corners.
      • Round Join to create stroked lines with rounded corners.
      • Bevel Join to create stroked lines with squared corners.

You can also change the stroke weight using the contextual widget. Select the shape and tap  to change the stroke width using the slider. 

See also: Apply stroke on an object in Illustrator on the desktop.

What's next

Got a question or an idea?

Ask the Community

If you have a question to ask or an idea to share, come and participate in Adobe Illustrator Community. We'd love to hear from you.

Adobe logo

Sign in to your account