Image Creation #

and#

Malipulation #

using#

GIMP#

CSC 101 - Introduction to Computer and Applications Robert Willhoft, 2009


Vignette#

Introduction to Layers


Selection Tools#

  • Rectangular
  • Ellipse
  • Free Select
  • Fuzzy Select
  • Select by Color
  • Scissors
  • Foreground

Step #1 - Create Background Layer#

  • Load Faith & Adrienne picture
  • Create a new layer
    • Layer ► New Layer
    • Name the new layer Black Vignette
    • Select the foreground color button
    • You should have 2 layers
    • Drag the new layer below the picture
Notes:
  • You make layers visible or invisible by clicking on the eye
  • The layer with the white border is the active layer

Step #2 - Create Mask from Selection#

  • Create a Mask using the Ellipse Selection tool
    • Select an area around Adrienne and Faith
    • Be sure that you have the Faith & Adrienne.jpg layer selected
    • Layer ► Mask ► Add Layer Mask
    • Initialize Layout Mask to: Selection
  • Turn off your selection
    • Selection ► None

Step #3 – Blur the Mask#

  • Adjust
    • the Vignette
    • Select the mask
      • Blur the border
        • Filters Blur ► Gaussian Blur
          • Make sure Horizontal & Vertical are locked
          • Enter 400
  • Crop the picture
    • Select the picture
    • Use the crop tool so it is centered

Vignette#

Finished Image#

Export as:

simpleVignette.jpg

Warning: Once you export an image as a JPEG (jpg) all of the layer information is gone.If you want to save the layers use the Save option, which saves a GIMP XCF image file format (xcf).

However, XCF files are huge, so don’t save any of the lab files this way!


Vignettes #

with White or Color Backgrounds#


Highlighting Foreground #

Using Free Select

here picture


Step #1 - Create Layer#

  • Load Phone Booth picture
  • Duplicate the layer with the picture
    • Layer ► Duplicate Layer
    • You should have 2 layers
  • Rename the top layer
    • Double-click the layer name
    • Change name to Phone Booth
  • Rename the bottom layer
    • Double-click the layer name
    • Change name to Background

Step #2 - Create Mask#

  • Create a Mask using the Free Select tool
    • Select an area around the phone booth
    • Be sure that you have the Phone Booth layer selected
    • Layer ► Mask ► Add Layer Mask
    • Initialize Layout Mask to: Selection
  • Turn off your selection
    • Selection ► None

Step #3 - Adjust the Layers#

  • Adjust the Mask
    • Select the mask layer
    • Blur the mask
      • Filters Blur ► Gaussian Blur
        • Make sure Horizontal & Vertical are locked
        • Enter 400
  • Adjust the Background layer
    • Select the Background layer
    • Use Colors ► Brightness & Contrast
      • Decrease Brightness (quite a bit, like -125)
      • Decrease Contrast (a little, like -15)
    • Blur the layer (about 100)
  • Export as freeSelect.jpg

Partial Color Effect#

Using Foreground

Select Tool

picture

Step #1 - Create Layer#

  • Open Galen picture
  • Use Scissors Select tool to cut around the picture
    • Click on the actual line that you want to cut along
    • Be sure that you click on the first point at the end
    • Click inside – you should get a dotted line around your selection.
  • Use this selection to create a mask
    • You should see grey checkerboard behind the two figures that you cut out.

Step #3 - Create Mask#

  • Create a Mask
    • Be sure that you have the Foreground layer selected
    • Layer ► Mask ► Add Layer Mask
    • Initialize Layout Mask to: Selection
    • Do not blur the mask
  • Turn off your selection
    • Selection ► None

Step #4 – Adjust Background#

  • Touch up around the mask by painting black or white in the mask layer
  • Convert Background to B&W
    • Select Background layer
    • Colors ► Desaturate
  • Export as Partial Color.jpg

Using Green Screen#

http://coweb.cc.gatech.edu/ice-gt/uploads/738/ICE%20025.jpg

http://exotic-place.com/wp-content/uploads/2013/12/new-york-skyline-exotic-place1.jpg


Step #1 – Foreground Select#

  • Load Green Screen picture
  • Click on the Foreground Select tool
    • Free select around foreground
      • Be sure to close the loop
      • Stuff in foreground should be blue when done
    • Select the foreground
      • Paint the foreground area (you don’t need it all)
      • Be sure to wait for refresh between painting
      • Repeat until you have it all (i.e. all blue)
      • Unpaint background, click the Mark background button.
  • Press Enter to create the selection mask.

Step #2 - Create Mask#

  • Add Mask
    • Layer ► Mask ► Add Layer Mask
    • Initialize Layout Mask to: Selection
  • Turn off your selection
    • Selection ► None

Step #3 – Add Background#

  • Use File ► Open as Layers
    • Open the New York City image
    • Notice that it places it on top of the other layers
    • Put the Nice Background layer behind the other layer by dragging the layer down in the Layers sidebar.
  • Resize the Canvas
    • Image ► Fit Canvas to Layers
    • Ctrl-Shift-J

Step #4 – Move Foreground Image#

  • Place the girl
    • Select the foreground layer
    • Click on the Move tool
    • Drag the foreground where you want it
  • Export the Image as Flying
    • If you wanted to save as a GIMP image, this would be a good time to do it. Don’t do this

Copy & Paste as a Layer#

picture

Copy & Paste as a Layer#

  • Use Rectangular Selection Tool to select an area next to the reflection about the same size
  • Copy
  • Paste as a New Layer
  • Select the Move Tool and move the piece into place over the reflection
  • Save using the original name

Fading between Two Images#

picture

Fading between Two Images#

  • Start with picture named Left
  • Image ► Canvas Size
    • Make the size 1800 by 1500
      • You need to click on the link so you can set individually
  • Select the half of the picture
  • Blur the Mask
    • Be sure to Select ► All
    • Filters ► Blur ► Gaussian Blur
      • 200 horizontal, 0 vertical
  • Put Right picture in a second layer
  • Save as Fade.jpg

Galen in the Garden#


Assignment#

  • Hand in the photos you edited based on the PowerPoint
    • Galen in the Garden is optional
  • Create a picture of yourself in an impossible situation.
    • Although impossible, it should look realistic
    • Use images of reasonable resolution, at least 800 by 600.
    • Be careful with creating the mask, it will be part of your grade.

Examples of Impossible Situations#