In this tutorial we’ll be cooking a yummy vector taco in Adobe Illustrator, using basic geometric shapes in order to preserve a simple flat style.
Tutorial Details
0 Comments
In this tutorial we’ll be cooking a yummy vector taco in Adobe Illustrator, using basic geometric shapes in order to preserve a simple flat style.
Tutorial Details
CLO:
I will be able to create a vector image in .PDF or JPEG file by experimenting and choosing correct trace, expand, shape, pen, gradient & fill tools tools of Illustrator to add color. WHAT ARE YOU LEARNING? I will be able to add color using trace, expand, shape, gradient & fill tools tools of Illustrator. HOW WILL I KNOW YOU GET IT? By creating a colored vector image using the design cycle to brainstorm, trace, color and talk about their tool & color decisions with peers. WHY IS IT IMPORTANT? Unlike JPEGs, GIFs, and BMP images, vector graphics are not made up of a grid of pixels. Instead, vector graphics are comprised of paths, which are defined by a start and end point, along with other points, curves, and angles along the way. A path can be a line, a square, a triangle, or a curvy shape. These paths can be used to create simple drawings or complex diagrams and blown up to any size. Because vector-based images are not made up of a specific number of dots, they can be scaled to a larger size and not lose any image quality. If you blow up a raster graphic, it will look blocky, or "pixelated." When you blow up a vector graphic, the edges of each object within the graphic stay smooth and clean. This makes vector graphics ideal for logos, which can be small enough to appear on a business card, but can also be scaled to fill a billboard. REQUIREMENTS: Size: 8.5x11 Medium: Adobe Illustrator CS6 Image trace size: Must be 1000x1000 DPI or More & back/white image to trace. NO GRAY TONES or light lines will trace. Only high resolution images will trace or drawings outlined in Sharpie. VOCABULARY: Show me how to use: black arrow, white arrow, ungroup, trace, expand, shape, pen, gradient, swatches, color picker, stroke & fill tools tools. Difference between vector & raster images. Difference between Adobe Photoshop & Illustrator Positive & Negative shapes (inside & outside trace lines) Start by watching video to learn how to convert and image to VECTOR using Photoshop. CLO: Students will participate in the creative process by using the appropriate technology, listening, reading or referencing tutorials to explore Adobe Illustrator's shape, pen & pathfinder tools. WHAT ARE YOU LEARNING? I will be able to draw using Adobe Illustrator's text, shape, stroke, fill, pen & pathfinder tools (weld & divide). HOW WILL I KNOW YOU GET IT? By creating a colored vector image using tutorials as reference. And then talk about their tool & color decisions with peers. WHY IS IT IMPORTANT? Unlike JPEGs, GIFs, and BMP images, vector graphics are not made up of a grid of pixels. Instead, vector graphics are comprised of paths, which are defined by a start and end point, along with other points, curves, and angles along the way. A path can be a line, a square, a triangle, or a curvy shape. These paths can be used to create simple drawings or complex diagrams and blown up to any size. The pathfinder tool allows you to divide shapes apart and weld them together. The pen tool allows you to manipulate a point or draw a shape. REQUIREMENTS: Size: 8.5x11 Medium: Adobe Illustrator CS6 VOCABULARY: Show me how to use: text, shape, stroke, fill, pen & pathfinder tools Difference between vector & raster images. Pathfinder tool: weld, divide Align tools, gradient, pencil tool, anchor points, custom brushes Shortcuts: copy, cut, paste, etc
CLO: Students will participate in the creative process (researching) by using the appropriate technology, listening, reading or referencing tutorials to convert a photograph from Photoshop into a vector image in Illustrator using Adobe Illustrator's Live paint tool, pen tool, eyedropper and paint bucket. WHAT ARE YOU LEARNING? I will be able to create a cartoon portrait of myself, from my own photograph using Illustrator live paint & pen tools. HOW WILL I KNOW YOU GET IT? By creating a colored vector image from my own photo, using the design cycle to brainstorm, draw, color and talk about their tools & color decisions with peers. WHY IS IT IMPORTANT? It helps to be able to take our own pictures in photoshop and know how to convert them from RASTER to VECTOR. This allows us to have student voice and original artwork, not copied. REQUIREMENTS: Size: 8.5x11 Medium: Adobe Illustrator CS6 & Adobe Photoshop CS6 Photo: Taken by yourself or a friend with the NIKON SLR CAMERA VOCABULARY: Show me how to use: Nikon Camera, upload photo, save high contrast photo in Photoshop, Illustrator tools: Live paint, pen, eyedropper, expand and paint bucket.
CLO: I will be able to create a vector image in .PDF or JPEG file by experimenting and choosing correct trace, expand, shape, pen, gradient & fill tools tools of Illustrator to add color. WHAT ARE YOU LEARNING? I will be able to add color using trace, expand, shape, gradient & fill tools tools of Illustrator. HOW WILL I KNOW YOU GET IT? By creating a colored vector image using the design cycle to brainstorm, trace, color and talk about their tool & color decisions with peers. WHY IS IT IMPORTANT? Unlike JPEGs, GIFs, and BMP images, vector graphics are not made up of a grid of pixels. Instead, vector graphics are comprised of paths, which are defined by a start and end point, along with other points, curves, and angles along the way. A path can be a line, a square, a triangle, or a curvy shape. These paths can be used to create simple drawings or complex diagrams and blown up to any size. Because vector-based images are not made up of a specific number of dots, they can be scaled to a larger size and not lose any image quality. If you blow up a raster graphic, it will look blocky, or "pixelated." When you blow up a vector graphic, the edges of each object within the graphic stay smooth and clean. This makes vector graphics ideal for logos, which can be small enough to appear on a business card, but can also be scaled to fill a billboard. REQUIREMENTS: Size: 8.5x11 Medium: Adobe Illustrator CS6 Image trace size: Must be 1000x1000 DPI or More & back/white image to trace. NO GRAY TONES or light lines will trace. Only high resolution images will trace or drawings outlined in Sharpie. VOCABULARY: Show me how to use: black arrow, white arrow, ungroup, trace, expand, shape, pen, gradient, swatches, color picker, stroke & fill tools tools. Difference between vector & raster images. Difference between Adobe Photoshop & Illustrator Positive & Negative shapes (inside & outside trace lines) Start by watching video to learn how to convert and image to VECTOR using Photoshop.
IMPORTANT ILLUSTRATOR TOOLS
Students will support the design cycle (brainstorming, planning, creating, reflecting) by writing, listening and speaking with peers, by reading/referencing tutorials on their own and by selecting the appropriate Photoshop tools needed to create a GIF. They will be able to justify why they used those tools and how to animate their ideas.
WHAT ARE YOU LEARNING? How to use the Design Cycle & Photoshop layers, blending & tools to create a .GIF Instead of me providing the Photoshop tutorial, you get to decide what tools YOU want to use. (using resources) WHAT IS A GIF? (with the file extension, .gif)
What is the purpose of a GIF?
And these days, you’ll often find that gifs can become memes – but don’t get confused. Memes are very different. Meme is basically a funny picture or video given a new context, usually around a relatable truth, which travel in a viral way through the culture of the Internet. Undoubtedly memes have become one of the go-to methods of transmitting simple ideas and emotional truths in recent times. Like a virus, a meme moves from host to host, mutating along the way. VOCABULARY: GIF, meme, loop, layers, flip book, animation, storyboard, timeline, design cycle, foreground, middle ground, background
Create A Storyboard FirstHow to Create a .Gif in Photoshop
Student ExampleStudents will support the design cycle (brainstorming, planning, creating, reflecting) by writing, listening and speaking with peers, by reading/referencing tutorials on their own and by selecting the appropriate Photoshop tools needed to create a Visual Pun. They will be able to justify why they used those tools and why their visual image is a pun. WHAT ARE YOU LEARNING? How to use the Design Cycle & Photoshop layers, blending & tools to create Visual Puns Instead of me providing the Photoshop tutorial, you get to decide what tools YOU want to use. (using resources) Pun is a joke exploiting the different possible meanings of a word or the fact that there are words that sound alike but have different meanings. Visual pun is a way of combining images to create a pun.
VOCABULARY: Show me how to use: pen, quick selection, eraser, copy, cut, paste shortcuts, layers, stroke & fill tools. Visual Puns or Literal interpretations Things to think about...
This assignment is all about having some fun with photos. Your task is to take an ordinary, every day term and make a visual of it... for example: house cat, ballpoint pen, hair ball, one tough cookie, time flies,dust bunnies. Whatever you can think of...
Research your ides & do sketches FIRST! Find or take photos needed to create your vision. Use previous tutorial or videos below to help you achieve your goal. It should be a complete reality...no plain backgrounds. It should look seamless or real. Must haves: Program used: PS6 Document Size: 8.5x11 At least 3 layers morphed together (may use more) Resolution: 150 DPI Image size from google or camera: OVER 800x800 pixels (pictures can be used from the internet without worry of copyright.) Save twice as: "yourname_pun.psd" "yourname_pun.jpeg" Videos that may inspire you...Student Example
The visual pun is “Super Bowl”.
|
What did i miss?Look here first to find out what we are doing. Check out current and past assignments below. Archives
November 2021
Categories
All
|