Project #7: To Outline or Not to Outline?Posted by Jennifer Impey on 4/25/2022
Today’s essential question: Should I add an outline to my design or utilize color and implied line?
Today we will:
- Explore tattoo and sticker designs that incorporate line and implied line.
- Decide whether to outline or not outline our designs.
- Continue working in Adobe Illustrator to create our tattoo/sticker designs.
To outline, or not to outline?:
When it comes to tattoo and sticker designs, you’ll often see two variations. Some artists like to use a hard outline, or contour, to outline their designs. Other artists will utilize blocks of color instead, creating an implied line, or “invisible line” around the object. An implied line is created through color contrast.
As you start finishing up your tattoo/sticker design, I would like you to decide how you are going to approach this idea of the outline for your design. Take a look at these two daisy tattoos. One uses a hard, black outline around the design and the other uses color and value contrast to create implied outlines around each form.
Likewise, here are two examples of daisy stickers that incorporate the same idea of outline vs. no outline. (Notice that both stickers have a white outline around the edges…this is common for stickers as it is difficult to print to the edge of paper, especially when a sticker is an organic form.). One sticker has a definite hard, black outline to it’s design and the other sticker utilizes value contrast to create the edges of the petals.
As you continue working on your tattoo/sticker design, you must design how you are going to outline it. Use the “Appearance” adjuster in the “Properties” panel in Illustrator to adjust your Stroke as seen in the pictures below.
Project #7: Begin Drawing Your Tattoo / Sticker DesignPosted by Jennifer Impey on 4/12/2022 8:00:00 AM
Today’s essential question: How can I apply what I’ve learned about Adobe Illustrator to making a tattoo/sticker design?
Today we will:
- Create the template layer in Illustrator with our drawing/composite image to trace.
- Begin tracing and outlining our design.
- Utilize the shape and pathfinder tools.
- Post a progress blog post at the end of the period.
Create your art board:
- Create a new document in Adobe Illustrator.
- Size it according to the printed size you want your tattoo/sticker to be.
- I have made mine 4″ x 4″.
- Make sure you have your document size set to inches, NOT pixels, points, or millimeters!
- Raster Effects set to High (300 ppi)
Create your template layer:
- Once you have created your document, click on File —> Place.
- Find your template image and open it.
- Click and drag on your art board to insert your file.
- Double click on your layer and check the following:
- Template Box
- Dim image if necessary.
- You *may* also take a picture of the area of your body that you are planning this tattoo to go to place in the background so you can see what it will look like as you are creating it.
Begin drawing out your tattoo/sticker:
Be sure to use the skills you learned in our first Illustrator project:
- Draw each individual piece in its own layer!
- Use sublayers!
- This will help you organize and move things when needed.
- Name each layer so you know what it is.
- Be sure to CLOSE each shape you draw with the pen tool.
- This is super important, especially if you plan on adding color later!
- Use the shape and pathfinder tools to draw your closed paths where possible.
- This helps ensure you are CLOSING the path.
- Save your working file as an .ai file on your flash drive.
Project #7: Introduction to Tattoo DesignPosted by Jennifer Impey on 4/11/2022
Today’s essential question: Is a tattoo a piece of art, and if so, what makes it art?
Today we will:
- Discuss whether a tattoo must have meaning to be a good tattoo.
- Understand how originality and plagiarism affect that tattoo industry.
- Brainstorm ideas for a tattoo and/or sticker design.
- Design a tattoo that is size appropriate for placement on the body.
- Students who do not wish to create a tattoo may design a fun sticker (or set of stickers!) instead.
- Create a tattoo that has meaning to you (or someone else) and be able to explain how and why the tattoo is a work of art.
- Utilize source imagery to design an original piece of art.
- Work between Photoshop and Adobe Illustrator to design the tattoo.
- Continue working in layers in Adobe Illustrator and refine your skill with the pen tool and shape tools.
Watch the following videos for insight on tattoo design:
Do Tattoos Need to Have Meaning?
Bringing in Your Own Tattoo Design
**Please note that there is some language in both of these videos. The purpose of watching these videos is not to encourage you to get a tattoo, BUT to understand how the tattoo industry is viewed as a fine art. These videos will also show you how tattoo artists view originality and plagiarism in the tattoo field.
Organize your Flash Drive:
- Create a new folder in your Illustrator folder called “Tattoo Design” or “Sticker Design”.
- Inside your project folder, create a new folder titled “Tattoo Source Images”.
- Do a google search for source images that you might use to design your tattoo/sticker and save 10-15 of them to your folder.
Answer the following questions and submit in today's assignment in Google Classroom:
- Discuss your viewpoint of a tattoo. If you were ever going to get a tattoo, would it need to have meaning to you or could it just be a "really sweet piece of art"?
- List some ideas you have for a tattoo design. It can be a tattoo design for you or for someone else.
- Save 10-15 source images you will use when designing your tattoo to your flash drive. Upload a screenshot (Comment+4) to your Google Classroom assignment before submitting.
Project #6A: Digitally Coloring Your Coloring PagePosted by Jennifer Impey on 4/6/2022
Today’s essential question: How do I add color to my vector art?
Today we will:
- Add color and gradients into our shapes in our coloring page.
- Digitally color our coloring sheet.
- Save and export our file as a PNG.
Ai: Coloring Page Tutorial #4 (Adding Color)
Types of Gradient:
In Illustrator, you can create the following three types of gradients:
Use this gradient type to blend colors from one point to another in a straight line.
Use this gradient type to blend colors from one point to another point in a circular pattern.
Use this gradient type to create a graduated blend of color stops within a shape in an ordered or random sequence such that the blending appears smooth and natural. Freeform gradient can be applied in two modes:
- Points: Use this mode to shade the area around a color stop.
- Lines: Use this mode to shade the area around a line.
Note: A color stop is a point on the Gradient Annotator (for linear and radial) or on the object (for freeform) that controls the color of the gradient. You can change the color of the color stops to set a gradient
To open the gradient panel, do one of the following:
- Choose Window > Gradient.
- Double-click the Gradient tool in the toolbar.
The gradient panel allows you to change the colors in your gradient, add color stops, adjust the opacity, choose the type, choose from a list of pre-defined or previously used/saved gradients, and more.
- Double click on either slider of the gradient bar to change the colors of your gradient.
- To add additional colors in your gradient, click just below the gradient bar where you want to add a new color.
- To delete a color, simply click on the slider and press the “Delete” button
- If you want to save your gradient, click on on the drop down arrow next to the gradient viewer, and then click on “Add
to Swatches”. This will save your gradient combination.
- You can adjust the transparency of a gradient. You can make it go from an opaquesolid color to a translucent solid color.
- This will allow you to see anything that is underneath the shape that will have transparent fill.
The Gradient tool is found in the tool bar on the left side of your screen. When clicked, itopens the Gradient Annotator, which is a slider bar that allows you to adjust the gradient in a linear and radial gradient. The gradient annotator allows you to:
- Adjust the start and end point of your gradient fill
- Adjust the midpoint of your gradient
- Adjust the angle of your gradient
- Adjust the color stops
**But wait...I can't add color to an area on my coloring sheet!!!
That means you never completed the entire path. If you used line segments to make your image instead of SHAPES (which is comprised of multiple line segments and anchors, all the way around to create a closed shape), you may not be able to add color the way you want! You might need to go in and edit your paths!
Play with Effects!
Once you've colorized your coloring sheet, you can also play around with the various effects in Adobe Illustrator. Try them out and see if one will enhance your colored image! Select the path that you wish to apply the effect to, and then find it in the effects menu. Here are a few examples of how I can change the effect on my football:
Save your file at the end of the period:
- File —> Save As
- Save this as a NEW file. We want to keep our black and white one as is.
- Rename your file “Colored Coloring Page” or something similar.
Project #6: Adobe Illustrator Coloring Page: Adding TextPosted by Jennifer Impey on 4/5/2022
Today’s essential question: How can I add and edit text to make it colorable?
Today we will:
- Explore font types and download free fonts for the computer if desired.
- Use the text tool to add text to your design.
- Expand the text to turn them into paths to edit.
1. Click on the "Text" tool and click and drag to create a text box.
2. Explore the fonts available to you in the properties bar. If you don't like any of them, or they don't fit the theme of your coloring page, you can download free fonts from online.
3. To download free fonts:
- Google free fonts using whatever tags or themes required.
- Check out this website: https://www.1001freefonts.com/
- Find and download fonts that are free for personal use.
- You'll have to download a zip file.
- Click and open the zip file at the base of your computer screen once it is downloaded.
- If the zip files doesn't automatically "unzip", double click on it. Then click on the blue folder that is created.
- Double click on the .tff file.
- Click on "Install Font"
Your font should now show up in your fonts in Adobe Illustrator!
Adjust and Outline Your Font for Coloring:
- Type in the text you wish to use.
- Adjust the size until it's the size you need it to be. (Remember, it should be big enough to be colored in!)
- Right click on your text and click on "Create Outline"
- Adjust your fill and outline, as well as the thickness of the outline in the properties panel.
- Click on "Ungroup".
- Now, you can use the select and direct select tools to move your individual letters, adjust the outlines of your fonts, etc.
Save your image at the end of the period!
Project #6: Ai: Adjusting Line QualityPosted by Jennifer Impey on 4/1/2022
Today’s essential question: How do I change the line quality, or stroke, of a line?
Today we will:
- Adjust the stroke of our lines on our coloring page design.
- Put white fill back into our shapes.
- Continue working on our coloring page.
- Save our file.
Ai: Coloring Page Tutorial #3 (Line Quality)
Adjusting the Stroke:
Now that your coloring page is just about complete, you need to think about adjusting the line quality, or thickness or thinness of your lines. You’ll want to change the line thickness around outside object outlines to be thicker, and the lines within an object that might show details to be thinner.
To change the stroke:
- Click on the path you wish to adjust with the Selection Tool.
- Click on the properties tab on the right hand side of your screen.
- Find where it says “Appearances” and increase the stroke from 1pt to the desirable thickness.
- 4-5pt is a good thickness for outside lines.
You can also adjust the character of the line:
- Click on the path you want to adjust.
- Click on "Stroke" in the properties panel.
- Choose the line profile you want to use.
Adjusting the Fill:
The last thing you will need to do is to add white fill back into your shapes. You will need to do this, especially if you have paths overlapping each other and you don’t want to see a path underneath a shape.
To change the fill:
- Click on the path you wish to add fill to with the Selection Tool.
- click on the properties tab on the right hand side of your screen.
- Find where it says “Appearances” and change the fill from “No Fill” to “White”
Arranging Your Paths/Shapes:
As you begin putting your white fill into your shapes, you may notice that they cover up, or are covered up, by another path or shape you have drawn:
To fix this, you need to arrange your paths/shapes by:
- Clicking on the path you want to move (highlight it).
- Right click on that path to bring up the menu.
- Go down to "Arrange"
- Click on one of the four options ("Bring Forward", "Bring to Front", "Send Backward", "Send to Back") depending on which move you need to make.
Save your file at the end of the period:
- File —> Save (this will save your .ai file)
Filter by Tag
- Show All
- Adobe Illustrator
- Arrange Paths
- Digital Collage
- Free Transform
- Image Search
- Line Quality
- Magic Wand
- pen tool
- Photoshop Tutorial
- Remove Background
- Room Design
- Tattoo Design
- Transparent Image