3 Color Studies in Photopea
1. Color Studies Overview (Feb 4)
SWBAT:
Draw 3 IDENTICAL designs consisting of 5 - 7 shape / text layers
Use the 3 designs to illustrate the following color schemes
Complementary
Analogous
Monochromatic
2. File Set Up (Feb 4)
Log in to Photopea.com and choose NEW PROJECT
Name your project "Color Studies" followed by a space, your last name and then your first name.
Choose INCHES
Enter 11 for WIDTH, 8.5 for HEIGHT
Set BACKGROUND to WHITE
3. Create Text with White Fill & Black Stroke (Feb 4 & 7)
Select the TYPE TOOL
Make sure the Foreground Background is set the the DEFAULT Black & White
Select a FONT the looks CHUNKY and SOLID
Set the point size to 200
Click (DO NOT DRAG) to create an insertion point for POINT TYPE
Type 1-4 Letters/Numbers
Open the LAYER STYLE drop down menu (see right). Select STROKE and set the COLOR to BLACK and SIZE to 4PX or larger.
Open the Layer Style drop down menu AGAIN and set the COLOR OVERLAY to WHITE
4. Draw a Design of 5 Shapes Including Text (Feb 8 -11)
Select the BACKGROUND Layer in the LAYERS PANEL
Select a SHAPE TOOL and in the OPTIONS BAR set the FILL to WHITE and the STROKE to BLACK.
Again in the OPTIONS BAR, change the Stroke THICKNESS to 4px or higher
Create a design that consists of between 5 and 7 shape layers. Include the TEXT layer you created in section 3 above.
Use the MOVE TOOL to POSITION everything NEATLY.
5. Duplicate the Design for a Total of 3 (Feb 14)
SHIFT CLICK to select your 5 - 7 shape/text layers.
Click on the FOLDER icon at the bottom of the layers panel
OPTION-DRAG to make a COPY of the FOLDER
With ONE of the folders highlighted go to the LAYER MENU and choose MERGE LAYERS.
Click on the EYE icon in the layers panel next to the unmerged folder. It's wise to keep copies of layers, in case you decide to make changes later.
OPTION DRAG your new MERGED design layer 2 times so you have a total of 3 (see left)
Arrange the designs NEATLY with QUIDES and / or the ALIGNMENT & SPACING buttons in the OPTIONS BAR
6. Review Complementary Color Learning (Feb 15)
Yellow and Violet are Complementary Colors. Shades and tints of each color can also be included as part of a Complementary Color Scheme
COMPLEMENTARY COLORS are pairs of colors that sit directly across from each other on the color wheel (see color wheel left). Positioning a color next to its complement creates the most CONTRAST of COLOR.
The word complimentary (with an "i" instead of an "e") means something different - FLATTERING or FREE
The use of complementary colors is helpful for making things stand out because complementary colors create the MOST CONTRAST.
Artists also can use complementary colors to create a simple and unifying color scheme that is limited to the repetition of two colors.
7. Color Study # 1: Complementary Colors (Feb 15)
COPY & PASTE the color wheel (right) onto your Color Studies file
CHOOSE a PAIR of COMPLEMENTARY colors.
DON'T CHOOSE Yellow & Violet
Use the EYEDROPPER to pull the colors you chose from the color wheel you pasted in and the PAINT BUCKET to fill the shapes. Make sure you have the correct layer highlighted!
Include at least one SHADE and at least one TINT.
LABEL your design COMPLEMENTARY with POINT TYPE (See Sample left)
Format the text so that it is easy to read and sized nicely.
8. Review Analogous Color Learning (Feb 16)
ANALOGOUS COLORS are colors that are close to each other on the color wheel. To be analogous, each color must SHARE a common COLOR.
• Red-Orange contains RED• Red contains RED• Red-Violet - Violet contains RED
The SHARED COLOR is RED. Repeating color creates UNITY of Color
The use of Analogous colors is helpful for making designs look more unified with the repetition of color.
Blue-Green contains BLUE
Green contains BLUE
Yellow-Green - contains BLUE
The SHARED COLOR is BLUE
REPEATING COLOR creates UNITY of Color
9. Color Study #2: Analogous Colors (Feb 16, 17, 18)
CHOOSE 3 or more ANALOGOUS colors.
DON'T CHOOSE Orange, Red-Orange, and Red-Violet
Use the EYEDROPPER to pull the colors you chose from the color wheel you pasted in and the PAINT BUCKET to fill the shapes. Make sure you have the correct layer highlighted!
OPTION-DRAG your COMPLEMENTARY label to make a copy so you can have the same font formatting. Highlight the text with the TYPE TOOL and change it to ANALOGOUS
POSITION the Analogous LABEL neatly
10. Review Monochromatic Color Learning (Feb 28 & Mar 1)
A Monochromatic Color Scheme includes shades and tints of ONE color. (Mono means one and chromo means color)
Shade of Blue contains BLUEBlue contains BLUETint of Blue contains BLUEREPEATING COLOR creates UNITY of Color
Monochromatic color schemes are often used in graphic design. This Billie Holiday album cover above is an example of a Monochromatic Color Scheme with the use of violet, a tint of violet, and a shade of violet.
A Monochromatic color scheme creates UNITY of COLOR because it REPEATS ONE color.
11. Color Study #3: Monochromatic Colors (Mar 1)
Choose ONE color
DON'T CHOOSE BLUE
Use the MAGIC WAND to select shapes, the EYEDROPPER to pull SHADES, TINTS & the COLOR you chose from the color wheel you pasted in, and use the PAINT BUCKET to fill the shapes
OPTION-DRAG one of your labels to make a copy so you can have the same font formatting. Highlight the text with the TYPE TOOL and change it to MONOCHROMATIC
POSITION the MONOCHROMATIC label neatly
DELETE the COLOR WHEEL
12. Add Line of Text with Your Name & Class Period (Mar 2)
Select the BACKGROUND Layer in the Layers Panel.
Select the TYPE TOOL
Set the foreground color to BLACK
Set the FONT to Deju VuSans, Book, the SIZE to 40 PX, and the ALIGNMENT to CENTER
Review Different kinds of Cases if you don't know what "Title Case" is.
Use POINT TYPE and TITLE CASE (see step 4) to type in a Title, your name followed by a comma and then your class period. (See screenshot)
With the TYPE TOOL, highlight the TITLE and change the font to Deja Vu Bold Oblique and the SIZE to 60 px
Use the MOVE TOOL to position your text to the LOWER CENTER of your page INSIDE the PRINTABLE AREA.
NOTE: Oblique and Italic are the same thing
13. Complete Peer Review, Reflection, & Self-Grading (Mar 3 & 4)
Include a
Peer Review
Include a Reflection & Self-Grading
Use the private comment's section for the Peer Review.
Switch seats with a classmate so that you can review each others' work and give feedback. Review the grading criteria (below).
Go to the GC assignment posting
Type your Peer Review into your classmate's Color Studies Assignment Private comment section. Include one compliment and one suggestion based on the grading criteria. Also include your name.
Make sure to have them do the same for you!
If you are having trouble getting someone to do a peer review, let me know
Also include a REFLECTION: What were you successful at? What did you struggle with?
Finally add what grade you think you deserve.
Rubric
10 points --- FILE SET UP: Name, print size and resolution are correct
15 points --- THREE DRAWINGS: There are 3 identical design drawings consisting of 5 or more text and shape layers
10 points --- MERGED LAYERS: The design layers were merged into one layer and then copied
10 points --- COMPLEMENTARY COLORS STUDY: One of the 3 designs has been filled in with a pair of complementary colors. The design includes shades/tints of one or both of the colors. The chosen pair of colors is original and does not match the lesson sample. The color study is neatly done and labeled.
10 points --- ANALOGOUS COLOR STUDY: One of the 3 designs has been filled with at least 3 analogous colors . The analogous colors chosen do not match lesson sample.
10 points --- MONOCHROMATIC COLOR STUDY: One of the 3 designs has been filled with Monochromatic colors and includes at least 3 values (pure color/shades/tints). The chosen color does does not match lesson sample. .
10 points --- LABELS: Labels are added as directed and are correctly placed, spelled, consistently formatted, and neatly aligned.
5 points --- TITLE, NAME & PERIOD: Single line of text. Formatted as directed
5 points --- NEATNESS: Drawings and text look carefully arranged on the page
5 points --- REFLECTION and SELF-GRADING: Private comment with reflection and self-grading is included
5 points --- PEER REVIEW: is included in the Private Comments section of the GC assignment posting.
5 points --- TIMELY COMPLETION: The assignment is completed no later than a week past the due date
Extra Credit
Use the Photopea skills you learned and explore new ones to...
- Draw extra designs on your file
Design a Logo
Draw a Mandala
Use gradients
Explore layer style on a separate file
NYC Visual Arts Benchmarks
• Art Making
• Developing Art Literacy
• Making Connections Through Visual Arts
• Community and Cultural Resources
• Exploring Careers and Lifelong Learning
Differentiation / Lesson Extension
...Students with different abilities can seek assistance from teacher, paraprofessional, or another student
...The students who finish early can ask a classmate if they need help or review
NYC VISUAL ARTS BENCHMARKS
• Developing Art Literacy
• Community and Cultural Resources
• Exploring Careers and Lifelong Learning