Computer Graphics I
  • Current Assignments
  • Course Expectations
  • Curriculum
    • Curriculum Map
  • Resources
  • Burlington High School Art & Design Program

Current Assignments

Photo Restoration

2/9/2021

0 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
The restoration above was by Matt Chan, from an old family photo.

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 and/or Photopea


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 Mr. Ratkevich.

Steps:
  1. Bring in a distressed (frayed, torn, bleached, stained, creased, faded, etc.) photo.
  2. Scan, using the following settings
  3.           Output Type: Millions of Colors (24 bit)
  4.           Resolution: 600 dpi
  5. Open the file of the scanned image in Photoshop.
  6. Adjust the contrast and brightness of the image in Image - Adjustment - Levels.
  7. Use the clone stamp, the spot healing brush, and the healing brush to remove dust, scratches and other marks.
  8. Change the mode of the photo layer to Multiply.
  9. Create a new layer under the photo layer.
  10. 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
0 Comments

Morph

1/29/2021

0 Comments

 
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

Short Looping Animation

1/13/2021

0 Comments

 

Click on this link for the lesson and assignment.

0 Comments

Fantasy Portrait in the Style of Giuseppe Arcimboldo

12/9/2020

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 (remote class) 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 or Photopea

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
If you would like to work beyond these limitations (for example: work larger than letter-size, or in a square shape) consult Mr. Ratkevich.

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

Photoshop Collage: Myth or Fairy Tale

12/9/2020

0 Comments

 
Time Frame:
3 (in-school) days

Project:
Create a photographic collage illustrating a myth or fairy tale.

Medium:
Photoshop or Photopea
  • Selection Tools (Lasso, Magic Wand)
  • Eraser
  • Edit Menu
    • Cut, Copy, Paste
    • Transform

Objectives:
  • Develop skill with the selection, cutting and pasting techniques of Adobe Photoshop.
  • Tell a story visually
  • Arrange elements to maximize visual impact

Parameters
  • At least letter size (8.5 x 11 inches)
  • At least ten different pasted photographs

Tips:
Start with the largest image you can find of the type of environment you want to use. Make that the background layer of your file.

Grading Criteria:
  • Concept
  • Design
  • Technical Quality -- how convincingly have you integrated different photographs?
  • Personal Investment

Artistic Expression and Creativity Rubric
0 Comments

Series of Typographic Designs

12/7/2020

0 Comments

 


​Click on this link for the lesson and assignment.
0 Comments

Marine Life Habitat

11/4/2020

0 Comments

 
This will be the background used with your Marine Animal

PROJECT
To design an appropriate environment for your marine animal. Research what environment your animal lives in. Use shapes, patterns, lines and color to create
your marine animal's world. You will be using all the tools that you've been working with in Photoshop or Photopea this term.

IDEAS and INSPIRATION
  • https://www.nps.gov/subjects/oceans/ocean-habitats.htm
  • https://www.worldwildlife.org/media?habitat_id=ocean-habitat
  • https://video.nationalgeographic.com/search?q=ocean+habitiats
  • http://www.documentarymania.com/player.php
  • title=My%20Octopus%20Teacher
  • "My Octopus Teacher" on Netflix.

ARTISTS TO LOOK AT:
  • Eric Carle https://eric-carle.com/ Children's picture book illustrator (The Very Hungry Caterpillar) 
  • Faith Ringgold https://www.faithringgold.com/about-faith/
  • Derek Gores https://derekgores.com/
  • M C Escher https://mcescher.com/

PROJECT OBJECTIVE:
  • To create a strong design
  • To use Shapes -- Organic and Geometric
  • Use Repetition to create depth
  • Use Color that work in harmony- lights and darks to create tone
  • Apply Textures that create tone
  • Gradients, highlights, and shadows to create sense of light source

HOW TO BEGIN:
  1. Research what your environment (habitat) that your Marine animal would live in.
  2. Take the time to sketch out an Ideas and look at different resources
  3. Draft/sketch your habitat on paper.
  4. Collect textures and patterns to use in your environment.
    Use high-resolution images from the stock photo sites.
  5. Begin your drawing in Photoshop/Photopea
    Open Photoshop or Photopea 
    Document: 13 x19 inches or 19 x 13 inches (same direction as your animal)
    ​Resolution: 300 dpi/ppi
    Color Mode: RGB
    ​File Name: lastname_ habitat.psd
     
USE TOOLS TO DRAW YOUR environment
Experiment with new tools and try different things.
  • Pencil
  • Pen Tool 
  • Paste patterns
  • Blending Modes
  • Gradients
  • Image Adjustments (Color Balance, Hue/Saturation)
  • ​Shapes

GRADING RUBIC:
Studio Habits of Mind

REMINDERS:
  • ​Explore, be creative, try new tools
  • Designing the whole page
  • Your design should show: Movement, Depth, Texture, Color
  • Take notice of the color your animal is and the environment will be
  • USE high-resolution, royalty-free images from stock photo sites.
  • Think about where your light sources is coming 
  • CLOSE your shapes, to be able to paste your textures into them

PHOTOPEA TIP:
In Photopea (and Photoshop for iPad), there is no Paste Into.
Textures must be put on a layer UNDERNEATH the drawing, then cut to
fit the drawn shapes.


0 Comments

Stylized Marine Life Graphic: Using Illustrator and Photoshop

10/28/2020

0 Comments

 
PROJECT
  1. In Adobe Illustrator, using only triangles, create a specific, distinct, identifiable Marine Animal (shrimp, turtle, bass, trout, sunfish, etc.).
  2. Then, use Photoshop to incorporate different textures, color and shadows
    (If you are unable to use Illustrator at home, you may do the project entirely in Photopea, or with a combination of the programs.)

ARTIST TO INSPIRE YOU:
  • Eric Carle - https://eric-carle.com/ Children's picture book illustrator (The Very Hungry Caterpillar). 
  • Faith Ringgold https://www.faithringgold.com/about-faith/
  • Derek Gores https://derekgores.com/

PROJECT OBJECTIVES
What are we learning by doing this project?
  • Demonstrate the importance of research to good art-making --
    Use appropriate visual references, but don't copy.
  • Less is More -- Use simple, basic shapes to make a complex thing; reduce a thing to its most essential elements.
  • Stylizing and creating visual interest -- taking something recognizable and in an artistic artistic way to create interesting visuals
  • Use photo-editing tools skillfully in Photoshop.
  • Use Illustrator and Photoshop together to take advantage of their differences.
  • Access royalty-free, high resolution images stock image sites
  • Combine multiple photo files.
  • Use texture and shadow to create 3-Dimensional quality.

WHERE TO BEGIN:
  • Research and Collect 4-6 photographs of a specific marine animal from
    different angles/viewpoints. Study how your animal looks and take notice
    of your animals specific characteristics.
  • On paper sketch your animal on multiple times. Get to know the basic forms of the animal. Ask yourself, “What makes this animal distinctive from others? 
    Think of ways to stylize the animal, to make it more "designed", rather than strictly observational, while still clearly being that specific animal.
  • Draw a stylized version of your Marine Animal using triangles.

NEXT STEPS IN ILLUSTRATOR:Take a photo of your drawing and bring into Illustrator or draw your image in illustrator 
  • Open Illustrator
    create document

    18 width inches x 12 height inches or 12x18 if animal is tall
    Resolution: 300 dpi
    Color Mode: RGB
  1. Place your drawing to use as a guide on to a layer in Illustrator
    Place embedded or drag and place
    (or Photopea or freehand draw from your example.)
  2. Lock the layer that you place the drawing ion.
  3. Create a new layer to draw on.
  4. Using the pen tool, draw your Marine Animal using only triangles. 
  5. Make sure to close your triangles connect each point.
  6. click your Fill box and stroke box to select the stroke line color
  7. When completed, you’ll SAVE your Marine Animal as: .AI file and .EPS
    file to your cloud documents and to your drive as file name: Marineanimal_yourlastname.


BEFORE YOU CAN GO INTO PHOTOSHOP:
Search for and download high-resolution royalty-free stock images of textures from the stock photo sites:
  • https://unsplash.com/ Search library of images, click image, click free download button. Multiple sizes available. Download the largest file.​
  • https://www.pexels.com/ Search library of images, click image, click free download button. Multiple sizes available. Download the largest file.
  • https://pixabay.com/ Search library of images, click image, click free download button. Only the 640x480 image size is available.​

STEPS IN PHOTOSHOP:OPEN your .EPS file in Photoshop
  1. Open Photoshop and Open EPS file​
    Resolution: 300 dpi
    Image Size: 13 in x 19 in rectangle
    Color Mode: RGB
  2. ​Save as .PSD filename Marineanimal_yourlastname to your drive and cloud documents
  3. Open the texture files in Photoshop
  4. ​Place your Marine Animal and lock layer

TO ADD TEXTURES TO YOUR DRAWING 
  1. On your LINE DRAWING, use the Magic Wand tool to select parts of your drawing, one triangle at a time.
  2. In the texture file, Select All, then Copy
  3. In the Marine file, "Paste Special -- Paste Into" do this to each triangle on your animal, one triangle at a time.
  4. Adjust the texture as needed once you have pasted it (Go to Edit - Transform, then Scale or Rotate. You can also move each texture within its triangle using the Move Tool (black arrowhead in your Toolbox).

TO APPLY COLOR CHANGES TO PATTERNS:
  1. Go to Image - Adjustments, then use:Color Balance, Hue/Saturation, and Levels (which will adjust the contrast of the image).
  2. Apply blend modes by layering colors over textures
  3. Using the Gradient Tool, the Burn Tool, and the Dodge Tool in Photoshop, add tonal value (lights and darks) to each triangle to create a more three-dimensional form on your animal.

SAVE as .psd file, and .png. Remember to remove any background layer, when saving as a PNG file. This will be a flat, web version that will have a transparent background. As a group, we will combine these images into a single composition and create a habitat for your marine animals.

THINGS TO REVIEW:
  • Is your artwork easily identifiable as a specific type of Marine Animal?
  • What makes it so, or what would make it so?
  • Is it unique, artistic, and stylized; or more of a realistic representation? What could you have done to make it more stylized, more designed rather than copied?
  • DID you Save your File the right size and Format
  • Did you use all of the following Photoshop tools? Which do you feel you mastered? Which did you struggle with?:
  • Paste Into, Color Balance, Hue/Saturation, Levels, Transform (Scale, Rotate), Move, Gradient Tool, Burn Tool, Dodge Tool.
  • Do you understand how Illustrator and Photoshop differ?
  • Describe some advantages of each program. Describe some of the challenges.
  • Do you know why we need to use royalty-free, high resolution images? 
  • Did you use texture and shadow to enrich your image.
  • Does your animal look three-dimensional?

Grading Rubric:
  • Design (Visual Impact)
  • Technical Quality
  • Personal Investment
  • Studio Habits of Mind 
 ​
Extension Question:
  • What are some possible uses for the graphic artwork you have created?
  • Who might be the audience for such an image?
  • Why do you say that?
  • What might be added to these images to give them a specific purpose?
0 Comments

Animated GIF

10/26/2020

0 Comments

 
Picture
PROJECT
Using either Photopea or 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

Stock Photo Sites

10/22/2020

0 Comments

 
​Free Stock Photo Sites:
Search library of images, click image, click free download button.
​Multiple sizes available. Download the largest file. 


https://unsplash.com/ 

https://www.pexels.com/ 

https://pixabay.com/ 


0 Comments
<<Previous

    Author

    Write something about yourself. No need to be fancy, just an overview.

    Archives

    January 2021
    December 2020
    November 2020
    October 2020
    September 2020

    Categories

    All

    RSS Feed

Powered by Create your own unique website with customizable templates.