Tuesday, May 28, 2013

GIMP Exercise: Draw a Simple Tree


To create the tree I created a 600 x 600 image. Then using a brown color I made the trunk of the tree. Then with a black added the shaded side. Branches then were next using a hard edge brush. Leaves were very time consuming. Using a small squared brush I added each leaf. Taking some copied sections of leaves helped a lot but I didn't want my tree to look like it had the same cluster of leaves all over. Then added a drop shadow to the tree.
For the banner I made the foreground to background gradient, then copied several small scale trees over. Adding the text and giving it a newspaper effect.

Tattoo



For the above images I found an image of a woman with some sort of strap on her arm (since the image given wouldn't open on my computer) and also found a tribal dragon tattoo and some tattoo for the woman's shoulder. The first step was to edit out the strap. To do this I took the clone tool to copy different sections of her skin over the strap. Could not use the same section of skin or else it would not look realistic. Then taking the dragon tattoo, scaling it down, placing it properly onto her arm and changing the opacity to make it more realistic. Same steps were taken for the tribal tattoo on her shoulder.To make the dragon tattoo all black I changed the color threshold until it was appropriate coloring.

Monday, May 27, 2013

Filmstrips


For both of these filmstrips I took an image from Google Images and edited them in various ways, saving each variation as I went. the wolf filmstrip has a cloth, glass tile, cubism, oilify, and pixel effect. The flower has a supernova, curves, predator, newsprint, and softglow effect.

Chapter 8: Color

Name:
Jessica Stephens
Student Number:
X00147734

GIMP: Chapter 8: Color
PART 1: READ Chapter 2 in the GIMP book, then:
  1. Answer all questions below, briefly but completely.
  2. Change the color of the answer to BLUE.
  3. Copy this information and paste in a new post in your DIGITAL GRAPHICS blog.

1.       Briefly define the following color terms:
·         Additive color Combination of red, green, and blue
·         Subtractive color Adding shades on a reflecting surface.
·         HSV color Hue, saturation, and value.
·         CMYK color Adding True Black.
2.       What is the relationship between additive and subtractive color? Work as mirrors.
3.       How many bits do most computers use to represent color?  24 Bit
 See the Important Note below regarding bit color.
4.       What is the TRIANGLE COLOR SELECTOR used for? Picking a color and changing the saturation and value.
5.       What is the WATER COLOR SELECTOR used for? Mixing multiple colors.

IMPORTANT NOTE:
In GIMP, the bit break-down is:
·         RGB Channel: 8 bits for RED, 8 bit for GREEN, 8 bits for BLUE
·         ALPHA Channel: 8 bits for TRANSPARENCY

About TRANSPARENCY :

An Alpha value indicates the transparency of a pixel. Besides its Red, Green and Blue values, a pixel has an alpha value. The smaller the alpha value of a pixel, the more visible the colors below it [the greater the transparency]. A pixel with an alpha value of 0 is completely transparent. A pixel with an alpha value of 255 (or Hex ff) is fully opaque.

With some image file formats, you can only specify that a pixel is completely transparent or completely opaque [JPGs are always opaque]. Other file formats allow a variable level of transparency [such as GIF and PNG].

From the GIMP Glossary: http://docs.gimp.org/en/glossary.html

PART 2: GIMP PROJECT:
1.       HEX Web Colors: Go to this link to find more about web colors: http://en.wikipedia.org/wiki/Web_colors
From the information in this Wiki article, analyze the following hex values and describe what color of each (the first is done for you):
A. #cc22cc   Color:  purple         (Notice the high RED and high BLUE values)
B. #ff0000   Color: True red
C. #0000bb   Color: True blue
D. #000000   Color: Black
E. #11ff11   Color: Lime
F.  #999999   Color:       Gray           (What color is it when all the hex digits are the same?)
2.       HEX Web Colors Image:
·         Now open GIMP and create a new 600 X 600 art canvas.
·         Choose the BRUSH Tool.
·         Click on the Foreground Color Picker at the bottom of the Toolbox and type in the first color (#cc22cc) from the list above. 
·         Use a calligraphic brush to draw out the word PURPLE across the canvas. See the sample here à
·         Create a new layer.
·         Now enter the second color above (#ff0000) in the Color Picker, and draw out the appropriate color word with the Brush on the new layer.
·         Continue adding new layers with the appropriate color names for each of the colors above. (The color words can overlap, be at angles, be different sizes, different transparencies, etc. You can also add brush decorations, shapes, etc. if you like to create an interesting, attractive image.)
·         Save the image as a JPG in your GIMP folder with the file name Hex Colors
·         Delete the sample image (“Purple”) and insert your own  Hex Colors image here:








3.       Color Adjustments:
·         Go to the web site for this book: http://gimpbook.com
·         Click on the PHOTOS FROM THE BOOK link, and scroll down to see the images for Chapter 2.
·         Download and save these images:  Yosemite Storm, the yellow flower, Dave (image of man at a table, right after the yellow flower image),   and the Shakespeare page.
·         With the images you downloaded, follow the instructions in pages 303 through 319 to adjust various color properties.  You do not have to complete the entire chapter;  you may stop just before Indexed  Color on page 219. (Of course, you are more than welcome to complete the chapter if you like.)
·         After the adjustments, save the final version of the images, then insert the final  adjusted images here:
Yosemite Storm:
 Having issues Opening Image. Will Update


Yellow Flower:
 Having issues Opening Image. Will Update



Dave:




Shakespeare Page:











Friday, May 24, 2013

Web Banners








     To create each of these I found a picture from Google images and saved them into my GIMP folder. Then opened the images with GIMP and scaled them appropriately to fit into a 760 px X 100 px. Copied the picture over onto a new layer and gave the layer a gradient that was fitting to the picture. Adding text with a certain effect and making sure it was properly placed was a little tricky but also very fun to play with.

Monday, May 20, 2013

GIMP: Chapter 3: Layers

Name:
Jessica Stephens
Student Number:
X00147734


GIMP: Chapter 3: Layers
PART 1: READ Chapter 3, pages 67-69, and 95-102 in the GIMP book, then:
  1. Answer all questions below, briefly but completely.
  2. Change the color of the answer to BLUE.
  3. Copy this information and paste in a new post in your DIGITAL GRAPHICS blog.

1.       What is a layer?
A layer is a separate image.

2.       Why is transparency important when using layers?
Transparency is important when using layers because it makes the image more interesting and you are able to stack layers upon each other.

3.       Why would you use layers when creating images?
You would use layers when creating an image because it allows for more control.

LAYERS DIALOG BOX: The following refers to informationon pages 95-102 in the book. Open GIMP and look at the LAYERS DIALOG BOX while you read these pages.
NOTE: If the LAYERS box is not open, open it by WINDOWSàRECENTLY CLOSED DOCKSàLAYERS, CHANELS, PATHS. The LAYERS box is the tab with what looks like several sheets of white paper (see Figure 3-31 on page 96).

Describe the purpose of each of the following LAYERS properties in the LAYERS dialog box.
1.       Opacity makes the layer less or more transparent.
2.       Keep Transparent “Lock” button makes you unable to draw anywhere on the locked layer.
3.       Visibility Eye can show or hide the selected layer.
4.       Chain Link Can chain or unchain layers together (useful when moving layers around).
5.       Layer Mask Controls which part of the layer is visible
6.       Raise and Lower Buttons Moves current layer up or down a stack.
7.       Duplicate Creates new layer that is an exact copy of current layer.
8.       Delete Deletes selected layer.
Describe the purpose of each of the following LAYERS context menu (menu appears when you right-click on a layer)
1.       Layer Boundary Size Changes a layer’s size.
2.       Layer to Image Size Makes layer as large as image.
3.       Add Alpha Channel (be sure to describe what ALPHA means)
Alpha means transparency.
Makes layer capable of transparency.

4.       Alpha to Selection Selects everything in current layer that is not transparent.
5.       Merge or Flatten
Merge: Retains any invisible layers.
Flatten: Merges all visible and deletes invisible.



PART 2: GIMP PROJECTS:
Be sure to save these images in your GIMP folder before inserting them in this document.
1.       Go to the web site for this book: http://gimpbook.com
2.       Look through the menus on the left to see the supplemental information provided for you about the book.
3.       Click on the PHOTOS FROM THE BOOK link, and scroll down to see the images for Chapter 3.
4.       Click on the Goblin Valley image, then right-click and select SAVE IMAGE AS. Save the image in your GIMP folder.
5.       Click on the Mars from the Hubble image, then right-click and select SAVE IMAGE AS. Save the image in your GIMP folder.
6.       Click on the yellow airplane image (the fifth image in the image list), then right-click and select SAVE IMAGE AS. Save the image in your GIMP folder.
7.       Create a new image by following the instructions on pages 69 (from “Using Layers to Add Text”) through 95. Through this exercise, you will learn to add text to an image, change text colors, add a drop shadow to text, link layers together, and add images to other images.
8.       After you have completed the image displayed on page 94, add the yellow airplane to the image in an appropriate place.
9.       When the image is complete, save as JPG file and insert here:
Having issues opening image with GIMP will update soon as fixed.