<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" >

<channel><title><![CDATA[MS CHANG'S ART CLASSES - Web Design]]></title><link><![CDATA[http://www.mschangart.com/web-design]]></link><description><![CDATA[Web Design]]></description><pubDate>Sun, 13 Apr 2025 13:41:16 -0400</pubDate><generator>Weebly</generator><item><title><![CDATA[Create Your First Logo]]></title><link><![CDATA[http://www.mschangart.com/web-design/create-your-first-logo]]></link><comments><![CDATA[http://www.mschangart.com/web-design/create-your-first-logo#comments]]></comments><pubDate>Tue, 09 Nov 2021 05:00:00 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">http://www.mschangart.com/web-design/create-your-first-logo</guid><description><![CDATA[ Look at the logo to the left. Notice how the artist merged text and image. &#8203;How did the artist use the spartan and golf imagery to work together?   &#8203;BackgroundWhen you create a logo, you are building an IDENTITY for your brand. Think about Dunkin Donuts for a minute. How many visuals pop into your mind? I'm sure it's a lot! Dunkins has worked hard on their brand and they have been successful. Take a look at the gallery below. Why are these logo successful?  Assignment&#8203;Your ass [...] ]]></description><content:encoded><![CDATA[<span class='imgPusher' style='float:left;height:0px'></span><span style='display: table;width:452px;position:relative;float:left;max-width:100%;;clear:left;margin-top:0px;*margin-top:0px'><a><img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/published/803649.jpg?1636387801" style="margin-top: 5px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; border-width:1px;padding:3px; max-width:100%" alt="Picture" class="galleryImageBorder wsite-image" /></a><span style="display: table-caption; caption-side: bottom; font-size: 90%; margin-top: -10px; margin-bottom: 10px; text-align: center;" class="wsite-caption"></span></span> <div class="paragraph" style="display:block;"><em style="color:rgb(63, 63, 63)"><font size="5">Look at the logo to the left. <br /><br />Notice how the artist merged text and image. <br /><br /><br />&#8203;How did the artist use the spartan and golf imagery to work together?</font></em></div> <hr style="width:100%;clear:both;visibility:hidden;"></hr>  <div class="paragraph">&#8203;<strong style="color:rgb(63, 63, 63)">Background</strong><br /><span style="color:rgb(63, 63, 63)">When you create a logo, you are building an IDENTITY for your brand. Think about Dunkin Donuts for a minute. How many visuals pop into your mind? I'm sure it's a lot! Dunkins has worked hard on their brand and they have been successful. Take a look at the gallery below. Why are these logo successful?</span></div>  <div class="paragraph"><span><span style="color:rgb(63, 63, 63); font-weight:700"></span></span><strong style="color:rgb(63, 63, 63)">Assignment</strong><br /><span style="color:rgb(63, 63, 63)">&#8203;Your assignment is to create a logo for a coffee/tea shop, a sandwich shop, a juice/smoothie bar, or a bakery.&nbsp;<br /><br />&#8203;</span><span><span style="color:rgb(63, 63, 63); font-weight:700">Steps</span></span><br /><span></span><ul><li style="color:rgb(63, 63, 63)"><span><span>Complete the drawing packet on </span><a href="https://docs.google.com/document/d/1Yz01_H--bjt0v1R84ATaQdDH_vAinLuSshOmBUGUPJg/edit?usp=sharing"><span style="color:rgb(17, 85, 204)">Mark Making</span></a></span><br /><span></span></li><li style="color:rgb(63, 63, 63)"><span><span>Complete the </span><a href="https://docs.google.com/document/d/1IUFdj4W8C1k-UajeA0Sdj54FNivYG3vZ9P1SveuoMqs/edit?usp=sharing"><span style="color:rgb(17, 85, 204)">Stylized Logos Drawing</span></a><span> pages</span></span><br /><span></span></li><li style="color:rgb(63, 63, 63)"><span><span>Think of a unique and fun name for your business. The more interesting, the easier it will be &#8203;to design.</span></span><br /><span></span></li><li style="color:rgb(63, 63, 63)"><span><span>Sketch out 4 different designs in the 4 sections of your paper for your coffee/tea shop, a sandwich shop, a juice/smoothie bar, bakery or cafe. Use this </span><a href="https://docs.google.com/document/d/1eiFZdsWqjbmRXEx3Gefp_7p1IuVXX74TeQGFg1cRRM8/edit?usp=sharing"><span style="color:rgb(17, 85, 204)">sketch paper</span></a><span>&nbsp;</span></span><br /><span></span></li><li style="color:rgb(63, 63, 63)"><span><span>Choose your design and refine it.</span></span><br /><span></span></li><li style="color:rgb(63, 63, 63)"><span><span>Design your logo</span></span><br /><span></span></li><li style="color:rgb(63, 63, 63)"><span><span>Hand in your high resolution JPEG file into Google Classroom.&nbsp;</span></span><br /><span></span></li></ul> <strong style="color:rgb(63, 63, 63)">Grading Criteria</strong><ul style="color:rgb(63, 63, 63)"><li>Your logo must include illustration, text, and a shape. All of these must&nbsp;interact to create a dynamic logo.</li><li><a href="https://docs.google.com/document/d/1CC-os7Rv1ZE3mgy8le-nk3_BiS_0HMi0HzNjk18ta34/edit?usp=sharing">See the art rubric</a></li></ul></div>  <div><div style="height: 20px; overflow: hidden;"></div> 				<div id='920606754889488441-gallery' class='imageGallery' style='line-height: 0px; padding: 0; margin: 0'><div id='920606754889488441-imageContainer0' style='float:left;width:33.28%;margin:0;'><div id='920606754889488441-insideImageContainer0' style='position:relative;margin:5px;'><div class='galleryImageHolder' style='position:relative; width:100%; padding:0 0 75%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='http://www.mschangart.com/uploads/1/3/4/5/13451990/2239676_orig.jpg' rel='lightbox[gallery920606754889488441]'><img src='http://www.mschangart.com/uploads/1/3/4/5/13451990/2239676.jpg' class='galleryImage' _width='400' _height='192' style='position:absolute;border:0;width:156.25%;top:0%;left:-28.13%' /></a></div></div></div></div><div id='920606754889488441-imageContainer1' style='float:left;width:33.28%;margin:0;'><div id='920606754889488441-insideImageContainer1' style='position:relative;margin:5px;'><div class='galleryImageHolder' style='position:relative; width:100%; padding:0 0 75%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='http://www.mschangart.com/uploads/1/3/4/5/13451990/4249691_orig.png' rel='lightbox[gallery920606754889488441]'><img src='http://www.mschangart.com/uploads/1/3/4/5/13451990/4249691.png' class='galleryImage' _width='325' _height='260' style='position:absolute;border:0;width:100%;top:-3.33%;left:0%' /></a></div></div></div></div><div id='920606754889488441-imageContainer2' style='float:left;width:33.28%;margin:0;'><div id='920606754889488441-insideImageContainer2' style='position:relative;margin:5px;'><div class='galleryImageHolder' style='position:relative; width:100%; padding:0 0 75%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='http://www.mschangart.com/uploads/1/3/4/5/13451990/5515654_orig.gif' rel='lightbox[gallery920606754889488441]'><img src='http://www.mschangart.com/uploads/1/3/4/5/13451990/5515654.gif' class='galleryImage' _width='400' _height='157' style='position:absolute;border:0;width:191.08%;top:0%;left:-45.54%' /></a></div></div></div></div><div id='920606754889488441-imageContainer3' style='float:left;width:33.28%;margin:0;'><div id='920606754889488441-insideImageContainer3' style='position:relative;margin:5px;'><div class='galleryImageHolder' style='position:relative; width:100%; padding:0 0 75%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='http://www.mschangart.com/uploads/1/3/4/5/13451990/8879294_orig.jpg' rel='lightbox[gallery920606754889488441]'><img src='http://www.mschangart.com/uploads/1/3/4/5/13451990/8879294.jpg' class='galleryImage' _width='400' _height='256' style='position:absolute;border:0;width:117.19%;top:0%;left:-8.59%' /></a></div></div></div></div><div id='920606754889488441-imageContainer4' style='float:left;width:33.28%;margin:0;'><div id='920606754889488441-insideImageContainer4' style='position:relative;margin:5px;'><div class='galleryImageHolder' style='position:relative; width:100%; padding:0 0 75%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='http://www.mschangart.com/uploads/1/3/4/5/13451990/9853237_orig.png' rel='lightbox[gallery920606754889488441]'><img src='http://www.mschangart.com/uploads/1/3/4/5/13451990/9853237.png' class='galleryImage' _width='331' _height='323' style='position:absolute;border:0;width:100%;top:-15.06%;left:0%' /></a></div></div></div></div><div id='920606754889488441-imageContainer5' style='float:left;width:33.28%;margin:0;'><div id='920606754889488441-insideImageContainer5' style='position:relative;margin:5px;'><div class='galleryImageHolder' style='position:relative; width:100%; padding:0 0 75%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='http://www.mschangart.com/uploads/1/3/4/5/13451990/9939639_orig.png' rel='lightbox[gallery920606754889488441]'><img src='http://www.mschangart.com/uploads/1/3/4/5/13451990/9939639.png' class='galleryImage' _width='400' _height='400' style='position:absolute;border:0;width:100%;top:-16.67%;left:0%' /></a></div></div></div></div><span style='display: block; clear: both; height: 0px; overflow: hidden;'></span></div> 				<div style="height: 20px; overflow: hidden;"></div></div>]]></content:encoded></item><item><title><![CDATA[Digital Drawing and Painting -Growth]]></title><link><![CDATA[http://www.mschangart.com/web-design/digital-drawing-and-painting-growth]]></link><comments><![CDATA[http://www.mschangart.com/web-design/digital-drawing-and-painting-growth#comments]]></comments><pubDate>Thu, 28 Oct 2021 17:36:12 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">http://www.mschangart.com/web-design/digital-drawing-and-painting-growth</guid><description><![CDATA[       1.&nbsp;Open, place, resized photos., and arrange photographs into a well-designed photo collage         2. Lower the opacity of each layer         3. Trace the photographs carefully, making as many closed shapes as possible. Then, hide the photos so only the lines remain.         4. Using the paint bucket to fill closed shapes. Still far from complete. Now we need to work on QUALITY of painting using the brush.  Assignment:Using the brush and paint tools in Photoshop, create an artwork t [...] ]]></description><content:encoded><![CDATA[<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/growth-photocollage-full-color-orig_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph"><font color="#2a2a2a">1.&nbsp;</font><font color="#3f3f3f">Open, place, resized photos., and arrange photographs into a well-designed photo collage</font></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/growth-photocollage-low-opacity-orig_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph">2. Lower the opacity of each layer</div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/growth-line-drawing-orig_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph"><font color="#2a2a2a">3. Trace the photographs carefully, making as many closed shapes as possible. Then, hide the photos so only the lines remain.</font></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/growth-lastname-3-orig_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph"><font color="#2a2a2a">4. Using the paint bucket to fill closed shapes. Still far from complete. Now we need to work on QUALITY of painting using the brush.</font></div>  <div class="paragraph"><font color="#3f3f3f"><strong>Assignment:</strong><br />Using the brush and paint tools in Photoshop, create an artwork that visually expresses the idea of Growth. It will start as a photo collage of at least three photos, which you will then trace.<br /><br /><strong>Objectives:</strong><br />Develop your skills with the following tools:</font><ul><li><font color="#3f3f3f">Brush tool</font></li><li><font color="#3f3f3f">Eraser</font></li><li><font color="#3f3f3f">Paint bucket</font></li><li><font color="#3f3f3f">Layers</font></li></ul><br /><font color="#3f3f3f"><strong>Requirements:</strong></font><ul><li><font color="#3f3f3f">8.5&rdquo; x 11&rdquo; - &ldquo;Letter&rdquo; sized document, either horizontal ("landscape" orientation) or vertical ("portrait" orientation)</font></li><li><font color="#3f3f3f">Filename: growth yourlastname.psd</font></li><li><font color="#3f3f3f">Save to: Google Drive</font></li><li><font color="#3f3f3f">Must combine at least three photographs</font></li><li><font color="#3f3f3f">Must fill the page</font></li><li><font color="#3f3f3f">Must use at least ten different colors</font></li><li><font color="#3f3f3f">Must use each of the tools listed above</font></li></ul><br /><font color="#3f3f3f"><strong>Steps:</strong></font><ol><li><font color="#3f3f3f">FIRST, if you haven't already done so, create a Google Drive folder entitled &ldquo;Web Design yourlastname&rdquo;. This is where you'll save all your in-progress work every day.</font></li><li><font color="#3f3f3f">Go to Photoshop&nbsp;</font></li><li><font color="#3f3f3f">Go to New File</font></li><li><font color="#3f3f3f">Set the proper dimensions (8.5&rdquo; x 11&rdquo;), resolution (300 dpi), and click "Create".</font></li><li><font color="#3f3f3f">Save immediately as filename &ldquo;growth yourlastname.psd&rdquo;.</font></li><li><font color="#3f3f3f">Collect at least three digital photos to make a photo collage about "growth".</font></li><li><font color="#3f3f3f">File-Open each of the photographs in Photoshop, then Select All, copy and paste each into the "Growth" PSD.</font></li><li><font color="#3f3f3f">Resize, move, and transform the photos in the "growth" file.</font></li><li><font color="#3f3f3f">When you like the placement, lock each of the photograph layers in the Layers palette.</font></li><li><font color="#3f3f3f">Use the brush tool to trace parts of the photographs. Use different paintbrush thicknesses and colors. Make as many closed shapes as possible, so that you can fill in the shapes with the paint bucket tool.&nbsp;</font></li><li><font color="#3f3f3f">Save regularly (every few minutes) as a PSD. Save over your older version when asked.</font></li><li><font color="#3f3f3f">At the end of every session, place the file in your Google Drive &ldquo;Web Design yourlastname&rdquo; folder</font></li><li><font color="#3f3f3f">At the end of every session, turn in a JPG or screenshot of your progress via Google Classroom as an "Exit Ticket"</font></li><li><font color="#3f3f3f">When completed, Save as a PSD and Export the image as a JPG; then share the final PSD file and the JPG in google classroom</font></li></ol>&#8203;<br /><font color="#3f3f3f"><strong>Grading Criteria</strong></font><ul><li><font color="#3f3f3f">Creativity</font></li><li><font color="#3f3f3f">Content (Development and communication of ideas)</font></li><li><font color="#3f3f3f">Design</font></li><li><font color="#3f3f3f">Technical Quality (&ldquo;Finished&rdquo;)</font></li><li><font color="#3f3f3f">Studio Work Habits</font></li></ul><br /><font color="#3f3f3f">As the assessment tool, we will be using the Studio Habits of Mind rubric.<br /><strong><a href="https://docs.google.com/document/d/1mYDpirFuIsY3uJ68eChTPUQlgos37-FtG10VQenLRvM/edit?usp=sharing">Rubric: Art Studio Habits of Mind</a></strong></font><br />&#8203;</div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/growth-kipphut_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/growth-nguyen_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/growth-risman_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>]]></content:encoded></item><item><title><![CDATA[History of the Internet]]></title><link><![CDATA[http://www.mschangart.com/web-design/history-of-the-internet]]></link><comments><![CDATA[http://www.mschangart.com/web-design/history-of-the-internet#comments]]></comments><pubDate>Thu, 30 Sep 2021 04:00:00 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">http://www.mschangart.com/web-design/history-of-the-internet</guid><description><![CDATA[       Background:Many of you have not lived life without the Internet. Much like the telephone, television, radio, and the computer, the invention of the Internet has revolutionized how we view and interact with the world. The Internet is essential to many of our daily activities and is available to us at our fingertips.&nbsp;Project Description:You will be working in a group to create a google slide show presentation explaining and teaching your classmates about how the internet works.&nbsp;TO [...] ]]></description><content:encoded><![CDATA[<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/5385942_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph"><strong style="color:rgb(63, 63, 63)">Background:</strong><br /><span style="color:rgb(63, 63, 63)">Many of you have not lived life without the Internet. Much like the telephone, television, radio, and the computer, the invention of the Internet has revolutionized how we view and interact with the world. The Internet is essential to many of our daily activities and is available to us at our fingertips.&nbsp;</span><br /><br /><strong style="color:rgb(63, 63, 63)">Project Description:</strong><br /><span style="color:rgb(63, 63, 63)">You will be working in a group to create a google slide show presentation explaining and teaching your classmates about how the internet works.&nbsp;</span><br /><br /><strong style="color:rgb(63, 63, 63)">TOPICS:</strong><ul style="color:rgb(63, 63, 63)"><li>How the Internet works&nbsp;</li><li>History of the Internet (1969-1986)</li><li>History of the Internet (1987-1998)&nbsp;</li><li>History of the Internet (1998-present day)</li><li>The Visual History of Web Design</li><li>What is HTML and CSS?<br /><br /></li></ul> <strong style="color:rgb(63, 63, 63)">Specs</strong><ul style="color:rgb(63, 63, 63)"><li>Research the information first</li><li>Plan out the presentation</li><li>Work together to design a cohesive presentation that explains the content and subject</li></ul><br /><strong style="color:rgb(63, 63, 63)">Grading</strong><ul style="color:rgb(63, 63, 63)"><li>Relevancy of Content</li><li>Visual Design</li><li>Technical Quality</li><li>*****includes citing of sources</li><li>Participation (in groups and individually)</li><li>Presentation</li><li><a href="https://docs.google.com/a/bpsk12.org/document/d/1NK3RE3qAtFVM-tQFAr_4XPXu1aPaATAdS1sopK07ZBQ/edit?usp=sharing" target="_blank">Grading Rubric</a></li></ul></div>]]></content:encoded></item><item><title><![CDATA[The Elements and Principles of Design]]></title><link><![CDATA[http://www.mschangart.com/web-design/the-elements-and-principles-of-design]]></link><comments><![CDATA[http://www.mschangart.com/web-design/the-elements-and-principles-of-design#comments]]></comments><pubDate>Thu, 02 Sep 2021 17:10:53 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">http://www.mschangart.com/web-design/the-elements-and-principles-of-design</guid><description><![CDATA[       Background:The Elements of Art&nbsp;&amp;&nbsp;Principles of Design&nbsp;are the building blocks of every piece of artwork.&nbsp;The&nbsp;Elements&nbsp;are what make up artworks. (ie: Van Gogh's&nbsp;Starry Night&nbsp;uses&nbsp;COLOR&nbsp;to bring the viewer throughout the piece).The&nbsp;Principles&nbsp;describe how the elements are used. (ie: Van Gogh's Starry Night shows&nbsp;MOVEMENT&nbsp;in the sky, directing the viewer throughout that sky and into the rest of the piece).These sets o [...] ]]></description><content:encoded><![CDATA[<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/566334-orig_orig.jpeg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph"><strong style="color:rgb(63, 63, 63)">Background:</strong><br /><strong style="color:rgb(63, 63, 63)">The Elements of Art</strong><span style="color:rgb(63, 63, 63)">&nbsp;&amp;&nbsp;</span><strong style="color:rgb(63, 63, 63)">Principles of Design</strong><span style="color:rgb(63, 63, 63)">&nbsp;are the building blocks of every piece of artwork.&nbsp;</span><br /><ul style="color:rgb(63, 63, 63)"><li><span>The&nbsp;<strong>Elements&nbsp;</strong>are what make up artworks. (ie: Van Gogh's&nbsp;<em>Starry Night&nbsp;</em>uses&nbsp;<strong>COLOR</strong>&nbsp;to bring the viewer throughout the piece).</span><br /><br /></li><li><span>The&nbsp;<strong>Principles</strong>&nbsp;describe how the elements are used. (ie: Van Gogh's Starry Night shows&nbsp;<strong>MOVEMENT</strong>&nbsp;in the sky, directing the viewer throughout that sky and into the rest of the piece).</span></li></ul><br /><span style="color:rgb(63, 63, 63)">These sets of definitions describe artwork; artists use these to make their artwork more visually appealing. We also use these words to describe artwork when speaking and writing about art. We will be using the elements and principles throughout the entire school year, and this lesson is just an introduction to them.&nbsp;</span><br /><br /><strong style="color:rgb(63, 63, 63)">Project Description:</strong><br /><span style="color:rgb(63, 63, 63)">Your assignment is to create an artwork using a quote or word and using multiple elements of art. Students should be able to describe the ways that he/she used each element.</span><br /><br /><strong style="color:rgb(63, 63, 63)">Steps:</strong><br /><ol style="color:rgb(63, 63, 63)"><li>Choose a short quote (no more than 6 words)</li><li>In Google Drive, make a new document in landscape format, choose a fun font for your quote. Turn it in to google classroom and it will be printed for you</li><li>Divide your paper into sections using 4 straight lines (we will do this together in class).</li><li>Trace your quote on the paper, making sure that there are words (or pieces of words) in each section.</li><li>At the TOP and BOTTOM of your paper, mark a dot at 6 inches from the left. Draw a line connecting those dots to each corner, to give yourself 7 distinct sections.</li><li>Color inside of each section showing&nbsp;&#8203;<font size="5"><strong>4 elements of art: line, shape, color, texture</strong>&nbsp;and&nbsp;<strong>3 principles of design: contrast, pattern, movement.</strong></font></li><li>When done, take a photograph of your artwork and submit to&nbsp;<a href="http://classroom.google.com/" target="_blank">Google Classroom</a>&nbsp;and upload onto your Artwork blog page (be sure to write a paragraph about what you did/what the project was about. When photographing artwork, your camera must be parallel to the artwork (ie don't take the image at an angle).</li></ol><br /><strong style="color:rgb(63, 63, 63)">Grading</strong><br /><span style="color:rgb(63, 63, 63)">You will be graded on:</span><br /><ul style="color:rgb(63, 63, 63)"><li>TECHNICAL QUALITY: The drawing is high quality and each element/principle is labeled on the back in pencil</li><li>DESIGN: Your sections accurately describe each element/principle</li><li>UNITY: How unified your piece is as a whole</li></ul><br /><span style="color:rgb(63, 63, 63)">This lesson was taken from this&nbsp;</span><a href="http://afaithfulattempt.blogspot.com/search/label/Elements%20of%20Art" target="_blank">great site</a><span style="color:rgb(63, 63, 63)">.</span></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/459536927_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/6-word-memoir_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/the-elements-and-principles-of-design-sep-27-2021-at-10-16-am_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>]]></content:encoded></item><item><title><![CDATA[Illustrator Intro]]></title><link><![CDATA[http://www.mschangart.com/web-design/illustrator-intro]]></link><comments><![CDATA[http://www.mschangart.com/web-design/illustrator-intro#comments]]></comments><pubDate>Fri, 05 Oct 2018 15:44:49 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">http://www.mschangart.com/web-design/illustrator-intro</guid><description><![CDATA[      [...] ]]></description><content:encoded><![CDATA[<div class="wsite-youtube" style="margin-bottom:10px;margin-top:10px;"><div class="wsite-youtube-wrapper wsite-youtube-size-auto wsite-youtube-align-center"> <div class="wsite-youtube-container">  <iframe src="//www.youtube.com/embed/3GzumUieDPY?wmode=opaque" frameborder="0" allowfullscreen></iframe> </div> </div></div>]]></content:encoded></item><item><title><![CDATA[Caricature Self Portrait]]></title><link><![CDATA[http://www.mschangart.com/web-design/caricature-self-portrait]]></link><comments><![CDATA[http://www.mschangart.com/web-design/caricature-self-portrait#comments]]></comments><pubDate>Fri, 14 Sep 2018 14:00:48 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">http://www.mschangart.com/web-design/caricature-self-portrait</guid><description><![CDATA[              Objective:Use Photoshop to create a caricature of YOUProcess:Take a high quality photograph of YOUImport the photo into PhotoshopSet up letter size pageLiquify the photographCreate a caricature of you [...] ]]></description><content:encoded><![CDATA[<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/screen-shot-2018-09-14-at-10-04-29-am_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/screen-shot-2018-09-14-at-10-04-40-am_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph"><strong>Objective:</strong><br />Use Photoshop to create a caricature of YOU<br /><strong><br />Process:</strong><br />Take a high quality photograph of YOU<br />Import the photo into Photoshop<br />Set up letter size page<br />Liquify the photograph<br />Create a caricature of you<br /></div>]]></content:encoded></item><item><title><![CDATA[Printmaking]]></title><link><![CDATA[http://www.mschangart.com/web-design/printmaking]]></link><comments><![CDATA[http://www.mschangart.com/web-design/printmaking#comments]]></comments><pubDate>Fri, 14 Sep 2018 13:57:41 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">http://www.mschangart.com/web-design/printmaking</guid><description><![CDATA[Objective:create a simple pattern using a printmaking method.&nbsp;Materials:EraserCarving toolsInk                      [...] ]]></description><content:encoded><![CDATA[<div class="paragraph"><strong>Objective:</strong><br />create a simple pattern using a printmaking method.&nbsp;<br /><br /><strong>Materials:</strong><br />Eraser<br />Carving tools<br />Ink<br /></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/screen-shot-2018-09-14-at-9-56-34-am_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/screen-shot-2018-09-14-at-9-56-47-am_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="http://www.mschangart.com/uploads/1/3/4/5/13451990/screen-shot-2018-09-14-at-9-57-00-am_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>]]></content:encoded></item><item><title><![CDATA[How to Draw Your Own Selfie Using Personal Data]]></title><link><![CDATA[http://www.mschangart.com/web-design/how-to-draw-your-own-selfie-using-personal-data]]></link><comments><![CDATA[http://www.mschangart.com/web-design/how-to-draw-your-own-selfie-using-personal-data#comments]]></comments><pubDate>Thu, 30 Aug 2018 14:51:45 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">http://www.mschangart.com/web-design/how-to-draw-your-own-selfie-using-personal-data</guid><description><![CDATA[https://ideas.ted.com/how-to-draw-your-own-selfie-using-your-personal-data/   [...] ]]></description><content:encoded><![CDATA[<div class="paragraph"><a href="https://ideas.ted.com/how-to-draw-your-own-selfie-using-your-personal-data/" target="_blank">https://ideas.ted.com/how-to-draw-your-own-selfie-using-your-personal-data/</a></div>  ]]></content:encoded></item></channel></rss>