Unit+1+-+Digital+Imaging

 = = =Unit 1 - Digital Imaging=

02 - Demonstrate knowledge of the principles and elements of design and their relationship to eachother. 03 - Demonstrate the knowledge of various graphic tools. 04 - Demonstrate proficiency in the use of digital imaging techniques and equipment.
 * Standards Addressed:**

1. Adobe Photshop 2. Picnik.com 3. A.viary 4. SUMOpaint.com
 * Applications Utilized (listed in order of use)**

=__ASSIGNMENTS SECTION__=

MULTIMEDIA - **Mr. Nielsen** =Photoshop FILTERS Project. =

**DIRECTIONS**: This assignment will allow students to work with the filters Photoshop has for altering images. Through completing this project, you will become more aware of the various filters that can be used to alter and enhance digital images. Additionally, students will demonstrate understanding of the layers window (naming layers and duplicated layers) when completing this project. **STEP-BY-STEP** Procedures.  __Filters you need to do:__ Artistic: Color Pencil, Dry Brush, Plastic Wrap, Rough Pastels. Blur: Motion Blur, Radial Blur Brush Stroke: Cross hatch, Ink Outlines Distort: Diffuse Glow, Twirl Noise: Add noise Pixelate: none for this filter – go to next filter Render: Lens Flare, Lighting effects Sharpen: Sharpen, Sharpen more Sketch: Halftone Pattern Stylize: Emboss, Glowing edges, Wind Texture: Texurizer
 * YOU ARE TO GET ONE (1) IMAGE FROM THE INTERNET TO USE. You will use the same image for all filters.**
 * 1) Find an image/photo on the internet you want to use – Save it to your drive. It must be appropriate or it will be turned in to Mrs. Nared as a referral.
 * 2) Open Photoshop.
 * 3) **File – Open** the image/photo you are going to use.
 * 4) **Duplicate the Layer 19 times** . Yes 19 (nineteen) times!
 * 5) Now In your layers window, make sure you click on layer “Background copy 19” (this indicates you are working on that layer.
 * 6) Now go to **Filter – Artistic – Color Pencil.**
 * 7) In your **Layers Window, double-click on the letters “Background copy 19”** and **type in “Color Pencil”**
 * 8) Next, click on the eyeball of this layer to remove visibility of this layer.
 * 9) Click on “Background copy 18” to begin working on this layer. (Remember it must be highlighted blue to be working on the layer.
 * 10) Repeat steps 6-9 for the following list of filters. You will have different Filters on each layer.

SAVE this file as "FILTERS project." You should now be aware of the various image filters!

<span style="FONT-FAMILY: 'Times New Roman', Times, serif">**MULTIMEDIA -** <span style="FONT-FAMILY: 'Times New Roman', Times, serif"> **Mr. Nielsen** = Photoshop TEXT Project. =

<span style="FONT-FAMILY: 'Times New Roman', Times, serif"> <span style="FONT-FAMILY: 'Times New Roman', Times, serif">**DIRECTIONS**: This assignment will allow students to work with the TEXT modifications Photoshop has for altering text. Through completing this project, you will become more aware of the various text alterings that can be used to alter and enhance digital images. Additionally, students will demonstrate understanding of the layers window (naming layers and duplicated layers) when completing this project. <span style="FONT-FAMILY: 'Times New Roman', Times, serif"> <span style="FONT-FAMILY: 'Times New Roman', Times, serif"> **STEP-BY-STEP** Procedures. <span style="FONT-FAMILY: 'Times New Roman', Times, serif"> <span style="FONT-FAMILY: 'Times New Roman', Times, serif"> <span style="FONT-FAMILY: 'Times New Roman', Times, serif">**Text Warps** & **Layer Styles** you need to apply  <span style="FONT-FAMILY: 'Times New Roman', Times, serif"> <span style="FONT-FAMILY: 'Times New Roman', Times, serif">__ Layer __ __Warping__ __Layer Style__   <span style="FONT-FAMILY: 'Times New Roman', Times, serif"> <span style="FONT-FAMILY: 'Times New Roman', Times, serif">1: Arc Drop Shadow (black) <span style="FONT-FAMILY: 'Times New Roman', Times, serif">2: Arc Lower Inner Shadow (red) <span style="FONT-FAMILY: 'Times New Roman', Times, serif">3:  Arc Upper Outer Glow (yellow) <span style="FONT-FAMILY: 'Times New Roman', Times, serif">4: Bulge Inner Glow (green) <span style="FONT-FAMILY: 'Times New Roman', Times, serif">5: Flag Bevel & Emboss (orange) <span style="FONT-FAMILY: 'Times New Roman', Times, serif">6: Squeeze Gradient Overlay(your choice), Stroke (black) <span style="FONT-FAMILY: 'Times New Roman', Times, serif">7: Fish eye Drop Shadow (black), Pattern Overlay (bubbles), Stroke (black ). You can now manipulat text better in photoshop!
 * 1) ** <span style="FONT-FAMILY: 'Times New Roman', Times, serif">File - New  **
 * 2) <span style="FONT-FAMILY: 'Times New Roman', Times, serif">**Create a TEXT layer – type in your first name. **
 * <span style="FONT-FAMILY: 'Times New Roman', Times, serif">Font: GOUDY STOUT **
 * <span style="FONT-FAMILY: 'Times New Roman', Times, serif">Size: 72 **
 * 1) <span style="FONT-FAMILY: 'Times New Roman', Times, serif">**Duplicate the Layer 7 times**.
 * 2)  <span style="FONT-FAMILY: 'Times New Roman', Times, serif">Go to **Image** – **Canvas Size** – **Change Height to 20**
 * 3)  <span style="FONT-FAMILY: 'Times New Roman', Times, serif">Now on your canvas, separate each layer so that you can see your name seven times.
 * 4)  <span style="FONT-FAMILY: 'Times New Roman', Times, serif">Now click on the top layer in the layer window to activate it.
 * 5)  <span style="FONT-FAMILY: 'Times New Roman', Times, serif">Next click on **Text Warp – Arc.**
 * 6)  <span style="FONT-FAMILY: 'Times New Roman', Times, serif">Next click on **Layer – Layer Styles – Drop Shadow.**
 * 7)  <span style="FONT-FAMILY: 'Times New Roman', Times, serif">Now follow the same sequence and apply the warps and layer styles as indicated below!
 * 8)  <span style="FONT-FAMILY: 'Times New Roman', Times, serif">You will have different warps and styles on each name.

=** Photoshop TEXT GRAFFITI Project. **=
 * MULTIMEDIA - **** Mr. Nielsen **

**DIRECTIONS**: This assignment will allow students to work with the TEXT modifications Photoshop has for altering text. Through completing this project, you will become more aware of the various text alterings that can be used to alter and enhance digital images. Additionally, students will demonstrate understanding of the layers window (naming layers and duplicated layers) when completing this project. **PHOTOSHOP TOOLS** you will use: Layer styles (outer glow, stroke, drop shadow) Edit – Transform – Distort Smudge Tool   Edit – Transform – Warp Free transform Text Warp (arc, squeeze,etc) Opacity **STEP-BY-STEP** Procedures. You need to choose six words from the word bank below: THINK | LEARN | COPE | TRUST | RESPECT | LOVE | CARE | SHARE | EMBRACE | CHANGE AGREE | ENVISION | STRENGTH | POWER | ** Basic Steps for graffiti. **
 * 1) ** File – Open – “Brick_Wall” **
 * 2)  Duplicate the layer.
 * 3) **Create Graffiti on this brick wall. You must have six words (six text layers.) **
 * 1) ** Type in your word.  **Choose a font style that you like.
 * 2)  Create an “Outer Glow” **in the color of your choice. //Layer – Layer Style – Outer Glow.//**
 * 3)  Use the Smudge Tool. **Use the tool to smudge the ends of the letters with a small brush size.**
 * 4)  Create a “Stroke” **in the color of your choice. //Layer – Layer Style – Stroke//**
 * 5)  Use Stylize Filters**. Wind, etc**
 * 6)  Transform the shape of the word. //Edit – Transform – Warp or Distort.//
 * 7)  Reduce the Opacity level to 70.
 * 8)  Move the word to a desired location on the brick wall.
 * 9)  Repeat the steps for the next word!

= Photoshop PLACE  = DIRECTIONS: This is an activity that you will be doing with **Adobe Photoshop **using it as a graphic design tool. The project you will be working with is called PLACE YOURSELF (or OBJECT) design. A “PLACE YOURSELF” Design is taking two photographs and making an object from one photograph appear to be a part of the original picture. ** HOW – TO First you need two images from the internet(google images). Think of your favorite team, find an image of the stadium or arena, and then of your favorite player or the team's coach.**
 * MULTIMEDIA - Mr. Nielsen**
 * 1)  First open Photoshop. Then go to, File-Open, **and open the** “Stadium” **image.**
 * 2)  Second, duplicate that layer. Layer – Duplicate Layer.
 * 3)  Third, go to File – Place **and choose the background picture you want to place.**
 * 4)  Then, go to File - Place, and place the second image (player or coach image) you want to place. **This is the object you would like to include or “PLACE” into the background picture.**
 * 5) Resize the second image to the appropriate size. Edit – Free Transform.
 * 6)  Delete the outside of the second image (or all unnecessary parts) by using the eraser. The goal is to kepp only the player or coach, not the background behind. Remember to use different brush sizes (eraser sizes) on your options bar to get it PERFECT!
 * 7)  The eraser is on the TOOLS window. It will ask to Rastersize**, click** YES or OK.
 * 8)  Erase all parts except for the coach. (no player behind him or background of that picture is to be seen.)
 * 9)  Finally, create a new text layer by selecting the “T” tool. Type in the name of your team in white letters with your choosing of font.
 * 10)  You are done! FILE – SAVE AS (save in your network drive – NOT in my documents!) **name it “PLACE”**

**MULTIMEDIA - Mr. Nielsen** = Photoshop “COLOR on BLACK&WHITE”  =

DIRECTIONS: This is an activity that you will be doing with **Adobe Photoshop **using it as a graphic design tool. The second project you will be working on is using only one image. On this image you will make the main object have color and the background //desaturated// or otherwise Black & White. This is a basic technique that can effectively enhance your images.**

First, get an image of your favorite animal, reptile, etc from Google Images.

HOW – TO:
 * 1)  First, File-Open, **and open an image file of your choice from the Color Folder. There are different images of various animals, just one. **Homework drive – Je. Nielsen – Multimedia.
 * 2)  Second, duplicate that layer. Layer – Duplicate Layer.
 * 3)  Third, duplicate the background layer again.
 * 4)  Next, click on the layer title “Background Copy.”
 * 5)  Then, go to Image – Adjusments – Desaturate**. This will turn the image black and white. To check this happened, click to remove the visibility of the top layer (background copy 2). Then click the visibility back on.**
 * 6)  Now the hard part. Click on the layer titled “Background Copy 2.”
 * 7)  Using the Quick Selection tool **or “**Magic Wond**,” you need to select the image you want to keep in color. The animal on your picture. This needs to be close to perfect! (See hint)**
 * 8)  HINT!! You will need to alter your brush size on your options bar while doing this to pinpoint your selections. Also, you will have to take selections away by selecting the negative wond on the options bar.
 * 9)  Once you have selected your object you need to delete the background. Go to Select – Inverse – press delete on your keyboard – Go to Select – Deselect.
 * 10)  Finally, you should see your main object with color and the background is desaturated. You may want to alter the brightness/contrast or your color image to make it stand out a bit more. Go to Image – Adjustments - brightness/contrast.
 * 11)  You are done! FILE – SAVE AS (save in your network drive – NOT in my documents!) **name it “COLOR-B&W”**


 * You should now be able to take any image in Photoshop and turn parts of it black and white while other parts remain in color!**

**MULTIMEDIA** - ** Mr. Nielsen ** = Photoshop "OUT OF BOUNDS" = = = = = **DIRECTIONS: This is an activity that you will be doing with** Adobe Photoshop **using it as a graphic design tool. The project you will be working with is called an “**OUT OF BOUNDS” **design. An “Out of Bounds” Design is taking a photograph and editing it beyond its natural state making it look 3-D. For example, think of an image of a water faucet. We want the faucet to extend out of the picture - like it is coming out of the image.** Go to [|www.worth1000.com] and take a quick peek at out-of-bounds examples from their galleries section. HOW – TO
 * 1)  First, File-Open, **and choose the image file you want to use (ask teacher for direction to the correct image file)**
 * 2)  Then, Duplicate the layer 2 times. Layer – Duplicate Layer.
 * 3) You should now have three layers in your layer window. ** Make the first layer invisible by removing the eye visibility **(click on the eye on first or bottom layer).
 * 4)  Select the top layer, it is titled Background copy 2.
 * 5)  Use the magic wand or “Quick Selection tool **and select the object you want to appear in 3D.**
 * 6)  Now you need to delete everything but the object. Go to Select – Inverse **and then press** Delete on your keyboard.
 * 7)  Now get rid of the scrolling marquee - DeSelect it be going to Select – Deselect.
 * 8)  You now have cut out the object.
 * 9)  Click on the middle layer in your layers window.
 * 10)  On this layer, you need to alter the image so it looks like it is laying down, titled back, angled sideways, etc.
 * 11)  You will need to go to Edit- Transform to do this. C**hoose** DISTORT, SKEW or WARP. **Now make the shape of the picture appear to be laying down, angled sideways, slanted or titled back. Think of what would look best for your image. For the water faucet example, I would angle the image sideways with the goal having the faucet protrude out.**
 * 12)  Now, add a Stroke **around the picture on this layer for better effect. Go to** Layer-Layer Style **to open the layer styles panel.**
 * 13)  In this panel, click on Stroke**. Make the stroke wide enough to see and choose** White **for the color.**
 * 14)  Now add a Drop Shadow **in the Layer Styles Panel. Click on** Drop Shadow. You will need to change the settings here.
 * 15)  Change “Multiply” to “Normal”. Increase the Opacity **to 85/90%. Increase the** Distance, Spread and Size as needed.** You can even change the direction of the shadow with the circle (360 degree) dial. Make the stroke color** Black.
 * 16)  **Now make both layers visible. Move and resize as needed.**
 * 17)  **SAVE in your network drive.**
 * Check out Worth 1000 for examples of this in their galleries.**

=**Photoshop “SIGNS” Project.**=
 * MULTIMEDIA - Mr. Nielsen**

DIRECTIONS**: This assignment will allow students to work with the TEXT modifications Photoshop has for altering text. Through completing this project, you will become more aware of the various text alterings that can be used to alter and enhance digital images. Additionally, students will demonstrate understanding of the layers window (naming layers and duplicated layers) when completing this project. ** __ YOU NEED TO DO 4 EXAMPLES. __ 1 “medium level” billboard sign (ex. Any interstate billboard sign) 1 “difficult level” mutli-sign (ex. Gas station sign) ** =__ TOOLS you will use: __= Text Warp (arc, squeeze,etc) - Clone Stamp Free Transform - Opacity - Eye Dropper __ STEP-BY-STEP Procedures __. // This must be appropriate. Any questionable text will be sent to administration for disciplinary action. //
 * 2 “easy level” road signs (ex. change speed limit sign from 55 to 95)
 * 1) Find four images of signs to use on the internet (two easy road signs, one billboard and one hard sign) and SAVE them to your network drive.
 * 2)  Work on each image in its own window.
 * 3)  First, select the CLONE STAMP tool **and stamp the sign. You are basically erasing the words on the sign by doing this step. The clone stamp copies color of a pixel to another area. Clone stamp over any area you want to erase.**
 * 4)  Second, click your TEXT Tool **and type your new sign text in place of the old text.**
 * 1)  Make sure you change the FONT style, size and color.
 * 2)  For **COLOR. **You want to replicate the exact color of the text. Use the “**Eye Dropper” tool** – you select the text, then select the eye dropper tool from your tools bar, finally using the place the eyedropper tool over an existing color and click. This will turn your text that very same color and give it a more realistic look.
 * 3) **IF –** you are inserting an image, make sure it is the appropriate color. Use **Image – Adjustments – Colors** to get desired color.
 * 4) **Repeat steps for next picture.**
 * __ SAVE each example as “SIGN 1-name-pd8/9” “SIGN 2 – name”, “SIGN 3-name” & SIGN 4 – name” __**
 * BE CREATIVE – MAKE YOUR SIGNS HUMOROUS (school appropriate of course!) **

**DIRECTIONS**: This assignment will allow students to work with a FREE web-based application called PICNIK. Picnik.com is for digital photography & images. The objective is for you to utilize this site, expose you to its many features and functions and then compare it with Photoshop on the wiki. **Here is your assignment:** Image #1: **Edit Tab**: __Crop__ the image. Make it a rectangle. **Create Tab**: __Effect__. Apply an effect of your choice to the image. __Frame__. Apply a **Border** to the image. **Save and Share: **__Save image.__ Image #2: (Face pic with red-eye) **Edit Tab**: __Crop__ the image. Make it a square with the persons face. __Red-Eye__ the image. Remove the red-eye in the image. **Create Tab**: __Effect__. Apply an effect of your choice to the image. __Frame__. Apply a **Polaroid** frame of your choice to the image. **Save and Share: **__Save image.__ I mage #3: **Edit Tab**: __Sharpen__ the image. Make it sharper. **Create Tab**: __Effect__. Apply a different effect of your choice to the image. __Frame__. Apply a frame of your choice to the image. __Text. __Apply text to the image – 1-3 words. **Save and Share: **__Save image.__ Image #4: **Edit Tab**: __Sharpen__ the image. Make it sharper. __Color__ the image. Increase the temperature. **Create Tab**: __Effect__. Apply a different effect of your choice to the image. __Frame__. Apply a **Museum Matte** frame to the image. __Text. __Apply text to the image – 1-3 words. __Shape.__ Choose a shape that fits the picture in apply it on the image. **Save and Share: **__Save image.__ Make a collage of three of these images. **Library – Start – Create Collage.**
 * MULTIMEDIA - Mr. Nielsen **
 * PICNIK.com **
 * 1) Choose four pictures (or retrieve them off the internet) and **upload** them to your Picnik account.
 * 2) You need to demonstrate use certain tools on each picture.
 * Picnik Follow-up questions: **
 * 1) ** What does Sharpen do? **
 * 2) ** What happens when you increase the “color temperature?” **
 * 3) ** List three of your favorite __effects__ and explain what they do to the image? **
 * 4) ** Which two “__frame__” options do you like best?  **
 * 5) ** Picnik is FREE, you can use this at home if you have internet. Pretend you are going to use this, what would you use it for? (ex. Altering images for My Space, alter images for a slide show, etc). **
 * Wiki question - posted on wiki discussion page. **
 * 1) **  Picnik vs. Photoshop. Compare these two applications. Explain to advantages and disadvantages of each. **