Tattoo shops hang flash sheets on the wall: bold, simple designs a customer can point at and say "that one." Today the whole class builds one flash sheet together for a made-up shop: a lightning bolt, a lucky star, and a flame. The starter file has a dashed outline of each design. Squares mark where to click a corner, circles mark where to click a curve. You trace the bolt with the Pen tool, build the star with the Star and Rotate tools, add tapered burst lines, and turn in a midpoint. Then you draw the flame in two halves with the Curvature tool, join them, paint the inner flame with the Blob Brush, and clean it up.
Shortcuts are written Windows / Mac. Example: Ctrl+G / Cmd+G. On a Mac, Option is the key some Windows lists call Alt.
We build together. Follow along step by step. When you finish a step early, wait at the check line or try the bonus at the bottom.
LastName_BoltStar.jpg: a JPEG of the bolt and the faceted star with its burst lines.LastName_TattooFlash.jpg: a JPEG of the finished sheet with all three designs and the dots, plus sparkles if you did the bonus. Keep your LastName_TattooFlash.ai file for yourself. Do not upload it.TattooFlash_StudentFiles.zip: the two files for today: the starter file and the class swatches. Unzip it before Step 1.TattooFlash_Starter.svg: inside the zip, in the Starter folder. A cream 1600 by 1000 artboard with dashed outlines for all three designs and a row of color chips.MKT202_TattooFlash_Swatches.ase: inside the zip, in the Palette folder. The five class colors. Only needed if your color chips go missing.Each design has its own dashed outline in the starter file: bolt on the left, star in the middle, flame on the right. You hide each outline when its design is done, so none of the dashes show in your JPEGs.
These images were drawn by a script to show the target look. They are an approximation, not an Illustrator file. Your inner flame and dots will not match exactly, and that is fine.
Every color comes from these five. The starter file has a chip of each color. To color a shape, select it, press I for the Eyedropper, and click the chip. Every chip has the Flash Navy 8 pt outline, so shapes get the outline too.
| Swatch | Name | Hex | Used on |
|---|---|---|---|
| Flash Navy | #1F2A3C | Every outline, the burst lines, the Blob Brush dots | |
| Sailor Gold | #F2B33D | Bolt, inner flame, sparkles | |
| Vermilion | #EC6A3C | Star facets, outer flame, sparkles | |
| Clover Green | #1F6B45 | Star, sparkles | |
| Cream Paper | #F6EAD3 | Background (already in the starter), shine marks |
You may have used the Pen tool in Photoshop. Here is how today's tools map over.
| Photoshop | Illustrator |
|---|---|
| Pen tool draws a path, then you fill or stroke it | Pen tool P draws the shape itself and fills it as you click. |
Direct Selection A moves one anchor | Same key, same white arrow. The black arrow V moves the whole object. |
| Convert Point tool | Anchor Point tool Shift+C. Click an anchor to make it a corner, drag from it to make it smooth. |
| Free Transform, rotate a copy | Rotate tool R. Option or Alt click to choose the center, then Copy. |
| Stroke layer style: one thickness all the way around | Width tool Shift+W and width profiles. Thick in the middle, thin at the ends. |
| Brush tool paints pixels | Blob Brush Shift+B paints filled vector shapes you can still clean up and recolor. |
| Layer eye and lock icons | Same idea in the Layers panel. Hidden art does not export. |
| Start | Minutes | What | How |
|---|---|---|---|
| 0:00 | 2 | Opening: corners and curves on purpose | Demo |
| 0:02 | 6 | Step 1: Open the starter and set up | Do along |
| 0:08 | 7 | Step 2: Trace the bolt with the Pen tool | Do along |
| 0:15 | 9 | Step 3: Build the faceted star | Do along |
| 0:24 | 6 | Step 4: Tapered burst lines | Do along |
| 0:30 | 3 | Step 5: Midpoint turn-in | Gate |
| 0:33 | 8 | Step 6: Draw the flame in two halves | Do along |
| 0:41 | 6 | Step 7: Join the halves | Do along |
| 0:47 | 7 | Step 8: Paint and clean the inner flame | Do along |
| 0:54 | 4 | Step 9: Dots and final export | Turn-in |
| 0:58 | Core ends. Midpoint and final turned in. | ||
| 0:58 | 8 | Step 10: Bonus sparkles with the Star tool | Bonus, ahead students only |
| 1:06 | Bonus ends. Optional steps. | ||
TattooFlash_StudentFiles.zip. In Illustrator, choose and open TattooFlash_Starter.svg from the Starter folder.LastName_TattooFlash.ai and click Save. Click OK in the options box.

Chips, Flame guide, Star guide, Bolt guide, and Background.Background, Bolt guide, Star guide, and Flame guide. A padlock appears. Locked art cannot be clicked or moved. Lock these before you touch anything on the artboard.Flame guide to hide the flame outline. You turn it back on in Step 6.
V and click any chip. All five select together because they are one group. In the Transform section of the Properties panel, type 1080 in the Y box and press Return. The chips jump below the artboard.P for the Pen tool. Click once on square 1. Click, do not drag. A drag pulls out handles and curves the line.V and click the bolt. Press I for the Eyedropper and click the Sailor Gold chip. The bolt fills gold and gets the Flash Navy 8 pt outline.A for Direct Selection. Click one corner of the bolt and drag it a few pixels. Only that anchor moves. Undo with Ctrl+Z / Cmd+Z if you liked it better before.Shift+C for the Anchor Point tool and click that anchor once. It snaps back to a sharp corner.Bolt guide. The bolt outline hides.<Path> for your bolt and type Bolt.235 px, Radius 2 95 px, and Points 5. Click OK.
I and click the Clover Green chip. Then click the Fill square in the Toolbar and click None. The star stays an outline for now so you can see the center ring through it.800 in the X box and 498 in the Y box. The star lands on its dashed outline.P. Click the small ring at the center of the star, click the top tip, click the inner corner just right of the top tip, then click the center ring again to close. You made one thin triangle.V, click the triangle, press I, and click the Vermilion chip.R for the Rotate tool. Hold Option (Mac) or Alt (Windows) and click the triangle's corner at the center ring. In the Rotate box, type Angle 72 and click Copy. A second facet appears on the next point.
V and click the star's outline. Press I and click the Clover Green chip. The star fills green behind the red facets, because it was drawn first.Star in the Layers panel.R, and Option or Alt click the triangle's corner at the center. If the Pen shows a minus sign over a corner, press Return (Enter on Windows), deselect, and try again.P. Click the inner square of one dashed burst line, click its outer square, and press Return (Enter on Windows). The Pen stops, and you have one open line. Esc does not end a Pen path.V and click the line. Press I and click the Flash Navy chip. The Eyedropper also fills it, so click the Fill square in the Toolbar and click the None button. In the Properties panel, set the stroke weight to 16 pt.

P, click, click, Return. They keep the same style.Shift+W for the Width tool. Hover near one end of the first line and drag inward until the tip is thin. Do the same at the other end. The middle stays full width.V. Click one of the other lines and Shift-click the other three. Open . If you only see Weight, open the panel menu (four lines, top right of the panel) and choose Show Options. Click the Profile menu at the bottom and choose Width Profile 1, the shape that is thick in the middle and thin at both ends.
Bursts. In the Layers panel, click the eye next to Star guide.Bolt guide, Star guide, and Flame guide are all off.LastName_BoltStar.jpg. Set the format to JPEG and check Use Artboards. Click Export.LastName_BoltStar.jpg to Canvas as your midpoint.Flame guide. The flame outline comes back with numbers 1 to 14.Shift+~.
Shift+~. Click just to the right of square 8, not on it. Click circle 9. Double-click square 10. Click circle 11. Double-click square 12. Click circles 13 and 14. Click just to the right of circle 1, not on it. Press Esc.A. Click circle 2's anchor on the left half. Drag the round end of one of its handles until the curve sits on the dashes.Shift+~ and double-click that anchor to switch it to a corner. If the tool keeps drawing, press Esc.A. Drag a small selection box around the tip so it catches both endpoints and nothing else.

V and click the flame. It selects as one closed shape. Press I and click the Flash Navy chip, then click the Fill square in the Toolbar and click None. The flame is a navy outline for now so you can still see the inner dashes.Shift+C for the Anchor Point tool. Drag a short way to the left from the bottom anchor. Handles appear and the bottom rounds off. If it twists into a small loop, Undo and drag to the right instead.Outer flame in the Layers panel. Save with Ctrl+S / Cmd+S.F2B33D, and click OK. Double-click the Stroke square, type F2B33D, and click OK.Shift+B for the Blob Brush. Press the ] key 10 or more times, until the brush circle is about a third as wide as the small flame. Paint inside the small dashed flame until it is filled. Overlapping strokes merge into one shape. Stay inside the dashes.V and click the gold shape. Its edge is lumpy, with many anchors.Shift+A. Drag along the lumpiest edge, close to the line. Repeat once or twice. If it gets worse, Undo.
V and click the shape again. Choose . A slider bar appears under the shape and simplifies it right away. Drag the slider to the left for fewer points, or to the right if the flame lost its shape. Click empty space to finish. There is no OK button.
I and click the Sailor Gold chip. The shape gets the navy outline. Name it Inner flame.V and click the outer flame's outline. Press I and click the Vermilion chip. The outer flame fills red behind the gold, because it was drawn first.Flame.A and drag the stray anchors in, or Undo and paint smaller. If Simplify changed the shape too much, Undo and move the slider less.1F2A3C. Press Shift+B and press [ to make the brush smaller. Click to paint four or more dots of different sizes in the open space around the designs.Flame guide. Check that all three guide eyes are off.LastName_TattooFlash.jpg, set the format to JPEG, check Use Artboards, and click Export. Use the same JPEG Options as the midpoint.LastName_TattooFlash.jpg to Canvas.Only after your final JPEG is uploaded.
34 px, Radius 2 10 px, and Points 4. Click OK.I and click the Sailor Gold chip. Then click the Stroke square and click None. Sparkles have no outline.V. Hold Option (Mac) or Alt (Windows) and drag the sparkle to copy it. Make four or five copies around the sheet.I, click the Vermilion or Clover Green chip, and set Stroke to None again.Sparkles. Save, export LastName_TattooFlash.jpg again with the same name, and upload it again.LastName_BoltStar.jpg was uploaded at the midpointLastName_TattooFlash.jpg uploaded to CanvasLastName_TattooFlash.ai saved for yourself (not uploaded)Finished early? Do these in any order.
P. On the bolt, click near the top left inside edge, click a little lower, and press Return (Enter on Windows).V, click the line, press I, and click the Cream Paper chip. Set Fill to None, stroke weight 10 pt, and in choose Profile Width Profile 1.Shine. Save and export the final JPEG again with the same name.The reference sheet shows the finished look with the bonus sparkles and the optional shine marks. It is an approximation drawn by a script.
| Problem | Fix |
|---|---|
| The Pen keeps drawing a line that follows my cursor. | Press Return (Enter on Windows). To close a shape, click its open end with the Pen tool, then click its first point. |
| My bolt has a curved corner. | Press Shift+C and click that anchor. |
| The Pen shows a minus sign over a star corner. | The star is selected. Press Return, click empty space, then pick up the Pen again. |
| My burst lines joined into one zigzag. | Undo until one line is left. Press Return (Enter on Windows) after every two clicks. Esc does not end a Pen path. |
| I cannot see the star's center ring. | The star is filled. Select it, click the Fill square, and click None. Fill it green after the facets. |
| My facet copies are in the wrong place. | Undo back to one triangle. Press R and Option or Alt click the triangle's corner at the center. |
| Dashes show up in my JPEG. | In the Layers panel, click the eye next to that guide to hide it, then export again. |
| The color chips show up in my JPEG. | Select them with V and drag them below the artboard. Export again. |
| My color chips are gone. | Open , click the Swatch Libraries menu at the bottom left, choose Other Library, and pick MKT202_TattooFlash_Swatches.ase from the Palette folder. Or type the hex codes from the palette table. |
| I moved the background or a guide. | Undo. Then lock it with the padlock column in the Layers panel. |
| A flame tip came out round. | Press Shift+~ for the Curvature tool and double-click that anchor. |
| The right half of the flame joined the left half while I was drawing. | Undo. Deselect, then start just beside the left half's end, not on it. |
| Join made a straight line across the flame. | Undo. Zoom in and select only the two endpoints at one spot. Average Both, then Join. |
| I cannot see the inner flame's dashes. | The outer flame is filled. Select it, click the Fill square, and click None. Fill it red at the end of Step 8. |
| The flame will not fill. | One join is missing. Check the top tip and the bottom with A. |
| My Blob Brush paints the wrong color or is invisible. | Set both the Fill and Stroke squares to the hex code from the step, and make the brush bigger with ]. |
| The Width tool does nothing. | Select one burst line, not a group, then press Shift+W. |
| I saved an SVG instead of an .ai. | Choose and set the format to Adobe Illustrator (ai). |
| I cannot find a tool. | Tools hide in groups. Click and hold a tool that has a small triangle in its corner. |
In Sessions 1 and 2 you built and combined shapes. Today you placed anchors yourself: corners with the Pen tool, curves and corners with the Curvature tool, and single points moved with the white arrow. You copied a shape around a center with the Rotate tool, shaped strokes with the Width tool, joined two open paths into one shape, and cleaned up a painted shape with Smooth and Simplify. Those are the tools you will use whenever a shape cannot be built from circles and rectangles, including the mascot in Session 7.
V, Direct Selection tool AP: corner clicks, closing a path, open linesShift+C: click for a corner, drag for a curveR with Option or Alt click, Copy, and Ctrl+D / Cmd+DShift+W and Width Profile 1 in the Stroke panelShift+~: click for curves, double-click for cornersShift+BI and a row of color chips