Photoshop Assignments - Part 2 - presented in a web editor
Create a web page using a web editor to display your images.  Select a topic from a Common Core Subject Area.  Be sure to label all of your images with table cells.  Save all Photoshop graphics as .jpg or gif as described in the instructions before inserting into web page.




Liberty Bell


Silhouette
iPod Silhouette
  • Open Photoshop > File > Open, or open the photo by Right Clicking on the image file in your home drive > select Open With > Adobe Photoshop Elements
  • Choose Save As from the File menu and give a new name
  • Unlock the background by double-clicking on the lock in the layers tab
  • Use the Quick Selection tool to select portions of the background - press Delete to eliminate the background colors
  • Select the background with the Magic Wand
  • From the Select menu choose Inverse
  • Set the Foreground color to Black - then Edit > Fill Selection
  • Select the background with the Magic Wand
  • Select the Foreground to a bright color - then Edit > Fill Selection
  • Save As GIF
10


Boston Massacre


Image in Shape
Image In Shape
  • Open Photoshop > File > Open, or open the photo by Right Clicking on the image file in your home drive > select Open With > Adobe Photoshop Elements
  • Choose Save As from the File menu and give a new name
  • Unlock the background by double-clicking on the lock in the layers tab
  • Select a Shape using the Cookie Cutter tool
  • Draw shape and adjust size
  • Click the green check mark when done
  • Crop unwanted background space
  • Save As GIF
10


Declaration of Independence


Image In Type
Image in Type
  • Open Photoshop > File > Open, or open the photo by Right Clicking on the image file in your home drive > select Open With > Adobe Photoshop Elements
  • Choose Save As from the File menu and give a new name
  • Unlock the background by double-clicking on the lock in the layers tab
  • Use the text tool to type in a bold style
  • Move the Text Layer to the bottom of the list
  • Select Layer 0 - From the Layers menu choose Group with Previous
  • Crop unwanted background space
  • Save As GIF
10


George Washington


Cut Out Background
Cut Out Background
  • Open Photoshop > File > Open, or open the photo by Right Clicking on the image file in your home drive > select Open With > Adobe Photoshop Elements
  • Choose Save As from the File menu and give a new name
  • Double-click background layer to change to Layer 0
  • Select the Eraser tool - adjust size and begin to erase the background
  • Save As GIF

10



Gradient Text
Gradient Text
  • Open a new file - File > New > Blank file > select default size and Transparent background
  • Select the Vertical or Horizontal Type Mask Tool to enter horizontal text
  • Enter the type you want,
  • Select the Gradient tool.
  • In the options bar, click the desired gradient type (linear, radial, angular, reflected, or diamond).
  • Choose a gradient fill from the Gradient Picker pop-up palette.
  • Position the pointer on the text where you want to set the starting point of the gradient, and drag to define the ending point.
  • Save As GIF
10


White House in the 1800's


Gradient Fill
Gradient Fill
  • Open Photoshop > File > Open, or open the photo by Right Clicking on the image file in your home drive > select Open With > Adobe Photoshop Elements
  • Choose Save As from the File menu and give a new name
  • Unlock the background by double-clicking on the lock in the layers tab
  • Create a new layer
  • Select the gradient tool and choose a gradient to use
  • Draw where you want the gradient to be on the graphic
  • On the layers tab, select Overlay from the pull-down menu
  • Use the Opacity slider to adjust the amount of color
  • Save As JPEG
10



Glowing
Glowing
  • Open a new file - File > New > Blank file > select default size and Transparent background
  • Enter text using a large font size
  • Go to the Layers menu and choose Flatten Image
  • From the Filters menu, choose Artistic > Neon Glow - adjust size, brightness and color
  • click OK
  • Crop image to desired size
  • Save As JPEG
10


Thomas Jefferson



Original US Flag


Merging Images
Merging Images
  • Open a new blank file
  • Open two images that you want to merge
  • Drag the images onto the new file
  • Adjust image size and placement
  • Select the Eraser tool - choose one with soft edges - adjust opacity as needed
  • Erase the portion that you want removed in order to merge both images into one image
  • From the Layers menu, choose Flatten Image
  • Crop as needed
  • Save As JPEG
Use sponge tool to soften edges
10


July 4th poster


Paint Away
Paint Away
  • Open Photoshop > File > Open, or open the photo by Right Clicking on the image file in your home drive > select Open With > Adobe Photoshop Elements
  • Choose Save As from the File menu and give a new name
  • Unlock image if needed
  • Select the Brush tool and change the Mode to Color
  • Choose a soft edged medium sized brush
  • Change paint color to gray
  • Start painting gray over the portion from which you want to remove the color
  • Adjust the size of the brush as needed
  • This will leave a portion of the image in Grayscale, while leaving the rest in full color
  • Save As JPEG
10


Boston Massacre


Sketches - Poster Edges, Smudge Stick, Film Grain
Sketches
  • Open Photoshop > File > Open, or open the photo by Right Clicking on the image file in your home drive > select Open With > Adobe Photoshop Elements
  • Choose Save As from the File menu and give a new name
  • Unlock if needed
  • Go to the Filters menu - use the Poster Edges, Smudge Stick, Watercolor, Sketch and /or other Filters to change the photograph into a sketch image
  • Save AS JPEG

10

Using a Web Editor such as KompoZer - create a web page to include -->
Page title centered 5


Multiple text colors 5


All graphics inserted in a table and labeled 10


Web page appearance
20


In class presentation
10


Total Points Possible 150