!!%%(color: purple)Image Creation
!!%%(color: purple)and
!!%%(color: purple)Malipulation
!using
!!!%%(color: red)GIMP
CSC 101 - Introduction to
Computer and Applications
Robert Willhoft, 2009
----------------------------------------------
!!%%(color: blue)Vignette
Introduction to Layers
[{Image src='Gimp/1.png' caption='' height=200}]
----------------------------------------------
!!%%(color: blue)Selection Tools
*Rectangular
*Ellipse
*Free Select
*Fuzzy Select
*Select by Color
*Scissors
*Foreground
----------------------------------------------
!!%%(color: blue)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
----------------------------------------------
!!%%(color: blue)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
----------------------------------------------
!!%%(color: blue)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
----------------------------------------------
!!%%(color: blue)Vignette
!%%(color: blue)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!''
----------------------------------------------
!!%%(color: blue)Vignettes
!%%(color: blue) __with White or Color Backgrounds__
----------------------------------------------
!!%%(color: blue)Highlighting Foreground
%%(color: blue)__Using Free Select__ %%
here picture
----------------------------------------------
!!%%(color: blue)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
----------------------------------------------
!!%%(color: blue)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
----------------------------------------------
!!%%(color: blue)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__
----------------------------------------------
!!%%(color: blue)Partial Color Effect
%%(color: blue)__Using Foreground
Select Tool__%%
picture
----------------------------------------------
!!%%(color: blue)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.
----------------------------------------------
!!%%(color: blue)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
----------------------------------------------
!!%%(color: blue)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__
----------------------------------------------
!!%%(color: blue)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
----------------------------------------------
!!%%(color: blue)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.
----------------------------------------------
!!%%(color: blue)Step #2 - Create Mask
*Add Mask
**Layer ► Mask ► Add Layer Mask
**Initialize Layout Mask to: Selection
*Turn off your selection
**Selection ► None
----------------------------------------------
!!%%(color: blue)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
----------------------------------------------
!!%%(color: blue)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__
----------------------------------------------
!!%%(color: blue)Copy & Paste as a Layer
picture
----------------------------------------------
!!%%(color: blue)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
----------------------------------------------
!!%%(color: blue)Fading between Two Images
picture
----------------------------------------------
!!%%(color: blue)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__
----------------------------------------------
!!%%(color: blue)Galen in the Garden
----------------------------------------------
!!%%(color: blue)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.
----------------------------------------------
!!%%(color: blue)Examples of Impossible Situations