MS CHANG'S ART CLASSES
  • Blog
  • Student Gallery
  • Classes
    • Architecture
    • Computer Graphics/ Graphics Design
    • Drawing and Painting
    • Drawing and Painting II
    • Studio Art Honors
    • Studio Art SEMESTER
    • Web Design
  • Contact
  • Resources

Computer Graphics/Graphic Design

Photo Restoration

11/10/2022

2 Comments

 
For this project, you will need to bring in an old family photo. The more distressed the photo, the better (i.e. creases, chips, discoloration, fading).
Picture
Picture
Picture
Picture
Due:
One week.

Project Description:
Using the clone stamp tool, paintbrushes, fills, and the multiply mode, restore an old, distressed photo to new life by removing the scars and blemishes and adding full color.

Objectives:
  • Increase skills with Image Adjustments
  • Improve tonal values and contrast in a photograph
  • Increase skill with the clone stamp tool.
  • Use the healing brush tools to fix problematic areas in a photograph
  • Use the multiply mode to allow for rich, vibrant color in a black and white photograph.
  • Create photorealistic color relationships.

Materials:
Adobe Photoshop 

Format:
  • At least 7 1/2 inches x 10 inches
  • Resolution: Scan at 600 pixels/inch so that the artwork will eventually be 300 ppi (Important: A lower resolution will result in a printed image of poorer quality.)
  • Color Mode: RGB
  • If you would like to work beyond these limitations (for example: work larger than letter-size, or in a square shape) consult me
Steps:
  1. Bring in a distressed (frayed, torn, bleached, stained, creased, faded, etc.) photo.
  2. Take a high quality scan of the photo using your phone or ipad. Scan Genius is the app that I use to scan documents
  3. Open the file of the scanned image in Photoshop.
  4. Adjust the contrast and brightness of the image in Image - Adjustment - Levels.
  5. Use the clone stamp, the spot healing brush, and the healing brush to remove dust, scratches and other marks.
  6. Change the mode of the photo layer to Multiply.
  7. Create a new layer under the photo layer.
  8. Paint light, vibrant colors under the photo layer.

Tips:
  • Scan at 600 pixels per inch or higher
  • Duplicate the layer containing the original photo, so that you always have the original scan.
  • The top photo layer must be set on MULTIPLY mode, at 100% opacity
  • The color layers should be below that, at 100% opacity
  • ALWAYS use only light, bright colors to paint (from the top left corner of the Color Picker)

Grading Criteria:
  • Level of ambition in selection of photograph (How damaged is it?)
  • Degree/quality of "fix" - improved values, improved contrast, removal of all unwanted marks
  • Quality of painting
  • Visual impact of color
2 Comments

Morph

10/31/2022

0 Comments

 
Picture
grotesque
noun
  • A very ugly or comically distorted figure, creature, or image : The rods are carved in the form of a series of gargoyle faces and grotesques.
  • (the grotesque) that which is grotesque : Images of the macabre and the grotesque.

  
  
Due:
One week

Project Description:
Combine digital photographs of friends, animals, and natural objects into a “grotesque”

Objectives:
  • Use the Liquify tool in Adobe Photoshop
  • Master blending and layering using tools/techniques such as: color modes (multiply, etc.), opacity, soft-edged brushes and erasers
  • Use exaggeration and odd combinations to add visual impact to an artwork

Materials:
Adobe Photoshop

Parameters:
Format as follows:
  • Width: 7.5 inches (at least)
  • Height: 10 inches (at least)
  • Resolution: 300 pixels/inch
  • Color Mode: RGB

Steps:
  1. Create a New (Letter-sized) Document , using the format above.
  2. Save it as "Morph yourlastname.psd"
  3. Take a series of digital photographs of friend(s), animals at home and/or in the Science Center, and other objects as needed.
  4. Open the photos in Photoshop.
  5. Copy and paste the first photo into your new Morph document and resize it to fill the picture plane.
  6. Combine photos with smooth, blending transitions. To do this, on one of your other photos, using the Lasso tool to select around a face, feature, or part; then Feather the selection by going to Select ( in the menu bar at top of screen) - Modify - Feather, and changing the number to 15, 20, or 30; then Copy your selection. You will see that when you Paste the selection onto the other photo, the feathering will make a soft/cloudy edge that smoothly transitions the combined photos.
  7. To help align one face with another, you can reduce the Opacity of the upper layer (in the Layers palette in the bottom right corner) so that it becomes slightly more transparent, then use the Move tool (arrowheads at top of Tools palette) to shift one photo over another.
  8. You can erase parts of photos using a softer edge. To do this, go the the options palette of the brush or eraser (the horizontal bar near the top of your screen) and change reduce the Hardness of the brush/eraser while increasing the Size.
  9. When you paint, to make the colors more transparent (For example, when adding something like eye shadow), reduce the Opacity of the layer in the Layers Palette, OR reduce the Opacity of the Brush using the options menu for the brush (horizontal bar near top of screen). You must first select the Brush tool in the Tool Box before you can see these options. You can also change the Color Mode (in either Layers or Brush Options) from Normal to something else (such as Multiply). Experiment to see what works best.
  10. To transform a selection or layer, click that layer in the Layers palette, then use Edit - Free Transform to rotate or resize the selections. Double click within the selection when you're happy with the changes.
  11. Use Filter - Liquify to push, pucker, and bloat parts of the image to exaggerate the features and/or to make the the layers better fit one another.
  12. Add additional textures by layering additional textured photos over the head photos.

     (Be sure to include a background/environment.)

Grading Criteria:​
  • Inventiveness
  • Cleanliness of selections / Convincing combination of objects (A viewer cannot tell that they've been combined from separate photos.)
  • Smooth transitions between one object and another
  • Design (Visual impact)
  • Work habits

Tips to Get Started:
  • Take photos using good natural light (i.e. go near a window, or even outside.).
  • Turn off the flash of the camera.
  • Take the photos close up, with a minimum of empty space above the head.
  • Take photos from the same angle on all your subjects (For example, if you take it straight on for one friend, take it that way for all other subjects.).
0 Comments

Animated GIF

10/31/2022

0 Comments

 
Picture
PROJECT
Using Photoshop, create an animated .GIF from 2 of your Kaleidoscopes. 

VIDEO TUTORIALS:
  • Creating an Animated GIF in Photoshop
  • Creating an Animated GIF in Photopea
​
PROCESS:
First save 2 of your Kaleidoscopes as .jpgs and place them on your drive.

TO CREATE .GIF in PHOTOSHOP:
  1. Open Photoshop
  2. Create new document 
    Name: Animated_Kaleidoscope
    Size: 1000 pixels width x 1000 pixels height |
    DPI: 150 dpi 
    Background: transparent
  3. File> Place Embedded (Select your Kaleidoscope that you saved as .jpg)
  4. Repeat  File> Place Embedded (to add your 2nd Kaleidoscope .jpg)
  5. OPEN Window>Timeline
  6. In the Timeline Window > Select > Create from Animation
  7. Select Timeline Menu ( 3 lines, locate on the side of Timeline Window)
  8. Select Make Frames from Layers
  9. Set the Time on each frame (.5 second on each frame)
  10. File Export> Save for Web (Legacy) 
  11. Select .GIF - Adaptive - SAVE

TO CREATE .GIF in PHOTOPEA
  1. Open Photopea
  2. Create new document 
    Name: Animated_Kaleidoscope
    Size: 1000 pixels width x 1000 pixels height 
    DPI: 150 dpi 
    Background: Transparent
  3. Open & Place > Select your Kaleidoscope that you saved as .jpg
  4. Repeat  Open & Place > Select your 2nd Kaleidoscope  .jpg
  5. add _a_ to the beginning of each layer name, by double clicking layer
  6. Export as > .GIF
  7. Format .GiF
    Size: 1000 pixels width x 1000 pixels height 
    Quality: 100%
    Speed: 32% ( or faster if you prefer)
    Repeat: 0
    SAVE
0 Comments

Kaleidoscope Design

10/25/2022

0 Comments

 
Picture
Picture
PROJECT:
Create two Kaleidoscope designs from two different images using Photoshop.

Project Objectives:
  • Use tools to crop, transform, and rotate to create their designs.
  • Use multiple reflections, flipping, rotating, and mirroring the same image repeatedly to create a Kaleidoscope pattern.
  • Apply and experiment with layer blend modes to see how different blend modes can affect and change visuals in Photoshop.

SLIDESHOW ARTISTS TO EXPLORE:
Master Artists' Abstract Designs (Slideshow)

VIDEO TUTORIAL:
Kaleidoscope Tutorial (Video)

​
BEFORE YOU CREATE YOUR KALEIDOSCOPES
  • SELECT COLOR DETAILED HIGH RESOLUTION PHOTOS.
  • AT LEAST 300 DPI

STEPS TO CREATE YOUR KALEIDOSCOPES
  1. ​Open your photo in Photoshop.
  2. Use the crop tool eliminate any non-detailed areas from your photo
    you want to crop the photo to a very small area that has alot of detail.
    You should really see the original image any longer.
  3. SAVE cloud document- Last name_Kaleidoscope.psd

EXTEND CANVAS, ROTATE, FLIP, DUPLICATE ​
  1. EXTEND CANVAS Go to image> canvas size In the canvas window change size to Width 200 percent - Height 100 percent keep relative box unchecked Anchor box move points to the left middlebox. Hit Ok. This will expand the page size to allow the image to be flipped and rotated again.
  2. Duplicate image layer  menu > layer > duplicate layer
  3. Select the move tool, Hold down the shift key and drag the Background copy image to the right to fill the open area.
  4. While on the background copy layer -- Go to Menu > Edit> Transform>Flip Horizontal. You've created a mirror reflection of the image to the right.
  • Hold down the option key and Go to Menu > Layer > Merge Visible this will create a third layer joining the background images. SAVE FILE

EXTEND CANVAS, ROTATE, FLIP, DUPLICATE 
  1. Go to image> canvas size In the canvas window, change the size to Width 100 percent - Height 200 percent - keep the relative box unchecked in the anchor box move point to the top middlebox. Hit Ok. This will expand the page size to allow the image to be flipped and rotated again.
  2. Duplicate Layer 1 image layer (dragging image layer onto a new layer icon or go to menu > layer > duplicate layer
  3. Select the move tool, Hold down the shift key and drag the Layer 1 copy image to the white below to fill the open area on the bottom of the page. SAVE FILE
  4. While selecting Layer 1 Go to Menu > Edit> Transform> Flip Vertical You created another mirror reflection on the bottom of the page.
  5. Selecting Layer 1 copy Go to Menu > Layer> Merge Down this wlll join the background images.
  6. Duplicate Layer 1 image layer (dragging image layer onto a new layer icon or go to menu > layer > duplicate layer
  7. While on Layer 1 copy Go to Menu >Select > All Go to Menu > Edit > Transform > Rotate 90 Clockwise

CROP DOWN THE IMAGE
  • Hold down the command key and double click on layer thumbnail this will select the image - Go to Menu >Image>Crop this will give us a square-shaped image

SAVING THE FILE TO THE RIGHT SIZE 
  • File> Image Size Change Image box details to
  • Resolution 150 --
  • Width 1000 pixels -- Height 1000 pixels
  • SAVE FILE

APPLY THE EFFECT:
​Applying Blending Modes: SEE Examples of blend modes below
Picture
Save as .PSD and .JPG and turn in the assignment in Classroom -
Turn in the original photo with the final Kaleidoscope .jpg file.

​Have fun exploring the blend modes.


Grading Criteria: General Art Rubric
0 Comments

Fantasy Portrait in the Style of Giuseppe Arcimboldo

10/7/2022

0 Comments

 
Giuseppe Arcimboldo was an Italian painter who lived circa 1530 to 1593. He was a court painter and portraitist who came to use fantasy in his work. He created allegorical representations of such things as the Four Seasons using animals, fruits, vegetables and other objects as the basic forms comprising the heads of his "people".
Due:
Three days

Project Description:
Using related objects, create a fantasy "portrait" in the style of Arcimboldo.

Objectives:
  • Gain experience with the basic selection tools and techniques of Adobe Photoshop (and Photopea).
  • Draw clean selections to cut and paste parts from various sources into a seamless whole.
  • Create convincing, but odd, juxtapositions to add visual impact to an artwork.

Materials:
Adobe Photoshop 

Parameters:
  • Format as follows:
  • Width: 7.5 inches
  • Height: 10 inches
  • Resolution: 150 pixels/inch (300 would be better, but may lag on some devices)
  • Color Mode: RGB


Steps (Process):
  1. Take photos around your home of items related by theme.
  2. Upload the photos to your computer or iPad
  3. Create a new document using the format above.
  4. Make clean selections, then copy and paste into the new document.
(Be sure to include a background/environment.)

Grading Criteria:
  • Inventiveness
  • Cleanliness of selections / Convincing combination of objects (A viewer cannot tell that they've been cut and pasted.)
  • Design (Visual impact)
Artistic Expression and Creativity Rubric

Tips to Get Started:
  • Think about a theme. Take photos of items related to that theme.
  • Think about the direction of light on the objects. It should be consistent for all objects (That is, if the light is coming from the left on one object, you should arrange that for the other objects as well.

Helpful Resources:
View the works of Arcimboldo.
They can be found at this site:
http://www.giuseppe-arcimboldo.org/

Self Critique Questions:
Before turning in your work, ask yourself:
  • Is my idea unique enough? Does it have personality?
  • Have I selected and pasted the items in such a way that a viewer cannot tell they have been patched together?
  • Does the image have enough visual impact? Will it catch and hold a viewer's attention?
0 Comments

Creating Impactful Images

10/5/2022

0 Comments

 
Picture
Read this blog post by Ms. Djordjevic on Creating Impactful Images.
0 Comments

Forced Perspective

10/3/2022

0 Comments

 
Picture
Check out these great examples of Forced Perspective

Objective:
Create an image using photoshop that demonstrated your understanding of photoshop and how to merge multiple images to create a forced perspective work of art. Use original photos that you take to create this ORIGINAL work of art. 

Process:
Outside of school take photographs of the sky, landscape, and nature
Outside of school take photos of your hands, feet, body in a variety of positions
Search in your camera roll for photographs that you could use. Photos of objects, pets and people are good.
Collage and merge photos together to create your own forced perspective work of art. 

Evaluation:
Level of creativity
Collaboration
Use of Photoshop
​Participation
0 Comments

Welcome to Computer Graphics/ Graphic Design!

8/29/2022

0 Comments

 
This year we will have lots of great adventures creating works of art! 

First- I'd like for you to think about art in a new way. 
Please watch this video and then answer the following questions on this form.

Second- read this blog post Ms. Djordjevic on Creating Impactful Images. Watch all three videos. In a google document or in a notebook/sketchbook of your own list 5 things that you learned after watching each video.
​
0 Comments

You Pick Two!

1/3/2019

0 Comments

 
As Creative Computer Artists you have choices! Please select two projects to work on and complete. Read them carefully and decide what is the best assignment to challenge your skills and creative thinking!

Here is a link to the assignments:
​Choice Assignments
0 Comments

Natural Burlington

10/5/2018

0 Comments

 
Objective:
Create a poster about 
Protecting Burlington's Conservation Areas.
The poster can either list the conservation areas rules or focus on just one
​(example: No Littering), or it could simply explain why they are important.

Process:
Gather examples and resources to see how other artists deal with this topic
Sketch ideas after research
Select the most unique and uncommon idea
Use Photoshop to create your image
Learn the text tool and how to utilize test to convey a message

Picture
Read the Rules and Regulations for Conservation Areas



Picture
Picture
0 Comments
<<Previous

    Course Expectations

    Archives

    November 2022
    October 2022
    August 2022
    January 2019
    October 2018
    September 2018
    August 2018
    June 2016
    May 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015
    August 2015

    Categories

    All

    RSS Feed

Powered by Create your own unique website with customizable templates.
Photo used under Creative Commons from wuestenigel
  • Blog
  • Student Gallery
  • Classes
    • Architecture
    • Computer Graphics/ Graphics Design
    • Drawing and Painting
    • Drawing and Painting II
    • Studio Art Honors
    • Studio Art SEMESTER
    • Web Design
  • Contact
  • Resources