Monthly Archives: August 2019

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

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?

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

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?

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.

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.

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

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

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?

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

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?