Manav Goyal

Adobe Illustrator - Graphic Design

Components

File

  • New
    • Recent
    • Saved
    • Mobile
    • Websm
    • Print
    • Film & Video
    • Art & Illustration
  • Save As
  • Place
  • Export
    • Export for Screens -=>Put each logo in a different folder for different size of screen
      • Format => IOS, Android
    • Export As
  • Document Setup
    • General
  • Document Color Mode
    • CMYK Color => For Print
    • RGB Color => For Screens

Edit

  • Undo
  • Cut
  • Copy
  • Paste
  • Paste in Front (ctrl + F) => Paste in same Position
  • Preferences
    • General
    • Guides & Grids
      • Guides
      • Grid => Gridline every

Object

  • Transform
    • Transform Again (ctrl + D)
    • Move
    • Rotate
    • Reflect
    • Scale
    • Shear
  • Group (ctrl + G) => Join all Objects in one Layer
  • Ungroup (ctrl + shift G
  • Lock
    • Selection (ctrl + 2) => Object will not get selected
  • Unlock All
  • Expand
    • Swap Fill and Stroke
  • Expand Appearance => Turn Stroke Effects into Vectors to modify it
  • Path
    • Join (ctrl + J)
    • Simplify => Simplify the curve for less Anchor points
    • Split into Grid
  • Shape
    • Convert to Shape
  • Pattern
    • Make => It will get added in Swatches
  • Blend
    • Make => Add copied objects between the 2 selected Objects
    • Replace Spine => Make 1 Object in the shape of 2nd Object
  • Envelop Distort
    • Make with Top Object => Fit the Text behind the Shape into the Shape => You can modify Text in Isolation mode
  • Clipping Mask => Shape builder tool can not combine shapes after this
    • Make
  • Compound Path
    • Make

Type

  • Create Outlines

Select

  • All
  • Inverse => Selects everything else even in the other Artboard other than selected Objects
  • Same
    • Appearance => Selects all Objects with same appearance
    • Fill Color
  • Save Selection => Save the Selected Layers with a Name

Effect

  • Document Raster Effect Setting
  • Illustrator Effects => Vector based
    • 3D => If you add Stroke also then this effect will make 2 layers which is necessary for Map Art feature
      • Extrude & Bevel => Position, Extrude Depth, Surface, Map Art
      • Revolve
    • Distort & Transform
      • Roughen
      • Zig Zag
    • Path
      • Offset pat
    • Stylize
      • Scribble
    • Wrap
  • Photoshop Effects => Raster based
    • Blur
    • Distort
    • Sketch
    • Texture
      • Patchwork

View

  • Outline => Shows only outline of Objects
  • Smart Guides (ctrl + U)
  • Perspective Grid
    • Snap to Grid
  • Rulers
    • Show Rulers (ctrl + R)
    • Right-click on Ruler
      • To change the measurement value
      • Change to Global Ruler
      • Change to Artboard Ruler => Each Artboard has its own Ruler
    • Tricks
      • Drag Ruler to Artboard for reference
      • Click on Ruler line > Backspace to Delete
      • Click and Drag the corner to change the 0 point
  • Guides
    • Lock Guides
    • Unlock Guides
    • Make Guides => Make a Object into Guide
    • Clear Guides
  • Show Grid
  • Snap to Grid
  • Snap to Pixel => Objects move by each Pixel not smooth
  • Snap to Point

Window

  • Workspace => Layout of the Illustrator
    • New Workspace => Create a new Layout
  • Control => Top Toolbar
  • Asset Export
  • Color Theme
  • Pattern Option
  • Transform
  • Type
    • Character
    • Character Styles
  • Brush Library
    • Vector Packs

Arrange Documents

  • Consolidate All
  • Tile all in Grid
  • Tile all Vertically

Tool Bar

  • Tricks
    • LMB + hold => Shows all options
    • RMB => Shows all options
    • Click on the arrow to detach it

Selection Tool (V)

  • Bounding Box => Move & Change Shape
  • Corner Widget => Change Shape
  • Tricks
    • Near Bounding Box cursor will change into Rotation Tool
    • alt + Drag => To copy an object
    • alt + Arrow keys => To copy
    • shift + LMB => Select/ Deselect multiple Objects
    • LMB + Drag => Select multiple Objects
    • LMB + Keep Clicking => To select a Layer below

Direct Selection Tool (A)

  • Tricks => Changes Shape using Points
    • alt => Play with individual handle
    • shift => Draw straight

Magic Want Tool (Y)

  • Properties => Selects everything else with same Appearance and Color

Lasso Tool (Q)

  • Properties => Selects the area drawn around, It also selects the Points

Pen Tool (P)

  • Tricks
    • ctrl + click on empty area => To End the current line/ To start a new line from an Anchor point without removing it
    • alt while drawing => Convert anchor points by half side
    • shift => Draw straight lines
    • ctrl => Move anchor points
    • alt => Access Reshape Tool
    • click on curve point to draw straight line from it
  • Image Not Found

Curvature Tool (shift + ~)

  • Tricks
    • Double-click on Anchor point => To swap between Straight/ Curve lines

Type Tools

  • Types
    • Type Tool (T)
    • Area Type Tool
    • Type on a Path Tool
    • Vertical Type Tool
    • Vertical Area Type Tool
    • Vertical Type on a Path Tool
    • Touch Type Tool (shift + T) * alt + LMB on Circle => To type on line of Circle
  • Tricks
    • ctrl + shift + . => Increase Font size of selected text
    • ctrl + shift + , => Decrease Font size of selected text
    • alt + Right/ Left Arrow keys => Increase/ Decrease gap between selected characters or when cursor is showing
    • alt + Up/ Down Arrow keys => Increase gap between lines for selected text
    • Line Text => Click on an empty area
      • Double-click on circle on left side to change Line text into Text area and vice-versa
      • Click on the side of a Shape => To write On/ Inside that Shape
      • alt + Click on the side of a Shape => To write around that Shape
      • When the Shape contains extra text => Click on + sign and then make & click on another Shape to contain rest of the text
    • Box Text (Text Area) => Click and Drag
      • When the Box contains extra text => Click on + sign and then click on another Box for it to contain rest of the text
      • You can modify paragraphs separately if cursor is on it
  • Top Bar
    • Make Envelope => Select the text with Type tool and then Select Selection tool => Can modify Text in Isolation mode
      • Make with Wrap Wrap Option will appear
      • Make with Mesh => Using Direct Selection tool you can select each point and modify it Envelop Mesh option will appear
  • Right-click
    • Fill with Placeholder Text => Fill the area with default text

Line Tools

  • Types
    • Line Segment Tool (\)
    • Arc Tool
      • X => Turn opposite side
      • Arrow keys => Move line
    • Spiral Tool
    • Rectangular Grid Tool
      • Arrow keys => To Add/ Remove Rows/ Columns while dragging
      • f/ v/ x/ c => Move Lines Down/ Up/ Left/ Right while dragging
      • Double-click => To draw using Tool options
    • Polar Grid Tool
      • Arrow keys => To Add/ Remove Circles/ Lines while dragging
      • f/ v/ x/ c => Move Lines Inside/ Outside while dragging
      • Double-click => To draw using Tool options

Shape Tool

  • Types
    • Rectangle Tool (M)
    • Rounded Rectangle Tool
      • Up/ Down arrow => Increase/ Decrease roundness
    • Ellipse Tool (L)
    • Polygon Tool
      • Up/ Down arrow => Change number of sides
    • Star Tool
      • Up/ Down arrow => Change number of sides
      • ctrl => Change size of peaks
    • Flare Tool
  • Tricks
    • shift => Snap shapes in equally while making
    • space => Move shape while making
    • shift + space => Snap & Move
    • shift + alt => Snap shapes

Brush Tool

  • Types
    • Paintbrush Tool (B) => Difference with Pencil tool is that you will see the line when you are drawing
    • Blob Brush Tool (shift + B) => Takes color from stroke but colors Fill
      • Disable Fill, Choose color from stroke
      • Enable Draw behind
  • Tool Options => Double-click on Tool
    • Fedelity => Accurate to Smooth
    • Keep Selected
  • Tricks
    • alt => While drawing to close the shape
    • [ => To reduce the size
    • Disable the Fill and use Stroke while using Brush for Noise effect
      • If the size of Stroke changes while drawing then click on an empty area first and set the size and then draw

Drawing Tools

  • Types
    • Sharper Tool (shift + N)
    • Pencil Tool (N)
    • Smooth Tool => Drag through an selected object to smooth the lines
    • Path Eraser Tool
    • Join Tool
  • Tool Options => Double-click on Tool
    • Fedelity => Accurate to Smooth
    • Keep Selected => You can continue drawing the selected line from its end
    • Alt key toggles to smooth tool
    • Close paths when ends are within
    • Edit selected paths
  • Tricks
    • Uses different gestures to perform different tasks

Eraser Tool (shift + E)

Rotate Tools

  • Type
    • Rotate Tool (R)
      • Drag the central point => To Rotate in reference with that Anchor point
      • alt + click on a point => To make it a reference point and set the Angle to turn it
      • Drag the central point > alt + Double-click on that point => To make it a reference point and set the properties
    • Reflect Tool (O)

Scale Tools

  • Type
    • Scale Tool (S)
      • Drag the central point > alt + Double-click on that point => To make it a reference point and set the properties
    • Shear Tool
      • Drag the central point > alt + Double-click on that point => To make it a reference point and set the properties
    • Reshape Tool

Distort Tools

  • Type
    • Width Tool (shift + W) => Change width of the Stroke
      • alt => To change only one side
      • Double-click on a Point => To custom type value
    • Wrap Tool (shift + R)
    • Twirl Tool
    • Pucker Tool
    • Bloat Tool
    • Scallop Tool
    • Crystallize Tool
    • Wrinkle Tool
  • Tricks
    • Double-click => To get Tool options
    • alt => Change shape of brush
    • alt + shift => Change shape & size of brush

Transform Tools

  • Type
    • Free Transform Tool (E)
    • Puppet Wrap Tool

Builder Tool

  • Types
    • Shape Builder Tool (shift + M)
    • Live Paint Bucket (K)
      • alt => To get Eye Dropper Tool
      • Arrow keys => Change colours
    • Live Paint Selection Tool
  • Tricks
    • LMB + Drag => Area moved over will be combined
    • alt + LMB => Remove selected area
    • alt + LMB + Drag => Remove selected area
    • alt + shift + LMB => Remove a selected area

Gradient Tool (G)

  • Tricks
    • Double-click on Line => Add new color
    • Double-click on Color => Edit
    • Click Color circle and drag out => Remove it

Eyedropper Tool (I)

Blend Tool (W)

  • Double-click
    • Spacing
      • Smooth Color
      • Specified Steps
      • Specified Distance
    • Orientation

Graph Tools

  • Type
    • Column Graph Tool (J)
    • Stacked Column Graph Tool
    • Bar Graph Tool
    • Stacked Bar Graph Tool
    • Line Graph Tool
    • Area Graph Tool
    • Scatter Graph Tool
    • Pie Graph Tool
    • Radar Graph Tool
  • Properties
    • Graph Type
    • Graph Data
    • Recolor
  • Tricks
    • Ungroup everything to modify things separately but then you will not be able to change the data

Artboard Tool (shift +O)

  • Properties
    • Top Bar
      • Move/ Copy Artwork with Artboard => Content will move with the Artboard
    • Artboards
      • Name
      • Preset
    • Align => When more than 1 Artboard are selected, Align Artboards
    • Artboard Options

Hand Tool (H)

  • Tricks
    • LMB + Drag => Move Artboard

Zoom Tool (Z)

  • Tricks
    • LMB + Drag => Zoom In/ Out
    • LMB => Zoom In
    • alt + LMB => Zoom Out

Others

  • Fill
  • Stroke
  • Swap Fill and Stroke (shift + X)
  • Default Fill and Stroke
  • Color (<)
  • Gradient (>)
  • None (/)
  • Draw Normal
  • Draw Behind
  • Draw Inside
    • If you Deselect the object with this mode enabled, you can't go back and select his again => Select one of the Anchor points to enable it
    • Double-click on outside to get out
  • Change Screen Mode (F)
  • Edit Toolbar

Pallets

Color

Color Guide

Swatches

  • Colors
    • Double-click => To edit values
  • Right Menu
    • Save Swatch Library as ASE
  • Bottom Bar
    • Swatch Library Menu
      • Default Swatches
        • Print
      • Other Library => Upload saved color library, .ASE file
    • New Color Group => Save Swatches from selected Objects
    • New Swatch
      • Global => Color changes for every object with this value when it is modified
    • Delete Swatch

Brushes

  • Bottom Bar
    • Brush Library Menu
      • Other Library => Import Brushes from other Illustrator file
    • Libraries Panel
    • Remove Brush Stroke
    • Options of Selected Objects
    • New Brush
      • Calligraphic Brush
      • Scatter Brush
      • Art Brush => Stretches the Object
      • Bristle Brush
      • Pattern Brush => Repeats the Object
    • Delete Brush
  • Tricks
    • Use Paintbrush Tool (B) to create the selected designs, or You can apply these Brushes on different shapes also
    • Drag and Drop a Object into the Brush panel to create a brush from it > Choose Brush type > Choose the required options
      • Use alt while Drag & Drop to add Start & End of a Pattern

Symbols

Properties

  • Transform
  • Appearance
  • Align
    • Align Objects
    • Distribute Objects
    • Distribute Spacing
    • Align To => Align Objects in reference to
      • Align to Selection
      • Align to Key Object
      • Align to Artboard

Stroke

  • Weight
  • Cap
  • Corner
  • Align Stroke
  • Dashed Line
    • Arrow Keys => To change value by 1
    • ctrl + Arrow Keys => To change value by 0.1
  • Arrowheads
  • Profile

Gradient

  • Type
    • Linear
    • Radial
    • Freeform
  • Edit Gradient => Use Tool
  • Gradient Slider
    • Double-click on circle to edit it
    • Click on slider when mouse shows + sign to add new Color
  • Opacity
  • Location

Transparency

  • Blending Mode
  • Make Mask

Appearance

  • Appearance
    • First in order will appear at the top
  • Bottom Bar
    • Add new Stroke
    • Add new Fill
    • Add new Effect
  • Delete Selected Item

Graphic Styles

  • Bottom Bar
    • New Graphic Style => Save Appearance layout of the Object

Libraries

Layers

  • Tricks
    • Double-click on Layer Name to Rename it
    • Double-click on an Object to open it in Isolation Mode
    • Order of Layers decides the order of Layers in Artboard
    • Put a Object in a New Layer
      • Create a New Layer > Select and Cut the Object > Select the new Layer and Paste it
  • Burger Menu
    • Release to Layers (Sequence) => Make Layers out of each Sublayers

Asset Export

  • Export Settings
    • IOS/ Android
    • Scale
    • Format
  • Trick
    • Drag & Drop individual Objects to export them individually

Artboards

Transform

  • Properties => Change shape & size
  • Scale Corners => Roundness of corner with change with change in size of Object
  • Scale Strokes & Effects => Size of Stroke will change with change in size of Object

Align

Pathfinder

  • Shape Modes
    • Unite
    • Minus Front
    • Intersect => Only intersection will appear
    • Exclude => Excludes the intersection
  • Pathfinders

Character (ctrl + T)

  • Hamburger Option
    • Show/ Hide Options
    • Touch Type Tool => Edit each Letter
    • Reset Panel
  • Font Family
    • Filters
    • Add to Favorite
    • Size
  • Font Style
  • Font Size
  • Alignment

OpenType

Character Style

  • Saved Styles
    • Double-click on it => To edit
    • Select a Text > Click on any Saved Styles to apply its effect
  • Bottom Bar
    • Add selected Style to my current Library => Add to Adobe Creative Cloud
    • Create New Style => Add selected Style
    • Delete Selected Style

Paragraph Style

  • Saved Styles
    • Double-click on it => To edit
    • Select a Paragraph > Click on any Saved Styles to apply its effect
  • Bottom Bar
    • Add selected Style to my current Library => Add to Adobe Creative Cloud
    • Create New Style => Add selected Style
    • Delete Selected Style

Image Trace

  • Preset
  • View
  • Mode
  • Threshold
  • Tricks
    • Select the Image > Click on Image Trace from Top bar > Modify the Settings > Click on Expand from Top bar

Pattern Options

  • Name
  • Tile Type
  • Width Height
  • Overlap
  • Copies

Status Bar

  • Zoom
  • Artboard Navigation

Others

Theory

  • Export
    • PDF => Lower File size
    • PNG => Pixels => Transparent Background
    • JPG => With white Background
    • SVG => Vector Graphic
  • Graphic
    • Rector
    • Vector => Does not loose its resolution when zoomed in
  • Linked File
    • Embed => Turn image Independently inside Illustrator

Tricks

  • Mouse
    • Double-click on Object-=> Isolation Mode
    • scroll => Move Up/ Down
    • ctrl + scroll => Move Left/ Right
  • Ctrl
    • ctrl => Temporarily turn cursor into Selection tool
    • ctrl + 0 => Fit the Artboard with the selected Object in the screen
  • Shift
    • X
  • Alt
    • alt + scroll => Zoom In/Out
    • alt + Drag => Create Duplicate
  • Space
    • space => Temporarily turn cursor into Hand tool

Steps

  • Designing Logo
    • Choose a Name
    • Customer & Competitors
    • Competitors Analysis => Search & Collect Logo of Competitors and Organize them on some basis
    • Mind Map => Related Words, Animals, Color, Shapes
    • Mood Board => Collect Logos, Pictures related to your mind map
    • Draw Logo => Around 20
    • Development on Illustrator
  • Choosing Font for Logo
    • Choose a Name
    • Analyze Customer & Competitors
    • Pick 5 Font
    • List each Font Family
    • Chose 5-10 Finalist
    • Explore font used examples
    • Glyphs
    • Finalize 3 Font
    • Mock up on Pictures
    • Select Final
  • Choosing Color for Logo
    • Meaning of Colors
    • Mixing of Colors => From your Map choose more than one colors
    • Competitor Analysis => Own your Color, Borrow Color
    • Color Pairing => Chose variation of previous colors, Put Background color
    • Color Inspiration
    • Black & White
    • Gradient
    • Pick 3 to 5 Logo
  • Create 2 sided Symmetrical Artboard
    • Draw a Vertical Line in the middle
    • Go to Effects > Distort & Transform > Transform => Add Effect to the Layer, not the line
      • Reflect X, Copies = 1, Select the side in which you want to copy
  • Create 4 sided Symmetrical Artboard
    • Lock the 1st Layer > Create a 2nd Layer > Draw a Vertical Line in the middle
    • Go to Effects > Distort & Transform > Transform
      • Angle = 135, Copies = 3
    • Create a 3rd Layer > Draw 2 Horizontal and Vertical line in the middle > Draw something between 2 lines for reference
    • Go to Effects > Distort & Transform > Transform
      • Reflect X, Copies = 1
    • Go to Effects > Distort & Transform > Transform
      • Angle = 90, Copies = 3
      • You can delete the previously created something
    • Create an area where you want to draw > Keep it at the top of Layer 3
      • Select the Layer 3 > Click on Make/ Release Clipping Mask
      • Lock all the Layers so you don't accidentally modify it while drawing
    • Now you are ready to Draw
  • Draw Isometric Grid
    • Create a Artboard of dimension 1200x1200
    • Use Rectangular Grid tool > Double-click on the upper-left edge of Artboard
      • Width/ Height = 2400, Vertical Dividers Number = 23
    • Use Rotation tool to reflect it by 60 > Use Reflect tool to Reflect it vertically and make a copy
    • Use Rectangular Grid tool > Double-click on the upper-left edge of Artboard
      • Width/ Height = 1200, Vertical Dividers Number = 11
    • Match the Vertical edge of the grid with the Pervious 2 grids intersection > Match the Artboard edge with the intersection of these 3 grids
    • Select all 3 => Go to Properties > Pathfinder > Outline
    • Give Stroke > Delete extra by going in Isolation mode
  • Save for Print
    • Make the Dimensions you want > File > Document Color Mode
      • CMYK Color
    • File > Document Setup
      • Units = Millimeters, Bleed = 3 mm
      • Add a Background that covers the Bleed area
    • File > Save As
      • Format = Pdf, Name = fileName
      • Save
    • Marks and Bleeds > Trim Marks > Save PDF
  • Save for Screens
    • Make the Dimensions you want > File > Document Color Mode
      • RGB Color
    • File > Export > Export As
    • Format
      • PNG => Transparent Background > Export > Mark Embed ICC Profile
      • JPEG => Low Quality > Export
      • SVG => Vector > Export
    • Ok
  • Opacity Mask
    • Apply Black-white Gradient on a copied layer on top of the required Layer
    • In the Layers panel make sure that both layers are on top of each other > Select both Layer and click on Make Mask (Transparency)
    • Opacity of Black color will decrease the most
    • Click the 2nd box to change the Gradient, Click the first box to select everything else in the Transparency Panel
Share: