Act 8
Creating and Editing Artwork for Logos and Branding
Learn the basics of manipulating artwork in Adobe Illustrator CC.
1. Create and apply a pattern
What you learned:
Create a pattern swatch from artwork and apply it as a fill
Create a pattern
Select artwork to be used for the pattern and choose Object > Pattern > Make.
When creating a pattern, you work in Pattern Editing mode. In Pattern Editing mode, the Pattern Options panel opens. You see a preview of the repeating pattern in the document window, and the pattern is saved as a pattern swatch in the Swatches panel. A gray bar also appears along the top of the document window with options for saving the pattern (Done), making a copy of the pattern (Save a Copy), or canceling the operation.
Apply the pattern swatch to artwork
You can apply the pattern you created to the fill or stroke of artwork.
Select the artwork and click the Fill color or Stroke color in the Properties panel. With the Swatches option selected, click the pattern swatch to apply it.
Edit the pattern
In order to edit the pattern, with the artwork selected, click either the Fill color or Stroke color in the Properties panel (whichever you applied the pattern to), and with the swatches showing, double-click the pattern swatch to enter Pattern Editing mode.
File>Save As your file with name: Last Name + Act 8.1 Done and file type: .ai
AND
File>Export>Export As a .png before moving on.
Learn how to create and edit a pattern fill using artwork
2. Create a modern, geometric pattern
What you learned:
Using the Pen tool, create a geometric icon to use as the basis for a pattern you create, apply to artwork, and edit
Create a geometric icon
To start, create a geometric icon from a shape underneath the path.
Draw a straight line over the shape with the Pen tool by clicking to add points.
Add a point to the path by clicking on the path.
With the Direct Selection tool, drag the point you added into the center of the shape.
With the path selected, choose Object > Path > Divide Objects Below to divide the shape into two.
Using the Pen tool, create a vertical path to divide the bottom shape into two shapes using the same Divide Objects Below command.
With the shape divided into three shapes, you can apply a fill color to each.
Edit pattern options
In Pattern Editing mode, a blue pattern tile (box) surrounds the artwork. Anything within the bounds of the pattern tile, by default, repeats to create the pattern. You can add, remove, or edit the artwork in the pattern tile.
In the Pattern Options panel, you can do the following and more:
Name the pattern.
Choose a Tile Type, or choose how the pattern repeats.
Size the pattern tile to the artwork.
Change the width and height of the pattern tile.
Set how the artwork overlaps.
When finished editing the pattern options and the artwork, click Done in the gray bar at the top of the document window to save the pattern changes.
File>Save As your file with name: Last Name + Act 8.2.1 Done and Last Name + Act 8.2.2 and file type: .ai for each
AND
File>Export>Export As both as a .png before moving on.
Create a geometric icon for use in a pattern
3. Design with opacity and blending modes
What you learned:
How to adjust the opacity (transparency) of artwork and apply blending modes to achieve creative results
Change the opacity of content
You can adjust the opacity (how see-through the content is) for all types of content, from an individual object, to a group, to a whole layer.
To change the opacity of content, select the artwork and adjust the Opacity value in the Properties panel.
Understand blending modes
Blending modes let you vary the ways that the colors of objects blend with the colors of underlying objects. When you apply a blending mode to an object, the effect of the blending mode is seen on any objects that lie beneath the object’s layer or group.
Apply a blending mode to the copied shape
With content selected, click the Opacity option in the Properties panel on the right to open the Transparency panel.
Click Normal to open the Blending Mode menu. You can choose from a wide range of blending modes; they are grouped in the menu according to their function. Normal is the default mode and doesn’t apply any interaction between the colors of artwork. The dark blending modes like Darken, Multiply, or Color Burn make the resulting color darker. The lighten blending modes like Lighten and Screen, make the resulting color lighter overall.
Create more copies of the shape
To add more copies of the circle, let Illustrator apply the same copy and rotation you did previously using the Transform Again command.
With the circle still selected, choose Object > Transform > Transform Again. Illustrator creates a copy and rotates it using the same relative rotation point. Choose that command several more times to add enough circles to complete the artwork.
File>Save As your file with name: Last Name + Act 8.3.1 Done and Last Name + Act 8.3.2 and file type: .ai for each
AND
File>Export>Export As both as a .png before moving on.
Explore adjusting opacity of artwork and blending modes
4. Create a monoline badge design
What you learned:
How to use the Shape Builder tool and Pathfinder effects to combine shapes in different ways
Draw using the Curvature tool
The Curvature tool simplifies path creation and makes drawing easy and intuitive. This tool enables you to create, toggle, edit, add, or remove smooth or corner points. With the Curvature tool, you can perform the following:
Draw using the Pen tool
The Pen tool allows you to be as precise as you need when drawing or editing paths. For example, you can create straight lines and curves with exacting control to get the artwork you want.
Draw inside with the Pencil tool
The Pencil tool is used to create more freeform paths much like drawing with pencil and paper. In this tutorial, you draw a freeform path inside another path. In order to stay within the bounds of a path, you draw inside the path using Draw Inside mode.
Note: Depending on the resolution of your screen, the drawing modes may appear as separate buttons toward the bottom of the Toolbar.
Erase paths
Using the Eraser tool, you can erase part of selected paths or shapes.
Tip: To change the size of the eraser, press the right bracket key ( ] ) to increase the size or left bracket key ( [ ) to decrease the size.
File>Save As your file with name: Last Name + Act 8.4 Done and file type: .ai
AND
File>Export>Export As a .png before moving on.
Explore drawing and editing paths to create a single line design
TURN IN PARTS 1-4 FOR ONLY LOSS OF ONE POINT
Part 5 is quite involved and has 5 additional parts, turn in what you have so far and move on to other assignments for best use of classtime.
5.1 Get set to edit
Picture this scenario — you’re handed a logo design created by someone else and asked to modify it. Follow along with the next several tutorials to complete the change using the Part 5 file.
Save your part 5 files at the end of 5.5
Edit a logo part 1
5.2 Edit the text
Activate fonts to find the exact font used in the original design from the vast library of high-quality typefaces from Adobe Fonts.
***This process may not work on your computer, you may do one of two options.***
Either find your own font that you think will match well.
OR
Click "Find Fonts" and activate the Brothers OT Bold font.
Edit a logo part 2
5.3 Modify shapes
It’s helpful to assess how the artwork was built so you can modify its components easily and accurately. Carefully select and edit areas without affecting the rest of the design, and work in a bare-bones mode that makes it easy to select parts with the handy Lasso tool. Gain greater control over shapes by editing individual anchor points
Edit a logo part 3
5.4 Change appearances
Now you’ll fine-tune selections to make it easy to change colors in the artwork.
Edit a logo part 4
5.5 Create a logo variation
With the logo looking the way you want, create a separate version to hand off to your client.
Whether you created the design yourself or inherited it from someone else, you’ll be more efficient when you use these trusted techniques to select and modify artwork. Practice your skills — create other logo versions by changing the typeface, shapes, and colors.
File>Save As your file with name: Last Name + Act 8.5 Done and file type: .ai
AND
File>Export>Export As a .png before moving on.
Edit a logo part 5
6. Act 8 Quiz
What you should do:
To earn your points
Upload your Last Name + Act 8 Done.png files to the Act 8 quiz on Canvas.
Finish the quiz on Canvas.
Take the quiz and get your work checked
7. Extra Credit
What you should do:
To earn your points
Complete the extra credit tutorial in Illustrator
Show your teacher the completed and saved files from the tutorial.
Modify or create on your own.