Embedded Files
Graphic design & illustration using
INDEX
Project 3a: Working with BRUSHES
Project 3a: Working with BRUSHES
Brush Panel and Libraries
Brush Panel and libraries
Brush Panel and libraries
Adobe illustrator Brushes are vector based brushes. Illustrator provides a wide variety of preset brushes, ranging from charcoal strokes to calligraphic strokes to arrows to patterns. In Illustrator CC you can also create brushes from pixel based imaged In the Brush Panel you will find 5 brush categories:
Calligraphy brushes
Scatter Brushes
Art Brushes
Bristle Brushes
Border Brushes.
Pixel based brushes (can be scatter, art or border)
Brushes have the advantages of being easily editable, scalable vectors.
You can apply them to existing paths – created with the Pen or Pencil tool, shapes, and so on.
You can draw with a brush using the Paintbrush tool.
All brushes are vector-based, however in Illustrator you can use raster-based images to create a brush.
Applying A Brush Stroke To A Path
Applying A Brush Stroke To A Path
To apply a brush to an existing path:
Select a path, and click a brush on the Brushes panel or on the Brush Definition menu on the Control panel OR drag a brush from the Brushes panel onto a path.
Creating a calligraphic brush
Creating a calligraphic brush
Calligraphic brush strokes vary in thickness as you draw, simulating calligraphy.
To create a calligraphic brush:
Click the New Brush button in the Brushes panel.
In the New Brush dialog box, click Calligraphic Brush, and then click OK.
Enter a name in the Calligraphic Brush Options dialog box.
Define brush parameters – angle, roundness, and diameter.
Click OK, then apply the new brush to a path or draw with the Paintbrush tool.
Calligraphic brush options
Calligraphic brush options
Angle: An angle of 0Âş produces a stroke that is thin when drawn horizontally and thick when drawn vertically; an angle of 90Âş produces the opposite result.
Roundness: Lower is less round.
Diameter: Size.
Drop-down menus:
Fixed keeps the value constant.
Random randomizes the value.
Other options are available depending on whether you have a drawing tablet, and what kind. Preview your stroke in the dialog box, adjust settings, and click OK.
Bristle brushes
Bristle brushes act like traditional art brushes, bristles included.
Bristle brushes are pressure sensitive. Working with a pressure sensitive tablet and pen such as Wacom will make the experience of drawing more accurate.
There are ten presets in the Bristle Brushes library:
The round tip brushes have a white tip symbol:
Round Fan.
Round Point.
Round Blunt.
Round Curve.
Round Angle.
The flat tip brushes have a dark tip symbol:
Flat Fan.
Flat Point.
Flat Blunt.
Flat Curve.
Flat Angle.
Bristle brush options
Bristle brush settings will mimic traditional brushes and will enable you to choose the amount of bristle and density.
Shape: select from ten different brush models.
Size: The diameter of the brush. Choose the brush size before you start drawing or after you draw while selecting the path.
Shortcuts for brush size:
Click on the right bracket on your keyboard to increase the brush size.
Click on the left bracket to decrease the brush size.
Bristle Length: defines the length of the bristle by dragging the Bristle Length slider.
Bristle Density: defines the number of bristles in a specified area of the brush.
Bristle Thickness: defines the thickness of the bristles.
Paint Opacity: lets you set the opacity of the paint being used.
Stiffness: implies the rigidness of the bristles.
Creating brushes from objects
Creating brushes from objects
Creating art brushes
Art brushes are based on selected artwork, which is then converted into a brush.
As the brush is applied, the artwork stretches to fill the applied stroke.
To create an art brush:
1. Select the artwork that will become the brush stroke.
2. Choose New Brush from the Brushes panel menu or drag it to the Brush panel.
3. Select Art Brush in the New Brush dialog box.
4. Adjust the brush options in the Art Brush Options dialog box, name it, and click OK to add the brush to the Brushes panel.
Art brush options
Width: adjusts the width of the art relative to its original width. The default art brush width is 100%.
Scale: preserves proportions in scaled art. The options available are: Scale Proportionately, Stretch to Fit Stroke Length, Stretch Between Guides.
Direction: determines the direction of the artwork in relation to the line.
Flip Along or Flip Across: change the orientation of the art in relation to the line.
Colorization: pick a color for the stroke and method of colorization.
Overlap: to avoid joins and folds of an object’s edges to overlap, you can select the Overlap adjustment button.
Segmented Art brush: the ability to define a non-stretchable portion at the ends of an art brush.
Creating scatter brushes
Creating scatter brushes
Scatter brushes are similar to art brushes as they are based on selected artwork.
Instead of stretching that artwork to fit a path, they scatter the artwork along the path to which they are applied.
To create a Scatter brush:
To create a Scatter brush:
1. Select the artwork on which you are basing the brush, and choose New Brush from the Brushes panel menu.
2. In the New Brush dialog box, select Scatter Brush, and click OK.
3. In the Scatter Brush Options dialog box, enter a name, then define brush options, and click OK.
4. Use the scatter brush to populate a scene with multiple images across a path.
Scatter brush options
Scatter brush options
Size: controls the size of the objects.
Spacing: controls the amount of space between objects.
Scatter: controls the scattering of the brush along the path.
Rotation: controls the angle of rotation of the objects.
Choosing control from the submenu:
Fixed: creates a brush with a fixed size, spacing, scattering, and rotation.
Random: creates a brush with random variations in size, spacing, scattering, and rotation.
Pressure: creates a brush that varies in angle, roundness, or diameter based on the pressure of a drawing stylus.
Stylus Wheel: creates a brush that varies in diameter based on manipulation of the stylus wheel.
Tilt: creates a brush that varies in angle, roundness, or diameter.
Bearing: creates a brush that varies in angle, roundness, or diameter.
Rotation: creates a brush that varies in angle, roundness, or diameter.
Creating brushes from patterns
Pattern brushes
Pattern brushes are useful for drawing borders and can include up to five tiles:
Side Tile.
Outer Corner Tile.
Inner Corner Tile.
Start Tile.
End Tile.
Pattern Brushes are more complex to create.
Easy method: Drag one of the
Preset pattern brushes into the Brushes panel, and then double-click it to edit it.
You can replace any of the preset tiles with objects in your document’s Swatches panel.
Pattern brushes options
Pattern brushes are defined from Pattern swatches that you load into the Pattern brushes preset dialog box. Before creating the brushes it is recommended to test the pattern to make sure it is seamless.
Scale: adjusts the size of tiles relative to their original size.
Spacing: adjusts the space between tiles.
Tile buttons: let you apply different patterns to different parts of the path. Click a tile button for the tile you want to define, and select a pattern swatch from the scroll list.
Flip Along or Flip Across: changes the orientation of the pattern in relation to the line.
Fit: determines how the pattern fits on the path.
Colorization: pick a color for the stroke and method of colorization from the methods using the drop-down list.
Assignment 3A: Brushes
Assignment 3A: Brushes
Create a new blank document (print A4).
Follow the steps in the video and try to understand what you are doing. Know the theory behind it.
Create a document with in there a variety of brushes. Try to use them all.
Place your image on your Spark page and describe briefly what you have done.
Test 3: What you've learned so far...
Test 3: What you've learned so far...
This test will focus on the theory of last week. You've created two assignments around some important Illustrator techniques and gained knowledge about the theory.
With 15 questions on these topics, you will test yourself. Do you master the knowledge already, or do you need to study harder? Anyways; Good Luck!
The link to the test will be active halfway through the second lesson.
Theory 3: Typography
Theory 3: Typography
Paragraph panel overview
Paragraph panel overview
You use the Paragraph panel (Window > Type > Paragraph) to change the formatting of columns and paragraphs. When type is selected or when the Type tool is active, you can also use options in the Control panel to format paragraphs.
A. Alignment and Justification
B. Left Indent
C. First Line Left Indent
D. Space Before Paragraph
E. Hyphenation
F. Right Indent
G. Space After Paragraph 
A. Font
B. Font Style
C. Font Size
D. Align left
E. Align center
F. Align right
By default, only the most commonly-used options in the Paragraph panel are visible. To show all options, choose Show Options from the panel menu. Alternatively, click the double triangle on the panel’s tab to cycle through the display sizes.
Align text
Align text
Area type and type on a path can be aligned with one or both edges of a type path.
Select the type object or insert the cursor in the paragraph you want to change.
If you don’t select a type object or insert the cursor in a paragraph, the alignment applies to new text you create.In the Control panel or Paragraph panel, click an alignment button.
Justify text
Justify text
Text is justified when it is aligned with both edges. You can justify all text in a paragraph either including or excluding the last line.
Select the type object or insert the cursor in the paragraph you want to justify.
If you don’t select a type object or insert the cursor in a paragraph, the justification applies to new text you create.In the Paragraph panel, click a justification button.
Adjust word and letterspacing in justified text
Adjust word and letterspacing in justified text
You can precisely control how Adobe applications space letters and words and scale characters. Adjusting spacing is especially useful with justified type, although you can also adjust spacing for unjustified type.
Insert the cursor in the paragraph you want to change, or select a type object or frame to change all of its paragraphs.
Choose Justification from the Paragraph panel menu.
Enter values for Word Spacing, Letter Spacing, and Glyph Spacing. The Minimum and Maximum values define a range of acceptable spacing for justified paragraphs only. The Desired value defines the desired spacing for both justified and unjustified paragraphs:
Word Spacing
The space between words that results from pressing the spacebar. Word Spacing values can range from 0% to 1000%; at 100%, no additional space is added between words.
Letter Spacing
The distance between letters, including kerning or tracking values. Letter Spacing values can range from ‑100% to 500%: at 0%, no space is added between letters; at 100%, an entire space width is added between letters.
Glyph Scaling
The width of characters (a glyph is any font character). Glyph Spacing values can range from 50% to 200%.
Tip: Spacing options are always applied to an entire paragraph. To adjust the spacing in a few characters, but not an entire paragraph, use the Tracking option.Set the Single Word Justification option to specify how you want to justify single-word paragraphs.
In narrow columns, a single word can occasionally appear by itself on a line. If the paragraph is set to full justification, a single word on a line may appear to be too stretched out. Instead of leaving such words fully justified, you can center them or align them to the left or right margins.
Indent text
Indent text
Indention is the amount of space between text and the boundary of a type object. Indention affects only the selected paragraph or paragraphs, so you can easily set different indentions for different paragraphs.
You can set indents using the Tabs panel, the Control panel, or the Paragraph panel. When working with area type, you can also control indention using tabs or by changing the inset spacing for the type object.
Set indents using the Paragraph panel
Set indents using the Paragraph panel
Using the Type tool , click in the paragraph you want to indent.
Adjust the appropriate indent values in the Paragraph panel. For example, do the following:
To indent the entire paragraph one pica, type a value (such as 1p) in the Left Indent box .
To indent only the first line of a paragraph one pica, type a value (such as 1p) in the First Line Left Indent box .
To create a hanging indent of one pica, type a positive value (such as 1p) in the Left Indent box and type a negative value (such as ‑1p) in the First Line Left Indent box.
Set an indent using the Tabs panel
Set an indent using the Tabs panel
Using the Type tool , click in the paragraph you want to indent.
Do one of the following to the indent markers in the Tabs panel:
Drag the top marker to indent the first line of text. Drag the bottom marker to indent all but the first line. Ctrl-drag (Windows) or Command-drag (Mac OS) the bottom marker to move both markers and indent the entire paragraph.
First-line indent (left) and no indent (right)
Select the top marker and type a value for X to indent the first line of text. Select the bottom marker and type a value for X to move all but the first sentence.
Create a hanging indent
Create a hanging indent
In a hanging indent, all the lines in a paragraph are indented except for the first line. Hanging indents are especially useful when you want to add inline graphics at the beginning of the paragraph, or when you want to create a bulleted list.
No indent (left) and hanging indent (right)
Using the Type tool , click in the paragraph you want to indent.
In the Control panel or the Tabs panel, specify a left indent value greater than zero.
To specify a negative first-line left indent value, do one of the following:
In the Paragraph panel, type a negative value for the first-line left indent .
In the Tabs panel, drag the top marker to the left, or the bottom marker to the right.
Adjust paragraph spacing
Adjust paragraph spacing
Insert the cursor in the paragraph you want to change, or select a type object to change all of its paragraphs. If you don’t insert the cursor in a paragraph or select a type object, the setting applies to new text you create.
In the Paragraph panel, adjust the values for Space Before and Space After.
Note:
If a paragraph begins at the top of a column, no extra space is added before the paragraph. In this case, you can increase the leading of the first line of the paragraph or change the inset spacing for the type object.
Hanging punctuation
Hanging punctuation
Hanging punctuation makes the edges of text appear more even by moving punctuation marks outside the paragraph margins.
Paragraph without hanging punctuation (left) compared to paragraph with hanging punctuation (right)
Project 3B: postcard
Project 3B: postcard
Create a new document with these settings. It's for print so the raster effects need to be high.
Name: Postcard
Width: 150 mm, Heigth 100 mm
Bleed: 3mm
Color Mode: CMYK
Raster Effects: High
Create a rectangle on the background with this swatch fill color:
C 40%
M 24%
Y 65%
K 0%
Add a little flag shape exactly in the middle with this swatch fill color:
C 15%
M 100%
Y 90%
K 10%
Create a compass shape. You will need to work with the star shape and are not allowed to rotate the shape.
Add the circle and the text.
Create a shape for the ocean. Make sure you are working on separate layers.
Create a new swatch with these settings:
Name: Sand
C 0%
M 10%
Y 50%
K 0%
Add an Island shape with use of the Pen tool. Color the shape with the Sand Swatch.
Create a brush with use of these three ingredients.
Draw a line with the newly created brush to the treasure.
Add in a tree by using an art brush for the tree trunk and a scatter brush for the leaves.
Type the words "Treasure Hunt" on a path.
SCHEDULE YOUR EXAM
SCHEDULE YOUR EXAM
Study 3: LinkedIn Learning
Study 3: LinkedIn Learning
LinkedIn Learning
As a student at the GLR you are entitled to make use of LinkedIn Learning. Make sure to sign up and sign in with your "mijnglr" account details.
Watch the video's from "Cert Prep: Adobe Certified Associate - Illustrator" chapter 6 and 7.
Share the LinkedIn Learning Certificate on your Spark Page.
Note:
Add both projects and your notes from today to your Spark page.
Socials:
Leave an image from your work today on Instagram with use of the hashtags #AdobeEduCreative #GLRVibes #ACAChallenge
Page updated
Google Sites
Report abuse