Thursday, November 26, 2015

poster design_ink, silk and gold


class: Digital Arts and Design

subject: Poster 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. Make a poster that shows good composition based on the principles of design
2. How to use Photoshop tools correctly
3. Communicate ideas with text and images

Assignment:

Layout a poster that will be used as part of a Project Based Learning (PBL) assignment combining Digital Arts and Design, English (Ms. Smith), math (Ms. Grady) and AP art history (Ms. Taylor). 

This PBL incorporates our business partner, the Frist Art Museum.

The project will end up as an art exhibit in the Hillwood Gallery.

Our part is to make posters that will make someone want to see the exhibit in the gallery.



Specifications:
Visuals:
One photo

Text:
Ink, Silk & Gold
See It
Hillwood High School Art Gallery
January 13-29, 2016

Sample ideas. You will use one of these photos.










Today:
Sketch an idea for your layout. Include a location for the photo and all the words.





Poster design
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_ink, silk and gold
width: 16 inches (not pixels) (or 20 for horizontal)
height: 20 inches (or 16 for horizontal)
resolution: 300
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?
5. Can you resize a photo in proportion?

3. Make guidelines for a grid layout

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

To download a photo
https://www.dropbox.com/sh/5nehq5vxsqzm8e5/AAAqNBfyS1zIoMBDX_wXs3wfa?dl=0

or, drag to document







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





cutting out part of a photo

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


Saturday, November 21, 2015

nov 23 & 24_semester exam practice

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?
5. Can you resize a photo in proportion?

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



4. Select rectangles in grid.

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




Saturday, November 14, 2015

november 16-20 poster layout using a grid

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 1
width: 10 inches (not pixels)
height: 8 inches
resolution: 200
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?
5. Can you resize a photo in proportion?

If you do not see rulers at the top and left of your document, go to View>and select Rulers.




Go to the ruler on the left, click, hold and drag a guideline in about 1 inch. Drag another 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 1 inch. Drag another down about 6 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. 



Go to the Rectangular Marquee Tool.

Click, hold and drag to make a selection in your largest grid area. 

Use the paint bucket tool to color in all areas created by the grid. Use 4-5 different colors.
Repeat some colors, but do not let the same colors touch.

Go to Select>Deselect after you fill in a selected area.



Save your work

Place at least 3 high resolution photos in 3 separate grid spaces.

Be sure each photo is larger than the grid space.

If you resize, be sure you do it in proportion, by pressing and holding Shift and dragging from a corner.

November 20 & 23 assignment

1. Place 3 more photos in 3 more rectangles your document. You should have 6 photos.

2. Be sure the documents are larger than the rectangle you are placing them in.

3. Cut out the part of the photo that is larger than the rectangle. Be sure all resizing is in proportion by pressing and holding Shift and dragging from a corner.

4. Save the document as a JPEG.
http://stevecampbellhillwood.blogspot.com/2015/11/saving-as-jpeg.html

5. Email the document to me at topperselfie@gmail.com. In the subject line type your name and your block.


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



Saturday, November 7, 2015

standards 6, 7 & 8_2015 elements and principles of design


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 inwriting how rules of composition govern design applied to a work of art.


the assignment (instructions, specifications and criteria): 

Go to these links for definitions and information:
http://www.slideshare.net/kpikuet/elements-and-principles-of-art-presentation

http://stevecampbellhillwood.blogspot.com/2009/11/elements-principles-of-design.html

http://stevecampbellhillwood.blogspot.com/2011/09/art-vocabulary.html



The assignment

Part 1:

Go to this link:
http://www.projectarticulate.org/principles.php
On paper, write down all the art elements and principle of design. Beside the word, draw an illustration of  the meaning of the word.
For space, illustrate positive and negative space.





Part 2. 
Create a Photoshop illustration that shows the meaning of certain art elements and principles of design. Pick 3 art elements plus these principles: Emphasis, movement, pattern. 
Tip: Use the Custom Shape Tool to illustrate the meaning of the elements and principles.

Click here for definitions
http://www.projectarticulate.org/principles.php



click here to download the template:


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




Monday, November 2, 2015

warp type

After you have typed words, go here




You will see this.......




Choose an option and warp the type


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