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.




Boston Massacre


Image in Shape
Image In Shape
  • Create a new blank document in Photoshop
  • Select custom shape tool and set the fill color to black
  • Draw the shape where you would like it in the file
  • Unlock the background by double-clicking on the lock in the layers tab
  • Remove background color so that it is transparent
  • Open the image that you want placed in the shape, it will open in a new tab
  • Select All, then Copy
  • Go to the Shape and Edit > Paste
  • Right Click on the image layer and select > Create Clipping Mask
  • Delete the white background
  • Crop unwanted background space
  • Save
10


Declaration of Independence


Image In Type
Image in Type
  • Open image in Photoshop
  • 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 Horizontal or Vertical Type Mask Tool text tool to type in a bold style
  • Select Layer 0 - Select the Add Layers Mask icon at the bottom of the layers tab
  • Crop unwanted background space
  • Save
10

Erase items to show the 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 CC
  • Choose Save As from the file menu. Give it a different name and save in your home drive.
  • Select the Spot Healing Brush Tool and set to a small size.
  • Brush away the portion that you want to remove.
  • Or, Use the Lasso tool to select the item in the image you want to remove. Include some overlap into the surrounding area.
  • Choose Edit > Content-Aware Fill. The Content-Aware workspace opens with a default fill applied.
  • Save
10


George Washington


Cut Out Background
Cut Out Background
  • Open image in Photoshop
  • 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
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
10


White House in the 1800's


Gradient Fill
Gradient Fill
  • Open image in Photoshop
  • 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
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 Filter Gallery > Artistic > Neon Glow - adjust size, brightness and color
  • click OK
  • Crop image to desired size
  • Save
10


Thomas Jefferson



Original US Flag


Merging Images
Merging Images
  • Open a new blank file
  • Open two images that you want to merge
  • Select All > Copy and then Paste into the new file, do this for all images that you are merging
  • 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
Use sponge tool to soften edges
10


July 4th poster


Paint Away
Paint Away
  • Open image in Photoshop
  • 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
10


Boston Massacre


Sketches - Poster Edges, Smudge Stick, Film Grain
Sketches
  • Open image in Photoshop
  • Choose Save As from the File menu and give a new name
  • Unlock if needed
  • Go to the Filters > Filter Gallery  - use the Poster Edges, Smudge Stick, Watercolor, Sketch and /or other Filters to change the photograph into a sketch image
  • Save
10

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


Multiple text colors 5
Remember, that .psd files will not work in a webpage.  You must reformat the file by either going to File > Export > Export As and select jpg, or File > Save As > format > jpg and make sure that the extensions changes to .jpg.

All graphics inserted in a table and labeled 10


Web page appearance
20


In class presentation
10


Total Points Possible 150

Adobe Photoshop CC Help

Photoshop User Guide

Back to RCMS Lab