All posts by misbit

Photoshop Project


  • Contrast – difference between color, value, size
  • Desaturate – make colors more muted (more black or white added)
  • Displacement mapping – gives the surface a sense of depth and detail
  • Filter – individual algorithms that alter the appearance of an image
  • Gradient – specifies a range of position-dependent colors, usually used to fill a shape

Graffiti Project

  • Download this brick wall image to use (source: Pixels)
  • Do not download a font. Find one you can use in Photoshop. Be sure it has a bold option.
  • Pick ONE word to turn into graffiti. Size it as large as possible on the wall.
  • After first day, be sure to save your work and screenshot. Add the screenshot to your Padlet.

Nov 12 & 13 – Stay focused & productive!

  • Wrap-up Graffiti Project. Export & upload impact to your padlet. Reflect on what you enjoyed about this project and what you found challenging (Tuesday)
  • Double-check your reflections to see if they are thorough & meaningful. Update/add as needed (Tuesday)
  • Complete self-evaluation and goal statements (Tuesday)
  • Review self-evaluation and goal statement with Ms. Wilkens (Wednesday)
  • Create your buttons (Wednesday)
  • Do a challenge (Tuesday & Wednesday)
    • Do another graffiti project, but use an image instead of or in addition to text.
    • Create a custom brush with Processing and create a work of art.
    • Create a logo using shapes in Illustrator.
    • Take a selfie and try out the different filters in Photoshop.
    • Create a funny, but appropriate image, using layers and transparency in Photoshop.

Nov 14 – bonus day (8th grade only)

Nov 18 – New Art Groups – meet in 7/8 Commons

Illustrator Project


  • DPI – dots per inch
  • Font – typeface, size and weight of text
  • Path – a line or curve with anchor points
  • PPI – pixels per inch
  • Serif vs. Sans Serif
  • Typography


  • Experiment with text on a path
  • Create a shape -> Shape Tool
  • Create a curve -> Pen Tool
  • Draw a path -> right-click on Shaper Tool and select Pencil Tool
  • Experiment with Text on each of these objects
  • Right-click on Text and select Text on a Path
  • Select a point on the path of shape, curve or drawing.
  • Move text around and try out different fonts, sizes, colors.
  • NOTE: Need an inspirational quote for your text? Check here.

Take a screenshot of your experiment. On your Padlet share file and reflect: What did you learn? What is your plan for your button?

Create Unity Day Buttons

  • Create a circle and try out gradients.
  • You will create buttons with text on a path inside circle. No uploading images! You can create an image in Piskel or Photoshop.
  • Button 1: Imagine, Discover, Create
  • Button 2: Find a quote to use:
  • Button 3: Your own quote (appropriate & not too silly)
  • For each button you create, be sure to export separately as a .PNG
  • Upload each to your Padlet and reflect: What did enjoy about this activity? What did you find challenging?
  • Finished early? Create something in Piskel, Photoshop or Illustrator OR explore Processing.

Day 5 – Layers: Intro to Photoshop


  • Background – bottom layer
  • Eraser – removes color and turns transparent
  • Layer – different levels where you can place and move objects around
  • Magic wand – a selection tool based on color
  • Raster image – created with a program like Photoshop or GIMP and are based on pixels. Photos and digital paintings are usually raster images.
  • Transform – Scale and Rotate

Intro to Photoshop

  • Save this image of a hand (Source: istockphoto)
  • Open Photoshop and File -> Open image of hand
  • Search for an object to put in hand (Hint: make sure image has transparent background)
  • File -> Place Embedded and find your object (Hint: notice this created a new layer)
  • Scale, move and rotate as needed (Hint: if you need to scale or rotate later, find options under Edit -> Transform)
  • Search for a background image (Hint: be sure image is larger than the hand image which is 612×408)
  • File -> Place Embedded and find your background
  • Drag background image to bottom of layers (Hint: if you see a lock on hand image, click it to unlock)
  • To make background visible, select layer with hand. Use Magic Wand select white background. Select Edit -> Clear. You should now see your background image.
  • See video tutorial below for more hints
  • On your Padlet share .PNG file and reflect: What did you enjoy about activity? What did you find challenging? Where did you get images?

Day 4 – Color: Processing

Vocabulary of Color

  • Hue – the name of the color
  • Saturation – brilliance or intensity of the color
  • Transparency – how much you can see through a layer
  • Value – lightness or darkness of the color

Painting with code

void setup() {
  background(100, 100, 100);

void draw() {
 if (mousePressed) {
    background(255, 255, 255);

  fill(200, 200, 200);
  ellipse(mouseX, mouseY, 100, 100);


  • Copy code above and paste into Sketch Playground.
  • Change mode from P5js to Processing.js.
  • Update color, run, paint and take a screenshot.
  • Add another shape and give it another color.
  • Adjust transparency level for one shape. For example, fill (200, 100, 200, T) where T can be set from 0 to 100. Run, paint and take a screenshot.
  • Keep experimenting until it’s time to reflect. Be sure to capture your experiments along the way.
  • On your Padlet share your favorite screenshot(s) and reflect: What did you enjoy about activity? What did you find challenging?

Day 3 – Shapes: Intro to Illustrator


  • Layout – path and Intersect in Illustrator
  • Shapes – Rectangle, Ellipse, Polygon and Star in Illustrator
  • Transform – Stretch, Rotate, Resize
  • Vector image – created with a program like Illustrator or Inkscape and based on mathematical calculations. Logos and illustrations are usually vector images.

Intro to Illustrator

You will use just the shape tool to create abstract art. For your first piece, limit yourself to 4 colors.

  • Pick 3-4 colors using Color Calculator (keep this tab open for reference)
  • Open Illustrator
  • See video tutorial below for hints
  • On your Padlet share .PNG file and reflect: What did you enjoy about activity? What did you find challenging?

If you finish one piece, then pick some new colors and start on another.

Day 2 – Shapes: Processing


  • Coordinates – X and Y are respectively the horizontal and vertical addresses of any pixel on a screen
  • Fill – color inside a shape
  • RGB – Red, Green, Blue
  • Shapes – ellipse and rect in Processing
  • Stroke – color on outline of shape

Coding Shapes

void setup() {

void draw() {
stroke(255, 255, 255);
fill(255, 110, 90);
ellipse(250, 200, 300, 300);

rect(245, 40, 10, 240);

ellipse(190, 200, 70, 70);

ellipse(190, 100, 70, 70);


  • fill (R, G, B)
  • ellipse (X, Y, width, height)


  • Copy code above and paste into Sketch Playground.
  • Change mode from P5js to Processing.js.
  • Select Run.
  • Rearrange objects to make a face.
  • Update colors of objects.
  • Take a screenshot.
  • On your Padlet share screenshot & reflect: What did you enjoy about activity? What did you find challenging?

Day 1 – Pixels


  • Mosaic – a piece of art or image made from the assembling of small pieces of materials like glass or stone
  • Pixel – originally known as picture element, it is a basic unit or programmable color on a screen
  • Resolution – the number of horizontal and vertical pixels on a screen

Digital Representation – Roman Mosaic

Digital Representation – Pixel Art

  • Use Piskel to create Pixel Art
  • Just use 3 colors
  • Just use 32×32 or 64×64 pixels
  • Export (resize to 320×320 resolution)
  • Add to your Padlet with title of Day 1 and write reflection: What do you hope to get out of taking Digital Arts?

T3 Reflections

Daily Reflections

May 13 Reflection: Big Idea, Big Why 
What is the big idea or question you started with for your project?
How is that idea or question reflected in your artwork? 

May 14 Reflection: Time & Learning
Describe the process of your work on this project.
What new technical art skills did you have to learn?
Did you use your classroom time wisely? Why or why not? 

May 16 Reflection: Challenges
Describe a challenge you faced during this project and how you overcame it?
Describe a risk you took?

May 17 Reflection: Final Project
Describe what makes your artwork thought provoking? 
Describe how your artwork is original and expresses your point of view?