class: Digital Arts and Design
subject: Elements and principles of design
description of activity: Demonstrate knowledge and application of the elements and principles of design
standards:
6) Categorize and describe the principles of design which affect 1) the internal relationships of a design, and 2) the design as a whole, citing examples of design principles found in art. a. Unity b. Contrast/Variety c. Hierarchy d. Dominance/Emphasis e. Proportion/Scale f. Balance g. Rhythm/Repetition (TN Reading 1, 2, 4; TN Visual Art 2.1; TN Visual Art History 2.1)
7) Analyze the elements of design by evaluating their purposes and applications in a variety of design applications. a. Line b. Shape/Form c. Space/Size/Stability d. Value e. Color f. Texture g. Typography For example, label and explain the elements of design in a given book cover compared with a billboard. (TN Reading 4, 7; TN Writing 9; TN Visual Art 2.1; TN Visual Art History 2.1)
8) Research rules of composition (such as the rule of thirds) and explain how the rules govern the elements and principles of design. Write persuasively to describe the properties of a strong composition by providing examples and counterexamples and citing evidence from informational texts. (TN Reading 1, 2, 4, 5; TN Writing 1, 4, 9; TN Visual Art 2.2)
objectives (what I want you to know or do)
1. Define and illustrate the elements and principles of design
2. Explain in writing how rules of composition govern design applied to a work of art.
3. How to use Photoshop tools correctly
4. Communicate ideas with text and images
Assignment:
Layout a poster design using the grid system.
Steps:
1. Open Photoshop. If Photoshop is not already open, go to Launchpad or in the finder menu bar, go to Applications>Adobe Photoshop CS5
Go to Window>Workspace>Essentials, Design, or Painting
2. Go to File>New>Name: type your first and last name_grid 3
width: 11 inches (not pixels)
height: 7 inches
resolution: 100
color mode: rgb
background contents: white
click OK
Questions:
1. Can you select the move tool?
2. Can you choose Auto Select>Layer
3. Can you rasterize all layers?
4. Can you cut out part of a photo background?
3. Make guidelines.
Go to the ruler on the left, click, hold and drag a guideline in about 3 inches. Drag another in about 8 inches.
Go to the ruler on the top, click, hold and drag a guideline down about 2 inches. Drag another down about 5 inches.
The guidelines on your document are create what is called a grid. The grid is a great way to decide where to place images and text in a layout.
click on image for larger view
Go to the Rectangular Marquee Tool.
Click, hold and drag to make a selection in one rectangular grid area.
Use the paint bucket tool to color in one rectangle in your layout.
Go to Select>Deselect after you fill in the selected area.
In the rectangle you have just colored, type your name and grid 3.
5. Save your work
6. Place high resolution photos in the remaining rectangular grid spaces.
Be sure each photo is larger than the grid space so you can cut out (crop) the area that does not fit.
7. Cut out the parts of the photos that are larger than the rectangle. Be sure all resizing is in proportion by pressing and holding Shift and dragging from a corner.
8. Save the document as a JPEG.
http://stevecampbellhillwood.blogspot.com/2015/11/saving-as-jpeg.html
9. Email the document to me at topperselfie@gmail.com. In the subject line type your name and your block.
Be sure you are sending a JPEG, not a PSD.
How to cut out part of a photo:
Copy your photo into the Photoshop document
If the photo has an X across it, click the check mark or press Return
Be sure you are on the layer you want to edit
Go to Layer>Rasterize>All layers
Go to the Rectangular Marquee tool
Select the area you want to edit and click, hold and drag to select it
Go to Select>Inverse
Press delete
Go to Select>Deselect
Other help links
tools
resizing_click and scroll down to copy and scale
assessment:
formative:
Sketchbooks and drawings (aka design/idea book)
Fill in the blank worksheets
One-on-one observation
summative:
art mastery rubric
4_advanced_93-100 points. A strong amount of work has been completed. All instructions & specifications met. A comprehensive and wide-ranging exploration of visual qualities, the representation of ideas, media experiments, and technical practice is demonstrated. The work reflects superior thought and imagination.
3_proficient_85-92 points. A reasonable amount of work has been completed. Most instructions and specifications met. The work illustrates satisfactory exploration of visual qualities, and the representation of ideas. There is satisfactory evidence of work on images, media experiments, and technical practice.
2_basic_75-84 points. A small amount of work has been completed. Some instructions and specifications met. The work illustrates some exploration of visual qualities, the representation of ideas. There is some evidence of work on images, media experiments and technical practice.
1_below basic_74 and below. A less than adequate amount of work has been completed. There is little evidence of work on images, media, and technical practice.
50_No work attempted
