Category Archives: Uncategorized

Illustrator Project

Vocabulary

  • 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

  • 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

Vocabulary

  • 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() {
  size(800,600);
  background(100, 100, 100);
}

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

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

Instructions

  • 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

Vocabulary

  • 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

Vocabulary

  • 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() {
size(500,400);
}

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);
}

Hints

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

Instructions

  • 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

Vocabulary

  • 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?