We are going to start this project differently than we have in the past. Rather than beginning with the blank artboard and creating an illustration out of whole cloth, we are going to trace a base photograph. Now when I say trace, I don't want you to take that too literally. I don't mean that we are going to scrupulously reproduce every single design element that you see before you're on screen right now, because after all, what would be the point of exactly replicating somebody else's piece of artwork. Instead, we are going to use this photograph as the basis for our own unique design as you will see.
The photograph in question is Tile photo.jpeg. It's found inside the 06_transform folder. Just to establish things, I have this photograph opened inside of Photoshop. I am going to go ahead and zoom in on it and I shot this image, I should tell you, using an E30, which is an absolutely great digital SLR from Olympus. And we are going to take this photograph and we are going to trace it here inside of Illustrator. Now notice this is the final illustration that I created the first time around, and it's called Final mosaic.ai, found once again inside of the 06_transform folder.
Notice I have made some different design decisions here and there. If I return to the original photograph, you can see that there this flower element right there in the lower- left corner of this area, and then over here there is a kind of leaf element or some sort of bug or something like that going on, and then in the corners of the mosaic we have an entirely different flower element. Whereas, inside of my final illustration, I chose to go ahead and replicate this flower element again and again and again throughout the illustration.
And I decided to do that to simplify the project just a little bit. I also happen to like the result. So again, you can go your own way. Here is the news though that I think you will be interested in, you are going to be building all of these elements completely on your own, which may at first seem a little daunting specially if you are fairly new to graphic arts in general or Illustrator specifically, but we are going to take this one step at a time and I assure you, you are going to be able to follow along. So let me show you how we are going to get started. What I like you to do if you are working along with me is switch to this illustration right there, it's called Base guides.ai.
Again, it's found inside the 06_ transform folder and all it contains is an empty drawing layer and a guides layer that contains just three guides, a horizontal guide, a vertical guide and a parameter guide as well. And this will serve as the basis of our illustration, and I will show you how to introduce the base photograph so that we can begin tracing it in the next exercise.
Author
Released
5/28/2010- Creating great art using basic tools
- Brushing and building organic artwork
- Scaling and rotating path outlines
- Creating and formatting text
- Drawing articulated paths with the Pen tool
- Combining paths with Pathfinder operations
- Printing and exporting to the web
Skill Level Beginner
Duration
Views
Q: I was not able to locate my saved shortcuts and cannot locate the folder I created to place the preferences into. The Illustrator steps are clear and using the search function I should be able to find the folder, but it cannot be located. How can I find the shortcuts file on a Mac?
A: To search for the shortcuts file on a Mac, press Cmd+F. Then change the option that says "Kind" in the top-left corner to System Files by choosing "Other" and selecting "System Files" from the menu.



Q: The instructions for installing the dekeKeys don't work on my computer (which is running Mac OS X Lion). Is there an update to these?
A: The dekeKeys distributed with this course will still work for Lion. You just need to add them to a slightly different folder than in previous versions of OS X.
Open a new Finder window and choose Go > Go to Folder. Type the following file path exactly as written below. Copying and pasting may result in an error.
~/Library/Preferences/Adobe Illustrator CS5 Settings/en_US
Move and/or copy/paste the dekeKeys to this folder and follow the rest of the instructions as outlined in the video, "Installing the dekeKeys keyboard shortcuts."
Related Courses
-
Deke's Techniques
with Deke McClelland155h 5m Intermediate
-
Introduction
-
Remapping OS shortcuts6m 56s
-
1. Making a Document
-
Managing artboards1m 20s
-
The Welcome screen3m 49s
-
Creating a new document7m 13s
-
Advanced document controls6m 52s
-
Auto-arranging artboards3m 42s
-
Rulers and artboards6m 40s
-
Saving a native AI document7m 25s
-
Closing all open documents2m 45s
-
-
2. Navigation and the Workspace
-
Using tools to zoom and pan5m 56s
-
Scroll wheel tricks2m 13s
-
The tabbed-window interface6m 17s
-
Closing all but one document3m 30s
-
Saving a custom workspace4m 57s
-
Hiding the bounding box4m 27s
-
Keyboard increments7m 15s
-
Cycling between screen modes5m 21s
-
3. Opening Documents and Getting Organized
-
Opening a document5m 2s
-
Introducing Adobe Bridge6m 6s
-
File-type associations4m 3s
-
Previewing and collecting8m 17s
-
4. Basic Line Art
-
Everything is anything1m 14s
-
Meet the line tools3m 30s
-
Saving large layer previews5m 50s
-
Creating custom guides5m 31s
-
Creating a heart using arcs3m 51s
-
Adjusting control handles4m 13s
-
Drawing a line segment4m 51s
-
Rotate, Fill, and Stack4m 37s
-
Drawing a looping spiral4m 41s
-
Tracing a template layer5m 1s
-
Selecting similar objects3m 32s
-
-
5. Geometric Shapes
-
The anatomy of a path1m 41s
-
Meet the shape tools3m 32s
-
Creating a compound path4m 29s
-
Drawing rounded rectangles3m 28s
-
Aligning to a key object3m 47s
-
The constraint axes4m 11s
-
Using the Flare tool5m 32s
-
-
6. Paint, Build, and Transform
-
Painting artwork from life1m 21s
-
Tracing a photograph2m 41s
-
Draw, Move, and Duplicate5m 27s
-
Rotating and duplicating6m 1s
-
Pressure-sensitive input4m 24s
-
Using the Shape Builder tool4m 57s
-
Establishing design groups5m 54s
-
When to rotate vs. reflect4m 55s
-
Simulating beveled edges6m 46s
-
-
7. Swatch, Stroke, and Stacking Order
-
The Document Color mode6m 20s
-
Introducing the Stroke panel4m 46s
-
Cap, Join, and Miter Limit6m 42s
-
Managing color swatches4m 55s
-
Filling paths inside groups6m 24s
-
Adjusting the stacking order7m 44s
-
Combining multiple fills5m 29s
-
Creating a tile pattern9m 2s
-
The new CS5 arrowheads5m 44s
-
Creating a callout line7m 1s
-
Width tool tips and tricks8m 47s
-
8. Working with Type
-
Next-generation text1m 19s
-
Making a margin guide5m 7s
-
Offsetting flush-left text4m 47s
-
Placing and threading text6m 18s
-
Working with point text7m 10s
-
Redefining paragraph styles6m 42s
-
Using the Glyphs panel6m 41s
-
Spell-checking text4m 24s
-
Updating a graphic style5m 43s
-
Creating type on a path7m 26s
-
Adjusting baseline shift4m 18s
-
-
9. Using the Pen Tool
-
Moving and deleting points7m 46s
-
Editing a path as you go7m 5s
-
Faking a spline curve5m 54s
-
Adding corners to a spline7m 15s
-
How control handles work10m 17s
-
Aligning open paths5m 38s
-
Splitting and joining paths8m 51s
-
Cusp points and miter limits6m 45s
-
Using the Convert Point tool4m 42s
-
Stacking clipped paths4m 28s
-
10. Pathfinder Operations
-
Unite closed, join open4m 46s
-
Switching shape modes4m 43s
-
Adding to a compound shape5m 32s
-
Outline Stroke and Unite3m 37s
-
Painting in the foliage5m 23s
-
Filling in and erasing away6m 31s
-
Painting more precise holes5m 17s
-
Adding in rough edges7m 53s
-
Contouring roots and limbs8m 56s
-
Filling in the limbs4m 19s
-
Using the Divide operation5m 46s
-
11. Printing a Document
-
Converting type to outlines8m 55s
-
Setting trim size and bleed6m 22s
-
Stroking a placed image4m 54s
-
Filling in your bleeds5m 34s
-
Troubleshooting weak blacks6m 36s
-
The General Print options5m 20s
-
Placement, scale, and tiling6m 39s
-
Trim and printer marks6m 23s
-
Warnings and document raster5m 21s
-
12. Exporting to the Web (and Elsewhere)
-
Saving a high-contrast GIF7m 18s
-
The versatile PNG format6m 33s
-
Saving a full-color PNG4m 47s
-
Placing an AI Smart Object7m 38s
-
Conclusion
-
Until next time1m 33s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Tracing a photograph