Editing the Vector Graphics in Adobe Illustrator

Instruction Manual

I. EDIT COLOR GLOBALLY

In our col­lec­tions, all col­ors in the palettes are glob­al (Fig­ure 1.1) – chan­ging them in the palette changes them in all their oc­cur­rences through­out the file, in­clud­ing in the ex­ist­ing pat­tern swatches and brushes.

To change a col­or swatch:

  1. Go to the Swatches panel (WINDOW > SWATCHES).
  2. Select the color swatch to edit by double clicking on it. (Figure 1.2)
  3. From the Swatch Options pop-up window that appears, change the color properties (Figure 1.3) and click "OK".

The col­or will be up­dated in all its oc­cur­ances through­out the file.

Edit a Color Swatch
Figure 1

II. EDIT THE COLOR OF A SINGLE OBJECT

To change the col­or of a single ob­ject in­stead of chan­ging it glob­ally:

  1. Go to the Direct selection tool (Figure 2.1) and click on the object you want to change the color in order to select it. (Figure 2.2)
  2. Make sure you work in FILL or STROKE mode depending on which one you want to change. Double click on whichever one you will be editing. (Figure 2.3)
  3. In the Color Picker pop-up window, edit the color settings (Figure 2.4). You can either assign a new color, or use one of the already defined color swatches. (Figure 2.5)
  4. 4. Click "OK" to apply the changes.

The se­lec­ted ob­ject's col­or is now up­dated. (Fig­ure 2.6)

Edit a Color Individually
Figure 2

III. STROKE EDITING

Con­tours in our vec­tor graph­ics sets are typ­ic­ally stroke-based and you can change the weight, align­ment and pro­file of each ele­ment's stroke in­di­vidu­ally or by lay­er.

To edit the stroke of an ob­ject:

  1. Select the element (from the Layers panel or via the Direct selection tool). (Figure 3.1)
  2. Go to the Stroke panel (WINDOW > STROKE).
  3. Change the stroke weight value to the desired one. You can also edit its other properties: line type, alignment, profile, etc. (Figure 3.2)

Your stroke has now been ed­ited.

Note: Stroke change does NOT af­fect the already ex­ist­ing pat­tern swatches and brushes. For a pat­tern swatch or a brush that con­tains the new stroke val­ues you need to cre­ate a new one.

Edit Stroke
Figure 3

IV. WORKING WITH DOUBLE STROKE

Some of our graph­ics come with visu­ally doubled stroke. It can be mod­i­fied via the Ap­pear­ance pan­el. To do that:

  1. Select the element (Figure 4.1) from the Layers panel or via the Direct selection tool (Figure 4.2).
  2. Open the Appearance panel (WINDOW > APPEARANCE). In it you can see the two strokes, each with a color and weight value.
  3. To modify the color of a stroke, click on the desired color box and choose new color.
  4. To modify the stroke weigth, click on its value and change it.
  5. To modify other stroke properties, click on the "Stroke" text (Figure 4.3). The stroke properties panel pops up.
  6. To change the order of the strokes, click on a stroke row (Figure 4.4) and drag it above or below the other.
  7. To delete a stroke, click on the desired stroke row and then on the Trash icon (Figure 4.5).
  8. To add new stroke, click on the Add new stroke icon (Figure 4.6).
  9. To copy the entire appearance of one path onto another, drag and drop the Path icon (Figure 4.7) onto the other path's geometry.
Double Stroke
Figure 4

V. BORDER ALIGNMENT EDITING: THE BOUNDING BOX

Our bor­ders, provided as Il­lus­trat­or brushes, al­low modi­fy­ing the bor­der align­ment across the stroke. This is con­trolled by the bound­ing box.

The bound­ing box is a rect­angle with no fill and no stroke that is placed be­neath all oth­er bor­der ele­ments. The ho­ri­zont­al ax­is drawn across its cen­ter point de­term­ines the po­s­i­tion of the stroke that the brush is ap­plied on.

On Fig­ure 5 you can see some ba­sic po­s­i­tion­ing of the bound­ing box (the red con­tour on Fig­ure 5.2) and its re­flec­tion on the brush that is ap­plied to one and the same ob­ject (Fig­ure 5.1).

Brush Bounding Box
Figure 5

To change your bor­der align­ment:

  1. Select the bounding box of your border tile from the Layers panel.
  2. With Selection tool active, click and drag the bounding box up or down to the preferred position. You can also scale its height by positioning the cursor on an active point and dragging, for an additional offset from the stroke.

Your bor­der align­ment is now changed in your bor­der tile. To use the mod­i­fied bor­der you need to cre­ate a new brush (see tu­tori­al).

VI. CLIPPING MASK

The vis­ible bound­ary of a bor­der or pat­tern tile is typ­ic­ally set by a clip­ping mask, to en­sure that all the ele­ments edges are prop­erly cut out. A clip­ping mask is defined by a rect­angle with no fill and no stroke that is placed above all bor­der tile ele­ments ( the "clip" rect­angle in our col­lec­tions).

The clip­ping mask can be turned on and off by turn­ing the vis­ib­il­ity of the "clip" rect­angle on or off.

RELEASING THE CURRENT CLIPPING MASK:

To re­lease the cur­rent clip­ping mask:

  1. Select the layer group named "Clip group". (Figure 6.1)
  2. Go to Object > Clipping Mask > Release. (Figure 6.2)

The clip­ping mask is now re­leased and any clipped geo­metry be­comes vis­ible.

MAKING A NEW CLIPPING MASK:

After re­leas­ing the clip­ping mask and modi­fy­ing your tile geo­metry, in or­der to use your new bor­der or pat­tern, you need to re­act­iv­ate the clip­ping mask and cre­ate the pat­tern swatch or bor­der brush anew.

To make a clip­ping mask:

  1. Select the layer group named after the border or pattern tile by clicking on the dot on the right end of the layer. (Figure 6.3)
  2. Go to Object > Clipping Mask > Make. (Figure 6.4)

The bor­der or pat­tern tile is now clipped with­in the clip­ping rect­angle. The cre­ation of a new brush or pat­tern tile is spe­cified in sep­ar­ate tu­tori­als.

Clipping Mask
Figure 6

Note: Lay­ers get re­ordered by the clip­ping mask which may lead to your bor­der or pat­tern be­ing rendered in­cor­rectly. To avoid that, keep your en­tire geo­metry or­gan­ized via groups and not via lay­ers and sub­lay­ers.

Make sure the bound­ing box is al­ways be­neath all oth­er ob­jects and the clip­ping rect­angle is al­ways placed above all oth­er bor­der tile ele­ments, with no fill and no stroke as­signed.

If your tile renders with gaps, go back, check the clip­ping rect­angle po­s­i­tion (it should be snapped to the guides) and cre­ate the brush or pat­tern swatch anew.

Please note that the Illustrator files in our collections are compatible with the CC and CS6 versions of Adobe Illustrator and will not work with previous ones.
Stop forced ORGAN HARVESTING in China!
artwork by Oxelot