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

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.

Edit the pattern

AND

Learn how to create and edit a pattern fill using artwork

Act 8 Part 1.mp4

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.

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:

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.

AND

Create a geometric icon for use in a pattern

Act 8 Part 2.mp4

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

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.

AND

Explore adjusting opacity of artwork and blending modes

Act 8 Part 3.mp4

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

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:

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.

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.

AND

Explore drawing and editing paths to create a single line design

Act 8 Part 4.mp4

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. 

Edit a logo part 1

Act 8 Part 5.1.mp4

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

Act 8 Part 5.2.mp4

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

Act 8 Part 5.3.mp4

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

Act 8 Part 5.4.mp4

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. 

AND

Edit a logo part 5

Act 8 Part 5.5.mp4

6. Act 8 Quiz

To earn your points

Take the quiz and get your work checked

7. Extra Credit 

To earn your points

Extra Credit Challenge Tutorial

If You Need New Files: Download the zipped files to the right and extract them into your Tech Ed Folder