Table of Contents




Summative Collage

Clean up Your Wiki Page

May 15-31, 2012

  • Put Cast Shadows aside for the moment. We'll return to it when we're done with Summative Collages
  • Open a new Photoshop canvas sized 16x20 inches.
    • Call it 'Summative Collage' with your name appended
    • Add 14 layers, one for each image that will be in the collage
layers.gif
    • Duplicate the background. Call it "Collage Background". Use the background tools we practiced this trimester
      • paint bucket fill
      • gradient
      • style
      • render clouds
      Go to each layer and add the image you created this trimester that fits it
    • Go to Text layer and add big bold text of your attitude. Make sure it's at the top.
    • Go to the Your Head layer
      • crop your head out of your school picture
      • add just that floating head to the summative collage layer--big enough to see. You might have to enlarge with Free Transform. Drag it toward the top so it overlays other layers
  • Arrange each image on its layer so it shows through to the full collage as you want it to. Remember: You must be on the layer to format/adjust the layer's image
  • Add a final layer discussing your attitude--a couple sentences of text that stand out reflecting what you understand about your attitude through this class (using images, Photoshop) that you didn't get from other medium.
  • Save your summative collage as both as a psd and a jpg (make jpg less than 1 MB) in your file folder. Upload it to the class dropbox
  • Print jpg using BlockPosters.com. This is a student-directed activity--read the directions and see how to print correctly. Don't print full size--print so it spreads over 2-4 pages.
  • Tape together and turn in
  • Add your collage to your wiki page with a reflection (it can be the same as the one you put on the collage) and to the Summative Collage class page
  • Done? Check your wiki and be sure it's a representative portfolio of your work
    • each project has an example
    • each project has a reflection
    • there's a Table of Contents with all projects listed
    • extraneous material is deleted from the wiki page
  • Done? Add your projects to class wiki pages that discuss your topic. For example, add your clone project to wiki's clone page.
  • Visit our class internet start page for websites
    • Create a seal
    • Big Huge Labs
    • Andy Warholize your pictures
    • ASCII art
    • more Photoshop skills
    • add widgets to your wiki page from Getting Tricky With Wikis


Cast Shadows

Drop Shadows

ZimmerTwins Presentation

May 8th, 10th

See below for details of Cast shadows.
Done? Try the Drop shadows.
Thursday: Presentation by ZimmerTwins group


QR Codes Presentation

Cast Shadows

Drop Shadows

May 3st, 2012

Use your class picture
  • Crop your head out of your class picture
  • Find a picture of a person that says your attitude--a sports player, a professional, an animal even
  • Crop that image out so there is no background (see my barrister below)
  • Add your head to the cropped person/animal
  • add a shadow at your feet of your alter ego.
  • Here's a video of how to merge the two images

  • Here's another video on creating cast shadows

...and one more

  • A few adjustments:
    • Open the image of you on a body
    • Open the image of your alter ego
    • Crop both so they have no background and drag-drop them onto a new canvas
    • They will be on their own layers. Name one layer with your name. Name the other layer 'alter ego'
    • Turn the alter ego into the shadow--not you
  • A note: Curves is under Image>Adjustments>Curves
  • Since we haven't learned Masks, you can stop watching when he gets to that step
  • You now have a cast shadow of your alter ego behind your picture, like this:
cast_shadow--murray.jpgcast_lion.jpg

Be creative.
Create a button with a drop shadow following these instructions

...and one
Create a drop-shadow for an image
On your wiki, I want to see:
  • you with a cast shadow of your alter ego
  • a button with a drop shadow


Actions

May 1st, 2012

Try some of the Actions:
  • Spatter frame
  • spatter.gifbrushed_alum.gifquad.gif
Create a cast shadow for your class picture


Jing Group

Layer Styles

April 26th, 2012
Layer styles
  • crop your picture
  • experiment with layer styles on toolbar

layer_styles.gif




Hue/Saturation

April 24, 2012

There are two projects today:
  • hue/saturation
  • change car color
Here's what you do for Hue/Saturation
  • Copy-paste a picture that shares your thoughts about your attitude
  • tree-murray.jpg
  • On the menu bar, choose Image-Adjustments-Hue/saturation
  • In the dialog box, drag the Hue, Saturation, Lightness sliders left or right until it is the color you want (I picked b&w).

  • tree_murray_H&S.png
  • Click OK on dialogue box to finish.
  • Set the History Brush (from last lesson) to sample the original picture and paint over areas you want to stand out
  • tree_murray_painted_h&s.jpg
  • b&w.jpg
  • b&w_with_color.jpg
  • Add before/after to your wiki.

Project: Car Color

Google your favorite car and use Hue-Saturation to change the color.
  • Copy-paste a picture of your favorite care into PS from Google images
  • Use Hue/saturation to change the car's color
  • Use history brush to paint the rest of the picture back to the original color (windshields, rims, license plate, bumpers, lights, etc.).
Put both pictures in your wiki so I can see the difference
car--murray.gif



car--after--murray_copy.jpg

Filters

Voki Group

April 10th, 12th, 2012

  • Find a picture on Google images that says your attitude. Open it in Photoshop (copy-paste or save and Open-new). Try different Filters. Take a snapshot of those you like
filter.jpg
    • Now select a new picture from Google images that communicates the attitude you selected for your summative collage. Select detail with the marquee tool from this picture and filter just the detail or the inverse of the detail. I've selected one of the elephants in this picture and filtered around it. Where have you seen this skill used in magazines and print media?
    • Filtered_Elephant.jpg ||
    • Filter out TWO parts of the image you selected with TWO different filters Use either the history brush or the selection tool. Add text to explain how your editing enhanced the message of your attitude.
    • Add partly-filtered image to your wiki page. Call it 'filters'.
    • paint_daubs.jpg
    • Reflect on it
      • how does filtering part of the image change the picture?
      • how might you use this in other classes?
      • was this difficult?
      • where have you seen this in print media or on the internet
  • Art history brush--practice with the art history brush


Cropping

April 3rd, 5th, 2012

Three types of cropping--
  • Marquis (box)
  • Lasso (and magnetic lasso)
  • Magic wand
Be sure to use the top toolbar to fine tune the tool, i.e.,
how_to_magic_wand.png
how_to_magic_wand.png

  • Practice all three on a picture that follows your selected IB attitude
Two required pictures:
1. Your picture on a background that support the IB attitude you've picked as a theme (this will be part of the Summative Collage)
  • crop yourself out with lasso or magic wand
  • drag and drop onto a background
  • resize using free transform
me_around_the_world_copy.jpgMe_at_waterfall.jpg
Me_at_bridge_copy.jpg
2. Your head on a SMAA-appropriate body (see examples below) that support your IB attitude
  • Use your classroom picture
  • crop just your head
  • put it onto an
    • animal
    • flower
    • anything that ties into your selected attitude and shows you understand this skill
  • crop using lasso or magic wand or combination
    • select the picture you will add yourself to
    • drag-and-drop onto picture
    • resize/cant to fit location (make sure it covers the original picture using free transform)
mason.jpgWright.gif
falling-off-building-Luke-K.jpgadam-klauer.jpg

  • use 'free transform' to make it fit better (edit-free transform)
  • Use 'opacity' to make the background show through a bit (on the image layer's tool box)
  • save to your wiki page using Heading 1 as 'Cropping'
  • reflect on this project, its uses, difficulty, where you've seen it don

Backgrounds

March 29, 2012
external image MSZvPTNlMDIwY2ZiNWM4NTRjMzc5YTJkMzU4MjdhMjgwYzQzJm9mPTA=.gif
We will create 4 different backgrounds:
  • 1. Background--foreground color
    • Open a new canvas. Make it 4 by 4
    • add a layer. Name it 'paint bucket'
    • Select the paint bucket
    • Pour a color for the background. It will match the foreground color on your pallet.
    • Add another layer. Name it 'pattern'
    • Change the top tool selection to pattern and pour a pattern
  • 2. Gradient
    • Add a new layer. Name it 'gradient'
    • Change the paint bucket to gradient
    • Pick your gradient tool as follows:
    • ps_gradiant.png
      ps_gradiant.png
    • Drag mouse across screen and create a gradient background
  • 3. Style tools
    • Open a new layer. Name it 'style'
    • check right side and be sure the new layer is selected
    • double click and rename it 'styles'
    • Select the paint bucket (under the gradient tool)
    • Select a style
    • Pour the 'style' with the paint bucket
    • change the style by selecting a new one
  • 4. Render Clouds
    • pick two colors for your clouds
    • Filter>render>clouds
    Create a drawing showing all of your backgrounds
    • Use the marquee tool to drill holes in each layer to show the layer beneath it
    • Check to be sure you're on the correct layer as you're drilling. For lower layers, you'll have to drill through multiple layers to find the lower layer
    • label each 'hole' to a lower layer with the text tool (see sample below)
  • Go to 'Custom Shapes' (under the rectangle tool)
    • Add some to your project--any you like
    • Recolor them by selecting a style that goes with them
  • layers-shapes-text.png
  • Background_Alexa_copy.jpg
  • paste a screen shot into your wiki. Heading 1 should be 'Backgrounds'.
  • **More on Styles:**


Photoshop Intro

March 27th, 2012

  • Why Photoshop
  • What's it's reach
  • Open Photoshop
  • Tour opening screen--toolbars, etc.
  • Review the workspace. Here's an article on Photoshop basics
  • Watch 5 minutes of this video. Do the rest as homework.
  • Open a new canvas. Notice
    • new image dialogue box
    • inches vs. pixels
    • size of image
    • title box
    • tool bars
    • history box
    • Navigator
    • Channel
    • foreground/background color
  • create a new image. Look at the 'new image' dialogue
new_ps.png
  • add a title--Paint; make sure it includes your name
      • make the width/height 4x5 (change pixels to inches)
      • notice the image size
      • change background contents to 'background color'
      • leave the rest for now
      • if you have an image in your clipboard, it'll size for the clipboard contents
  • Know how to reset workspace to default in case you close toolbars
  • know how to de-maximize canvas so it doesn't cover entire workspace
  • review layout of left sidebar
    • see how top tools change as you select a tool?
    • use paint brush tool--dot in corner shows different types of brushes. Select 'paint brush'
    • Notice how top toolbar changes with each tool selected in left sidebar toolbar
      • select brush size 20 from top toolbar
      • select a traditional brush first, then others from brush choices
      • leave 'opacity' and 'flow' for later
      • draw a picture of your Summative II attitude
      • change brush and change foreground color
      • add brushes (little arrow by brush dialogue) and append list
      • see how the paint brush color matches the foreground color
      • go to Navigator--enlarge and delarge
      • go to Channel---hide some of the channels
      • go to history--go back in time
  • Finish Paint project of your IB attitude
    • 5 colors
    • 5 brushes
  • use text tool to add a title
    • change font
    • change size
    • shape if you want
    • use Styles for creative color (on right side, tab)
    • be sure you're in the Text layer for this to work
  • Save image as a jpg. Notice how PS saves (jpg, psd, tiff, etc)
  • brush_use.jpg

  • Paint_by_Michaelle_copy.jpg
  • Paste into wiki
    • Add reflection--was this difficult? Do you like all the options available? Could you do this in KidPix/Paint, as well?

MS Word Graphic Editing

March 22, 2012

Today:
  • MS Word Skills
    • Open a Word doc
    • Add your name at the top of the document with correct 8th grade heading
    • copy-paste one of the row images below into the Word doc
row-of-dogs.jpg

row_of_cats.jpg

209.gif

AnimatedDucksGIF.gif
    • go to 'Picture Tools' at the top, center of your Word page.
    • Copy-paste the image so you have as many copies of the original as figures in the row graphic. This will allow you to crop out each little image as a stand-alone.
    • Crop each image so it's separate
    • Adjust picture with
      • artistic effects
      • change color
    • Adjust picture styles
      • pick a style
      • add an effect
      • add a border
    • cant the figure to a different angle (drag the green dot at the top of the image to the angle you'd like)
    • Take a screen shot of the completed page and upload to your wiki page with a reflection on MS Word photo editing tools, how you might use them, how easy/difficult they are. Remember to add Heading 1 so I see it in the Table of Contents
  • Questions? Check out the MS Word-Image Edit page in the left sidebar
    • Here're two samples:
    • word_image_formatting.png
row.gif

  • Due: Friday after the break at noon.

Tagxedo

March 20th, 2012

  • Create a Tagxedo using 50 words that tell me about the IB attitude you've selected.
    • Insert tagxedo into your wiki by using Tagxedo's 'share' button and the wiki's embed function. This will make the tagxedo interactive as you see above.
    • Add a 3-5 sentence reflection
Be sure to check Discussion Tab on your wiki page to see if I have comments/suggestions for you or if your classmates have visited your page

  • Grades out Friday for your
    • TofC added to your wiki page
    • avatar with reflection
    • Tagxedo with reflection



Prepare Wiki

Avatar

March 15th, 2012
  • Review IB attitude selections
  • Review teams and presentation dates
  • Finish scavenger hunt; print
  • Add your student page to wiki using the Student Template
    • add tag T3 Class
  • Add a Table of Contents using these directions
  • Link your name on 'Student Pages' to your personal wiki page
  • Add this wiki to Schoology for easy access
  • Done? Create an avatar using
  • avatar6.gif
  • Add your avatar to your wikipage with a heading (formatted in Heading 1 so it appears in the Table of Contents)
    • Save it using PrintKey 2000 (make sure to have your name in the filename)
    • Put avatar on your personal wiki page
    • Heading 1 is 'My Avatar'
    • Add a reflection about:
      • feedback on this project
      • why you use an avatar rather than your picture
      • how it affects the world/your life/other classes or how the world/your life/other classes affect this project idea
    • This is a model on how each of your projects will be added to the wiki





Intro to Photoshop

March 13th, 2012

  • Introduction to me
  • Intro to class
  • All the projects we do will go into the Summative Collage so take care of them. If you miss a project, make it up.
  • Start each class here so you can see what we're going to do. This is
  • Read about a wiki on the home page
  • Join Wikispaces. Join 8thGradePhotoshop wiki.
  • Fill out this Scavenger Hunt with details from the wiki (see file below; open and save to your file folder; complete all steps). You may work with your neighbor, but I want a completed sheet from each of you.
  • scavenger_hunt_8th_gr.gif
  • If you haven't selected the Summative You Teach team or your IB Attitude theme by March 22nd, I'll assign.

Summative Collage -- Clean up Your Wiki Page

February 16th-March 6th, 2012

  • Open a new Photoshop canvas sized 16x20 inches.
    • Call it 'Summative Collage' with your name appended
    • Duplicate the background. Call it "Collage Background". Use the background tools we practiced this trimester
      • paint bucket fill
      • gradient
      • style
      • render clouds
    • Add a layer for each image that will be in the collage (also a Scratch layer--forgot it on this image)
    • PS_collage_layers.jpeg


    • Go to the Tagxedo layer and add the Tagxedo you finished
    • Go to Text layer and add big bold text of your attitude. Drag it to the top.
    • Go to Paint Picture layer and add the Paint drawing you did this trimester
    • Go to the Your Head layer
      • crop your head out of your school picture
      • add just that floating head to the summative collage layer--big enough to see. You might have to enlarge with Free Transform. Drag it toward the top so it overlays other layers
    • Go to Avatar layer and add the avatar you created earlier this trimester
    • Go to Voki layer and add the Voki you created this trimester.
    • Go to the Clone Layer and add the clone picture from this trimester
    • Go to the filter layer and add the filter picture you created in class
    • Go to Crop Layer and add an image showing cropping and your attitude
  • Arrange each image on its layer so it shows through to the full collage as you want it to. Remember: You must be on the layer to format/adjust the layer's image
  • Add a final layer discussing your attitude--a couple sentences of text that stand out
  • Save your summative collage as both as a psd and a jpg (make jpg less than 1 MB) in your file folder. Upload it to the class dropbox
  • Print jpg using BlockPosters.com. Don't print full size--print so it spreads over 2-4 pages.
  • Tape together and turn in
  • Add your collage to your wiki page with a reflection (it can be the same as the one you put on the collage) and to the Summative Collage class page
  • Done? Check your wiki and be sure it's a representative portfolio of your work
    • each project has an example
    • each project has a reflection
    • there's a Table of Contents with all projects listed
    • extraneous material is deleted from the wiki page
  • Done? Add your projects to class wiki pages that discuss your topic. For example, add your clone project to wiki's clone page.
  • Visit our class internet start page for websites
    • Create a seal
    • Big Huge Labs
    • Andy Warholize your pictures
    • ASCII art
    • more Photoshop skills
    • add widgets to your wiki page from Getting Tricky With Wikis


Cast Shadows

Drop Shadows

Feb. 9th-16th

Create a cast shadow for your class picture
Use your class picture
  • Crop your head out of your class picture
  • Find a picture of a person that says your attitude--a sports player, a professional, an animal even
  • Crop that image out so there is no background (see my barrister below)
  • Add your head to the cropped person/animal
  • add a shadow at your feet of your alter ego.
  • Here's a video of how to merge the two images
  • A few adjustments:
    • Open the image of you on a body
    • Open the image of your alter ego
    • Crop both so they have no background and drag-drop them onto a new canvas
    • They will be on their own layers. Name one layer with your name. Name the other layer 'alter ego'
    • Turn the alter ego into the shadow--not you
  • A note: Curves is under Image>Adjustments>Curves
  • Since we haven't learned Masks, you can stop watching when he gets to that step
  • You now have a cast shadow of your alter ego behind your picture, like this:
cast_shadow--murray.jpgcast_lion.jpg

Be creative.
Create a button with a drop shadow following these instructions
Create a drop-shadow for an image
On your wiki, I want to see:
  • you with a cast shadow of your alter ego
  • a button with a drop shadow


Hue/Saturation

Feb. 7, 9th, 2012

There are two projects today:
  • hue/saturation
  • change car color
Here's what you do for Hue/Saturation
  • Copy-paste a picture that shares your thoughts about your attitude
  • tree-murray.jpg
  • On the menu bar, choose Image-Adjustments-Hue/saturation
  • In the dialog box, drag the Hue, Saturation, Lightness sliders left or right until it is the color you want (I picked b&w).

  • tree_murray_H&S.png
  • Click OK on dialogue box to finish.
  • Set the History Brush (from last lesson) to sample the original picture and paint over areas you want to stand out
  • tree_murray_painted_h&s.jpg
  • Add before/after to your wiki.

Project: Car Color

Google your favorite car and use Hue-Saturation to change the color.
  • Copy-paste a picture of your favorite care into PS from Google images
  • Use Hue/saturation to change the car's color
  • Use history brush to paint the rest of the picture back to the original color (windshields, rims, license plate, bumpers, lights, etc.).
Put both pictures in your wiki so I can see the difference
car--murray.gif



car--after--murray_copy.jpg


Filters

GettingTrickyWithWikis Group

January 31st, Feb. 2nd, 2012
  • show how to edit Glogster widget so it fits on Wiki page
  • Find a picture on Google images that says your attitude. Open it in Photoshop (copy-paste or save and Open-new)
    • || 3A5C4BAA.jpg

      Try different Filters. Take a snapshot of those you like
filter.jpg
    • Now select a new picture from Google images that communicates the attitude you selected for your summative collage. Select detail with the marquee tool from this picture and filter just the detail or the inverse of the detail. I've selected one of the elephants in this picture and filtered around it. Where have you seen this skill used in magazines and print media?
    • Filtered_Elephant.jpg ||
    • Filter out TWO parts of the image you selected with TWO different filters Use either the history brush or the selection tool. Add text to explain how your editing enhanced the message of your attitude.
    • Add partly-filtered image to your wiki page. Call it 'filters'.
    • paint_daubs.jpg
    • Reflect on it
      • how does filtering part of the image change the picture?
      • how might you use this in other classes?
      • was this difficult?
      • where have you seen this in print media or on the internet?


Cloning

Glogster

January 24th-26th, 2012

Make a poster using Glogster about your attitude

Cloning:
  • Using the clone tool, we can start with a picture of flowers
  • Daisies.jpg

  • Use Alt to set your anchor point
  • Paint with your mouse to add more flowers
Daisies--cloned.jpg
  • Or pick the flowers

Daisies--removed.jpg
  • Or clone from one picture
  • Polar_Bears_by_Sub.jpg
  • to another
  • polar_bears.jpg
  • Now practice your cloning skills with a picture of your attitude. Show me the original (upload to your wiki page) and show me how you cloned it to express your attitude (upload the edited picture to your page). Reflect on how your changes conveyed your thoughts about your attitude.
For example, clone a third penguin in and show cooperation (in this case, I cloned it OUT and had the original show cooperation):
penguins-1.gif
penguins.gif


Cropping

January 19th, 21st, 2012

Three types of cropping--
  • Marquis (box)
  • Lasso (and magnetic lasso)
  • Magic wand
Be sure to use the top toolbar to fine tune the tool, i.e.,
how_to_magic_wand.png
how_to_magic_wand.png

  • Practice all three on a picture that follows your selected IB attitude
Two required pictures:
1. Your picture on a background that support the IB attitude you've picked as a theme (this will be part of the Summative Collage)
  • crop yourself out with lasso or magic wand
  • drag and drop onto a background
  • resize using free transform
me_around_the_world_copy.jpgMe_at_waterfall.jpg
Me_at_bridge_copy.jpg
2. Your head on a SMAA-appropriate body (see examples below) that support your IB attitude
  • Use your classroom picture
  • crop just your head
  • put it onto an
    • animal
    • flower
    • anything that ties into your selected attitude and shows you understand this skill
  • crop using lasso or magic wand or combination
    • select the picture you will add yourself to
    • drag-and-drop onto picture
    • resize/cant to fit location (make sure it covers the original picture using free transform)
mason.jpgWright.gif
falling-off-building-Luke-K.jpgadam-klauer.jpg
mt_rushmore_and_me.jpg
mt_rushmore_and_me.jpg

  • use 'free transform' to make it fit better (edit-free transform)
  • Use 'opacity' to make the background show through a bit (on the image layer's tool box)
  • save to your wiki page using Heading 1 as 'Cropping'
  • reflect on this project, its uses, difficulty, where you've seen it don

Monkey Mail





Voki


Backgrounds

January 11th, 2012
  • 3. Style tools
    • Open a new layer. Name it 'style'
    • check right side and be sure the new layer is selected
    • double click and rename it 'styles'
    • Select the paint bucket (under the gradient tool)
    • Select a style
    • Pour the 'style' with the paint bucket
    • change the style by selecting a new one
  • 4. Render Clouds
    • pick two colors for your clouds
    • Filter>render>clouds
  • Create a drawing showing all of your backgrounds
    • Use the marquee tool to drill holes in each layer to show the layer beneath it
    • Check to be sure you're on the correct layer as you're drilling. For lower layers, you'll have to drill through multiple layers to find the lower layer
  • label each 'hole' to a lower layer with the text tool (see sample below)
  • Go to 'Custom Shapes' (under the rectangle tool)
    • Add some to your project--any you like
    • Recolor them by selecting a style that goes with them
  • layers-shapes-text.png
    • paste a screen shot into your wiki. Heading 1 should be 'Backgrounds'.
  • **More on Styles:**

Painting

Backgrounds

January 10th
  • Finish Paint project of your IB attitude
    • 5 colors
    • 5 brushes
  • use text tool to add a title
    • change font
    • change size
    • shape if you want
    • use Styles for creative color (on right side, tab)
    • be sure you're in the Text layer for this to work
  • Save image as a jpg. Notice how PS saves (jpg, psd, tiff, etc)
  • brush_use.jpg

  • Paste into wiki
    • Add reflection--was this difficult? Do you like all the options available? Could you do this in KidPix/Paint, as well?
Start Backgrounds--4 different backgrounds
  • 1. Background--foreground color
    • Open a new canvas. Make it 4 by 4
    • add a layer. Name it 'paint bucket'
    • Select the paint bucket
    • Pour a color for the background. It will match the foreground color on your pallet.
    • Add another layer. Name it 'pattern'
    • Change the top tool selection to pattern and pour a pattern
  • 2. Gradient
    • Add a new layer. Name it 'gradient'
    • Change the paint bucket to gradient
    • Pick your gradient tool as follows:
    • ps_gradiant.png
      ps_gradiant.png
    • Drag mouse across screen and create a gradient background
Next class: Voki team


Poll Daddy

Photoshop Intro

January 5th
  • Poll Daddy team presents
Photoshop Intro
  • Why Photoshop
  • What's it's reach
  • Open Photoshop
  • Tour opening screen--toolbars, etc.
  • Review the workspace. Here's an article on Photoshop basics
  • Watch 5 minutes of this video. Do the rest as homework.
  • Open a new canvas. Notice
    • new image dialogue box
    • inches vs. pixels
    • size of image
    • title box
    • tool bars
    • history box
    • Navigator
    • Channel
    • foreground/background color
  • create a new image. Look at the 'new image' dialogue
new_ps.png
  • add a title--Paint; make sure it includes your name
      • make the width/height 4x5 (change pixels to inches)
      • notice the image size
      • change background contents to 'background color'
      • leave the rest for now
      • if you have an image in your clipboard, it'll size for the clipboard contents
  • Know how to reset workspace to default in case you close toolbars
  • know how to de-maximize canvas so it doesn't cover entire workspace
  • review layout of left sidebar
    • see how top tools change as you select a tool?
    • use paint brush tool--dot in corner shows different types of brushes. Select 'paint brush'
    • Notice how top toolbar changes with each tool selected in left sidebar toolbar
      • select brush size 20 from top toolbar
      • select a traditional brush first, then others from brush choices
      • leave 'opacity' and 'flow' for later
      • draw a picture of your Summative II attitude
      • change brush and change foreground color
      • add brushes (little arrow by brush dialogue) and append list
      • see how the paint brush color matches the foreground color
      • go to Navigator--enlarge and delarge
      • go to Channel---hide some of the channels
      • go to history--go back in time
      • draw a picture of yourself (or your favorite pet or a tree in your backyard) with at least five brushes, five different colors.

MS Word Graphic Editing

January 3rd

Today:
  • MS Word Skills
    • Open a Word doc
    • Add your name at the top of the document with correct 8th grade heading
    • copy-paste one of the row images below into a Word doc
row-of-dogs.jpg

row_of_cats.jpg

209.gif

AnimatedDucksGIF.gif
    • go to 'Picture Tools' at the top, center of your Word page.
    • Copy-paste the image so you have as many copies of the original as figures in the row graphic. This will allow you to crop out each little image as a stand-alone.
    • Crop each image so it's separate
    • Adjust picture with
      • artistic effects
      • change color
    • Adjust picture styles
      • pick a style
      • add an effect
      • add a border
    • cant the figure to a different angle (drag the green dot at the top of the image to the angle you'd like)
    • Take a screen shot of the completed page and upload to your wiki page with a reflection on MS Word photo editing tools, how you might use them, how easy/difficult they are. Remember to add Heading 1 so I see it in the Table of Contents
  • Questions? Check out the MS Word-Image Edit page in the left sidebar
    • Here're two samples:
    • || word_image_formatting.png ||
      || ||
row.gif

  • Due: Friday after the break at noon.




Prepare Wiki

Avatar

December 13th, 15th
  • Review IB attitude selections
  • Review teams and presentation dates (scroll down toward bottom)--Dylan Patton--Scratch or MonkeyMail
  • Review scavenger hunt
  • Grades out Friday for your
    • wiki page,
    • TofC,
    • avatar with reflections
    • Tagxedo with reflection
  • Link your name on 'Student Pages' to your personal wiki page
  • Add this wiki to Schoology for easy access
  • Finish the Avatar
    • Save it using PrintKey 2000 (make sure it has your name in the filename)
    • Put avatar on your personal wiki page
    • Heading 1 is 'My Avatar'
    • Add a reflection about:
      • feedback on this project
      • why you use an avatar rather than your picture
      • how it affects the world/your life/other classes or how the world/your life/other classes affect this project idea
  • This is a model on how each of your projects will be added to the wiki
  • Create a Tagxedo using 50 words that tell me about the IB attitude you've selected. They must be interactive as you see below:
    • Insert tagxedo into your wiki with the embed function
    • Add a 3-5 sentence reflection
Be sure to check Discussion Tab on your wiki page to see if I have comments/suggestions for you or if your classmates have visited your page

Intro to Photoshop

November 29th, December 1st

  • Introduction to me
  • Intro to class
  • All the projects we do will go into the Summative Collage so take care of them. If you miss a project, make it up.
  • Start each class here so you can see what we're going to do. This is
  • Read about a wiki on the home page
  • Join Wikispaces. Join 8thGradePhotoshop wiki.
  • Fill out this Scavenger Hunt with details from the wiki (see file below; open and save to your file folder; complete all steps).You may work with your neighbor, but I want a completed sheet from each of you.
  • scavenger_hunt_8th_gr.gif
  • If you haven't selected the Summative You Teach team or your IB Attitude theme by Dec. 6th, I'll assign.
  • Add your student page using the Student Template
    • add tag T2 Class
  • Add a Table of Contents using these directions
  • Done? Create an avatar using
  • avatar6.gif
    avatar6.gif

    Add your avatar to your wikipage with a heading (formatted in Heading 1 so it appears in the Table of Contents)
  • Add a reflection.



brown_paw_prints.gif

Summative Collage

Clean up Your Wiki Page

November 8th-November 17th

  • Create your Tagxedo for your collage
    • use an image of your choice if you'd like--no background, simple image
    • Save your Tagxedo
  • Open a new Photoshop canvas sized 16x20 inches.
    • Call it 'Summative Collage' with your name appended
    • Add a layer for each image that will be in the collagesummative_collage.gif:

    • Go to the Tagxedo layer and add the Tagxedo you just finished
    • Go to Text layer and add big bold text of your attitude
    • Go to Paint Picture layer and add the Paint drawing you did at the start of the trimester
    • Go to the Cropped Image of Yourself layer
      • crop your head out of your school picture
      • add just that floating head to the summative collage layer--big enough to see. You might have to enlarge with Free Transform
    • Go to Avatar/voki layer and add the avatar or voki you created earlier this trimester
    • Go to the Clone Layer and add a picture that says your attitude and shows your cloning skills
    • Go to each of the three filter layers and add the three filter pictures you created in class
    • Go to Background Layer and create a background with the tools we used earlier this trimester. Make sure it fills the entire layer. Drag this layer so it's right above the background layer. The background tools are:
      • paint bucket fill
      • gradiant
      • style
  • Arrange each image on its layer so it shows through to the full collage as you want it to. Remember: You must be on the layer to format/adjust the layer's image
  • Save your summative collage as both as a psd and a jpg (make jpg less than 1 MB) in your file folder. Upload it to the class dropbox
  • Print jpg using BlockPosters.com. Don't print full size--print so it spreads over 2-4 pages.
  • Tape together and turn in
  • Done? Check your wiki and be sure it's a representative portfolio of your work
    • each project has an example
    • each project has a reflection
    • there's a Table of Contents with all projects listed
    • extraneous material is deleted from the wiki page
    Done? Visit our class internet start page for websites
    • Create a seal
    • Big Huge Labs
    • Andy Warholize your pictures
    • ASCII art
    • more Photoshop skills
    • add widgets to your wiki page from Getting Tricky With Wikis
Speed quiz





Filtering pictures

November 1, 2011

  • Find a picture on Google images that says your attitude. Open it in Photoshop (copy-paste or save and Open-new)
  • || 3A5C4BAA.jpg

    Try different Filters. Take a snapshot of those you like
filter.jpg

  • Save one for your wiki and for your Summative collage
  • Now select a new picture from Google images that communicates the attitude you selected for your summative collage. Select detail with the marquee tool from this picture and filter just the detail or the inverse of the detail. I've selected one of the elephants in this picture and filtered around it. Where have you seen this skill used in magazines and print media?
  • || Filtered_Elephant.jpg ||
    Add partly-filtered image to your wiki page (like above image or the next one). Call it 'filters'.
  • paint_daubs.jpg
  • Reflect on it
    • how does filtering part of the image change the picture?
    • how might you use this in other classes?
    • was this difficult?
    • where have you seen this in print media or on the internet?

Cloning and Decloning

Oct. 27, 2011

Cloning
  • Using the clone tool, we can start with a picture of flowers
Daisies.jpg
Daisies.jpg

Daisies.jpg

Use Alt to set your anchor point
Paint with your mouse to add more flowers
Daisies--cloned.jpg
Daisies--cloned.jpg

Daisies--cloned.jpg

Or pick the flowers
Daisies--removed.jpg
Daisies--removed.jpg

Daisies--removed.jpg

Or clone from one picture
sub_and_polar_bear_master_clone.jpg
to another

yellowstone_master3.jpg
Now practice your cloning skills with one of these pictures:

Get rid of the large middle tree (that extends to the top of the picture, or
trees.gif
trees.gif



Get rid of the middle penguin, or
penguins.gif
penguins.gif





or get rid of the poles like I've done here:
Iowa-roadnotcloned.jpg
Iowa-roadnotcloned.jpg

Iowa-roadnot.jpg
Iowa-roadnot.jpg


Move seats

Cropping

October 25, 2011

Three types of cropping--
  • Marquis (box)
  • Lasso
  • Magic wand
Be sure to use the top toolbar to fine tune the tool, i.e.,
how_to_magic_wand.png
how_to_magic_wand.png


Two required pictures:
1. Your picture on a background of your choice from Windows Wallpaper (K-4 students)
  • crop yourself out with lasso or magic wand
  • drag and drop onto a background
  • resize using free transform
me_around_the_world_copy.jpgMe_at_waterfall.jpg
2. Your head on a SMAA-appropriate body (see examples below)
  • Use your classroom picture
  • crop just your head
  • put it onto an
    • animal
    • flower
    • anything to show you understand this skill
  • crop using lasso or magic wand or combination
  • select the picture you will add yourself to
  • drag-and-drop onto picture
  • resize/cant to fit location (make sure it covers the original picture using free transform)
mason.jpgWright.gif
falling-off-building-Luke-K.jpgadam-klauer.jpg
mt_rushmore_and_me.jpg
mt_rushmore_and_me.jpg


  • use 'free transform' to make it fit better (edit-free transform)
  • Use 'opacity' to make the background show through a bit (on the image layer's tool box)
  • save to your wiki page using Heading 1 as 'Cropping'
  • reflect on this project, its uses, difficulty, where you've seen it done


Backgrounds

Paint Bucket

Styles

Patterns

Gradients

Custom Shapes

October 20, 2011

Note: Have this project submitted by noon Friday for full credit. Late: See me for partial credit
  • Background--foreground color
    • Open a new canvas. Make it 4 by 4
    • add a layer. Name it 'paint bucket'
    • Select the paint bucket
    • Pour a color for the background. It will match the foreground color on your pallet.
    • Add another layer. Name it 'pattern'
    • Change the top tool selection to pattern and pour a pattern
  • Gradient
    • Add a new layer. Name it 'gradient'
    • Change the paint bucket to gradient
    • Pick your gradient tool as follows:
    • ps_gradiant.png
      ps_gradiant.png
    • Drag mouse across screen and create a gradient background
  • Style tools
    • Open a new layer. Name it 'style'
    • check right side and be sure the new layer is selected
    • double click and rename it 'styles'
    • Select the paint bucket (under the gradient tool)
    • Select a style
    • Pour the 'style' with the paint bucket
    • change the style by selecting a new one
  • Create a drawing showing all of your backgrounds
    • Use the marquee tool to drill holes in each layer to show the layer beneath it
    • Check to be sure you're on the correct layer as you're drilling. For lower layers, you'll have to drill through multiple layers to find the lower layer
  • label each 'hole' to a lower layer with the text tool (see sample below)
  • Go to 'Custom Shapes' (under the rectangle tool)
    • Add some to your project--any you like
    • Recolor them by selecting a style that goes with them

  • layers-shapes-text.png
    • paste a screen shot into your wiki. Heading 1 should be 'Backgrounds, Styles'.
  • **More on Styles:**

Scratch

October 18th

Scratch group presents today


Auto-adjustments

Levels

October 13th

Today:
  • Autofixes
  • Levels
  • Camera
  • Layers
  1. Basic autofixes
  2. right-click on this picture; copy into Photoshop
Alaska_shoreline.jpg
Alaska_shoreline.jpg

  • use the camera under 'history' to take a picture. Double click and call the picture 'Before'
  • make auto adjustments under 'image', 'adjustments'
    • levels
    • contrast
    • color
  • use camera on bottom-right corner of history to take a picture. Call it 'After'
  • compare Before and After
  • another way to adjust a too-dark color is with levels (Ctrl+L or Image-Levels)
    • click here to go to a tutorial on it
    • Use this picture of a crow and adjust the dark background
    • After you've copied this into Photoshop, create a duplicate layer--always do this with images you are working on. You don't want to work on the background layer.
    crow--background.jpg
    • take a snapshot of your changes and compare the images
    • paste your original dark picture of the crow and your improved version into your wiki page as before/after levels


Voki

Paint

October 11th
  • Voki group presents
  • finish your paint projects. Upload a screen shot (or jpg file) to your wiki page. Reflect.
    • Was this more difficult than you expected?
    • How do you show a picture of a word--art over text?
    • What did you get out of this project?
    • Do you understand your IB attitude better
  • Done? Create a Tagxedo of your IB attitude (50 words) to use in your Summative collage. Save it to your file folder as one of the ten images you'll need.
  • Done with the Tagxedo? Create an avatar (or Voki) that evokes your IB attitude. Save a screen shot of it to your file folder as one of the ten images you'll need for the Summative collage


Paint

Text

October 6th

Here's what you do:
  • Open Photoshop
  • Here's an article on Photoshop basics
  • Open a new canvas. Notice
    • new image dialogue box
    • inches vs. pixels
    • size of image
    • title box
    • tool bars
    • history box
    • Navigator
    • Channel
    • foreground/background color
  • create a new image. Look at the 'new image' dialogue
new_ps.png
    • add a title; make sure it includes your name
      • make the width/height 4x5 (change pixels to inches)
      • notice the image size
      • change background contents to 'background color'
      • leave the rest for now
      • if you have an image in your clipboard, it'll size for the clipboard contents
  • review layout of right sidebar
  • see how top tools change as you select a tool?
  • use paint brush tool--dot in corner shows different types of brushes. Select 'paint brush'
  • Notice how top toolbar changes with each tool selected in left sidebar toolbar
    • select brush size 20 from top toolbar
    • select a traditional brush first, then others from brush choices
    • leave 'opacity' and 'flow' for later
    • draw a picture of your Summative II attitude
    • change brush and change foreground color
    • add brushes (little arrow by brush dialogue) and append list
    • see how the paint brush color matches the foreground color
    • go to Navigator--enlarge and delarge
    • go to Channel---hide some of the channels
    • go to history--go back in time
    • draw a picture of yourself (or your favorite pet or a tree in your backyard) with at least five brushes, five different colors.
    • use text tool to add a title
      • change font
      • change size
      • shape if you want
      • use Styles for creative color (on right side, tab)
      • be sure you're in the Text layer for this to work


  • Save image and notice how PS saves (jpg, psd, tiff, etc)

brush_use.jpg

  • Paste into wiki
  • Add reflection--was this difficult? Do you like all the options available? Could you do this in KidPix/Paint, as well?
  • Done? Catch up on other projects not complete (like the Tagxedo, avatar, MS Word editing)
Next week: Voki team


You Teach--Poll Daddy

Intro to Photoshop

Oct. 4th

Tuesday: We learn how to use a PollDaddy.

Tuesday/Thursday:
  1. Introduction to Photoshop
  2. Paint something in Photoshop.
  3. Add a text title
  4. Upload to your wiki page

Here's what you do:
  • Why Photoshop
  • What's it's reach
  • Open Photoshop
  • Tour opening screen--toolbars, etc.
  • Review the workspace. Here's an article on Photoshop basics
  • Watch 5 minutes of this video. Do the rest as homework.
  • Open a new canvas. Notice
    • new image dialogue box
    • inches vs. pixels
    • size of image
    • title box
    • tool bars
    • history box
    • Navigator
    • Channel
    • foreground/background color
  • create a new image. Look at the 'new image' dialogue
new_ps.png
    • add a title; make sure it includes your name
      • make the width/height 4x5 (change pixels to inches)
      • notice the image size
      • change background contents to 'background color'
      • leave the rest for now
      • if you have an image in your clipboard, it'll size for the clipboard contents

  • Know how to reset workspace to default in case you close toolbars
  • know how to de-maximize canvas so it doesn't cover entire workspace


MS Word Photo Editing

Sept. 29th

Today:
  • MS Word Skills (this project is due Friday at noon)
    • Open a Word doc
    • Add your name at the top of the document with correct 8th grade heading
    • copy-paste one of the row images below into a Word doc

row-of-dogs.jpg

row_of_cats.jpg

209.gif

AnimatedDucksGIF.gif
(I don't know if the animated ducks will work. They're just fun)
    • go to 'Picture Tools' at the top, center of your Word page.
    • Copy-paste the image so you have as many copies of the original as figures in the row graphic. This will allow you to crop out each little image as a stand-alone.
    • Crop each image so it's separate
    • Adjust picture with
      • artistic effects
      • change color
    • Adjust picture styles
      • pick a style
      • add an effect
      • add a border
    • cant the figure to a different angle (drag the green dot at the top of the image to the angle you'd like)
    • Take a screen shot of the completed page and upload to your wiki page with a reflection on MS Word photo editing tools, how you might use them, how easy/difficult they are. Remember to add Heading 1 so I see it in the Table of Contents
  • Questions? Check out the MS Word-Image Edit page in the left sidebar
    • Here're two samples:
    • || word_image_formatting.png ||
      || ||
row.gif

  • Due: Friday at noon.

Done? Continue work on your Summative--You Teach
Done? Start on Summative II


Summative I

Sept. 27
  • end of week: Tagxedo project due uploaded to wiki
  • be sure to check discussions on your personal page for my comments

Take this class to work with your partners on Summative--You Teach. Work with your groups. This may be the only time you have in class to work on this (exception: Scratch group)

Avatar (cont'd)

Tagxedo

Sept. 22

  • Finish the Avatar
  • Save it using PrintKey 2000 (make sure it has your name in the filename)
  • Upload to your wiki page
  • Have a heading I for 'avatar',
  • add a 3-5 sentence reflection
  • This is a model on how each of your projects will be added to the wiki
  • Create a Tagxedo using 50 words that tell me what you want to learn in Photoshop
  • Insert it into your wiki with a 3-5 sentence reflection

Speed Quiz

Teaching Group Assignments

Avatar


Sept. 20th
  • Review scavenger hunt
  • Grades out Friday for your wiki page, TofC, avatar with reflections
  • Warm up with Test your typing
  • Take a timed test on Test your Typing for a grade
  • Who is in your Summative--You Teach group? or I will assign. Which Web 2.0 tool did you select? You'll see the date by the selection.
  • take a screen shot using Print Screen or Jing and add it to your wiki page with a reflection/discussion of the words you selected--
  • Create an avatar using
  • avatar6.gif
    avatar6.gif
  • Add your avatar to your wikipage with a heading (formatted in Heading 1 so it appears in the Table of Contents). When you upload images for your wiki page, be sure to include your name and what the image is. Don't forget your name!! Reflect on the need for privacy on the internet
  • Done? Pick your Summative--You Teach project with your team. Add all four names (or three) of team members beside the program you selected. If you haven't selected one by Sept. 16th, I'll assign it


Scavenger Hunt

Sept. 15th

  • start each class here so you can see what we're going to do. 8thgradephotoshop.wikispaces.com is
  • Read about a wiki on the home page
  • Fill out this Scavenger Hunt with a partner with details from the wiki (see file below; open and save to your file folder; complete all steps).You may work with your neighbor, but I want a completed sheet from each of you.
  • scavenuger.png
  • Done? Create an avatar using
  • avatar6.gif
    avatar6.gif
  • Add your avatar to your wikipage with a heading (formatted in Heading 1 so it appears in the Table of Contents)
  • Done? Pick your Summative--You Teach project with your team. Add all four names (or three) of team members beside the program you selected. If you haven't selected one by Sept. 16th, I'll assign it.


Intro II to Photoshop

Sept. 13th

  • Finish Intro
  • Join Wiki
  • Create your page using the Student Template
  • After I approve your membership, you can add your student page
  • Link your name on 'Student Pages' to your personal page
  • Add a Table of Contents using these directions
  • Add this wiki to Schoology for easy access
  • Find group of three for Summative--You Teach. Visit Web 2.0 Tools to pick your project. Email me who's in your group and what your project is.


Introduction to Photoshop

Sept. 8th

  • About me
  • Log onto school website, MyFalcon and your Gmail account

Extra Credit:

Would you like to write an article for my technology blog, Ask a Tech Teacher? Would you like 5 points Extra Credit? Here's what you do:
  1. Visit the blog
  2. Review a few of the articles to get a sense of the structure
  3. Write a post about your thoughts on technology as an eighth grader, how you use your technology, what you see in the future, or a book review on a book that relates to the topic
  4. All articles must be up-beat, positive encouraging to readers. A sense of humor is welcome

You may also write a post for my other blogs:






brown_paw_prints.gif

Work on Summative II

May 17th, 26th


Cast Shadows

Drop Shadows

If time


Create a cast shadow for your class picture
Use your class picture
  • Put yourself somewhere in the world and add a shadow at your feet
  • Put your picture against a solid color background and add a drop shadow
  • Here's a video of how to merge the two images
  • Now put a cast shadow of your alter ego behind your picture, like this:
cast_shadow--murray.jpg
cast_shadow--murray.jpg


Be creative.
Create a button with a drop shadow following these instructions
Create a drop-shadow for an image
On your wiki, I want to see:
  • you with a drop shadow
  • you with a cast shadow of your alter ego
  • a button with a drop shadow
=

=

Hue/Saturation

May 12th, 17th

There are two projects today:
  • hue/saturation
  • change car color
Here's what you do for Hue/Saturation
  • Copy-paste the picture below to your Photoshop (or pick your own picture)
  • tree-murray.jpg
  • On the menu bar, choose Image-Adjustments-Hue/saturation
  • In the dialog box, drag the Hue, Saturation, Lightness sliders left or right until the pumpkin is the color you want. Don't worry about the rest of the picture. We'll take care of that later.

  • external image moz-screenshot-10.pngtree_murray_H&S.png
  • Click OK on dialogue box to finish.
  • Set the History Brush (from last lesson) to sample the original picture and paint over areas you want to stand out
  • tree_murray_painted_h&s.jpg

Project: Car Color

Google your favorite car and change the color.
  • Copy-paste a picture of your favorite care into PS from Google images
  • Use Hue/saturation to change the car's color
  • Use history brush to paint the rest of the picture back to the original color. Make sure you paint back windows, bumpers, lights, etc.
Put both pictures in your wiki so I can see the difference
car--murray.gif
car--murray.gif


car--after--murray_copy.jpg
car--after--murray_copy.jpg


History Brush

Art History Brush

One more way to filter a picture is with the art history brush.
  • Open a new picture in Photoshop.
history_original.png
  • Filter it. I've used paint daubs
history--filter.png
  • Select the History brush. It's nested with the art history brush
Using Photoshop's Art History Brush To Create A Painting Effect - Photoshop Tutorial
Using Photoshop's Art History Brush To Create A Painting Effect - Photoshop Tutorial


  • It automatically anchors back to the original picture.
  • Paint a part of your picture to make the original image reappear. Do you see the difference in the water and the flowers?
history2.png

Next, select the Art History tool. It's under the History Brush
  • Select the brush size and opacity
  • Paint over your picture with the art history brush you've selected
art_history_2.jpg
art_history_2.jpg


Save to your wiki.
  • Select the source location by going to History and clicking to the left of the original picture
how-to_art_history.png
how-to_art_history.png


  • Now use the history brush. Set the anchor to the original picture. Paint part of your picture back to the original

art_history_3.jpg
art_history_3.jpg

art_history_original.pngart_history_painted_back.png

=

Filtering pictures

May 3rd
Summative 1 is now past due.


  • Open one of the pictures from K-4 Students, Windows Wallpaper
  • ||
    3A5C4BAA.jpg
    3A5C4BAA.jpg
    ||
    || 3A5C4BAA.jpg ||
  • ||
    filter.jpg
    filter.jpg
    ||
    || filter.jpg ||
  • Try different Filters. Take a snapshot of those you like
  • Take a screen shot of at least one for your wiki
  • Now, select quadrants with the marquee tool and filter each quadrant differently
  • ||
    quads.jpg
    quads.jpg
    ||
    Add to your wiki page.
  • Now select a new picture from Network-Zeus-K-4 students--Windows Wallpaper. Select detail from this picture and filter just the detail. I've selected just two of the elephants and filtered them. Then, I selected the background and blurred it. Do you like it?
  • ||
    filter_images.jpg
    filter_images.jpg
    ||
    Add to your wiki page (this image or the next one)
  • Now select the main image in your picture; select inverse (so everything is selected except your main image) and filter the picture
  • ||
    paint_daubs.jpg
    paint_daubs.jpg
    ||

  • Which do you like best?


Keyboard practice

Cloning and Decloning

April 26th-28th


Cloning
  • Using the clone tool, we can start with a picture of flowers
Daisies.jpg
Daisies.jpg

Daisies.jpg

Use Alt to set your anchor point
Paint with your mouse to add more flowers
Daisies--cloned.jpg
Daisies--cloned.jpg

Daisies--cloned.jpg

Or pick the flowers
Daisies--removed.jpg
Daisies--removed.jpg

Daisies--removed.jpg

Or clone from one picture
sub_and_polar_bear_master_clone.jpg
to another

yellowstone_master3.jpg
Now practice your cloning skills with one of these pictures:

Get rid of the large middle tree (that extends to the top of the picture, or
trees.gif
trees.gif



Get rid of the middle penguin, or
penguins.gif
penguins.gif





or get rid of the poles like I've done here:
Iowa-roadnotcloned.jpg
Iowa-roadnotcloned.jpg

Iowa-roadnot.jpg
Iowa-roadnot.jpg


Place your completed projects (one of cloning within a picture, one cloning between pictures and one removing an item from a picture) on your wiki page


Cropping

April 21

  • three types of cropping
  • add a picture of each to your wiki
Three types of cropping--
  • Marquis (box)
  • Lasso
  • Magic wand
Be sure to use the top toolbar to fine tune the tool, i.e.,
how_to_magic_wand.png
how_to_magic_wand.png


Show me a picture of two on your wiki page

Two required pictures:
1. Your picture on a background of your choice from Windows Wallpaper (K-4 students)
  • crop yourself out with lasso or magic wand
  • drag and drop onto a background
  • resize using free transform
me_around_the_world_copy.jpgMe_at_waterfall.jpg
2. Your head on a SMAA-appropriate body (see examples below)
  • Use your classroom picture
  • use just your head
  • put it onto an
    • animal
    • flower
    • anything to show you understand this skill
  • crop using lasso or magic wand or combination
  • select the picture you will add yourself to
  • drag-and-drop onto picture
  • resize to fit location (make sure it covers the original picture using free transform)
mason.jpgWright.gif
falling-off-building-Luke-K.jpgadam-klauer.jpg
mt_rushmore_and_me.jpg
mt_rushmore_and_me.jpg


  • use 'free transform' to make it fit better (edit-free transform)
  • Use 'opacity' to make the background show through a bit (on the image layer's tool box)
  • save to your wiki page using Heading 1 as 'Cropping'

When you're done, save and add to wiki


Backgrounds

Styles

Patterns

Gradients

Custom Shapes

April 19th

  • Background--foreground color
    • Open a new canvas. Make it 4 by 4
    • Select the paint bucket
    • Pour a color for the background. It will match the foreground color on your pallet.
  • Style tools
    • Open a new layer.
    • go to layer-duplicate layer and duplicate the background layer
    • check right side and be sure the duplicate background layer is selected
    • double click and rename it 'styles'
    • Select the paint bucket (under the gradient tool)
    • Select a style
    • Pour the 'style' with the paint bucket
    • change the style by selecting a new one
    • Go to 'Custom Shapes' (under the rectangle tool)
    • Add some to your background--any you like
    • Recolor them by selecting a style that goes with them
    styles_in_PS_001.png
    • Add text and stylize it's colors also
    • paste a screen shot into your wiki. Heading 1 should be 'Styles'.
  • More on Styles:

  • Patterns
    • Create a new layer. Name it 'Patterns'
    • Select the paint bucket
    • Select 'pattern' from the top tool bar
    • Select a pattern you like
    • Pour it onto your canvas
    • Add text to tell me about this
    • Add to your wiki
  • Gradients
    • Go to the layer icon and create a duplicate layer
how_to_ps_layers.png
how_to_ps_layers.png


    • Name it 'Gradient'
    • Pick your gradient tool as follows:
ps_gradiant.png
ps_gradiant.png


    • Drag mouse across screen and create a background
    • Smudge with smudge tool--be sure you're on the correct layer
    • Add text
    • Stylize the text with the Style tool
    • Take a screen shot and upload to your wiki page



Auto-adjustments

Levels

Gradients

April 14th

  1. Basic autofixes
  2. right-click on this picture; copy into Photoshop
Alaska_shoreline.jpg
Alaska_shoreline.jpg


  • use the camera under 'history' to take a picture. Double click and call the picture 'Before'
  • make auto adjustments under 'image', 'adjustments'
    • levels
    • contrast
    • color
  • use camera on bottom-right corner of history to take a picture. Call it 'After'
  • compare Before and After
  • Add text to label each picture 'before' and 'after' and add to Wiki. Use Heading 1 label 'Auto Adjustments'.
  • another way to adjust a too-dark color is with levels
    • click here on levels to go to a tutorial on it
    • take a snapshot of your changes and compare the images
    • paste your original dark picture of the crow and your improved version into your wiki page as before/after levels

Reminder: Final project is to use 15 tools you learned and 15 pictures to create a poster.

Reminder: Be sure to complete a weekly journal--what we did, what you liked/didn't, what was hard/easy,

Reminder: Visit other students wikipages. Leave comments. DO NOT EDIT THEIR PAGES! This will get you in trouble.





Painting

Text

April 12th

  • Schoology?
  • Practice keyboarding on TTL4
  • Open 8thGradePhotoshop Wiki
    • Visit two pages of classmates
    • comment on their work using the 'Discussion' tab at the top
    • Reread the rules of a wiki to be sure you're comments are appropriate
  • Open Photoshop. Use paint brush tool--dot in corner shows different types of brushes. Select 'paint brush'
    • select brush size 20 from top toolbar
    • select a traditional brush first, then others from brush choices
    • leave 'opacity' and 'flow' for later
    • draw yourself
    • change brush and change foreground color
    • add brushes (little arrow by brush dialogue) and append list
    • see how the paint brush color matches the foreground color
    • go to Navigator--enlarge and delarge
    • go to history--go back in time
    • draw a picture of yourself (or your favorite pet or a tree in your backyard) with at least five brushes, five different colors.
    • use text tool to add a title
      • change font
      • change size
      • shape if you want
      • use Styles for creative color (on right side, tab)
      • be sure you're in the Text layer for this to work
brush_use.jpg
brush_use.jpg

brush_use.jpg

  • Save image and notice how PS saves (jpg, psd, tiff, etc)

  • Paste into wiki
  • Done? Catch up on other projects not completed (like the Tagxedo)
  • Go to Getting Tricky With Wikis and see what catches your attention
  • Style and Gradient tools
    • Open a new canvas. Make it 4 by 4
    • go to layer-duplicate layer and duplicate the background layer
    • check right side and be sure the duplicate background layer is selected
    • double click and rename it 'styles'
    • go to styles (right side) and experiment with the colors. Click and they will show up
    • Click the eye in front of the styles layer to make it disappear
    • Go to the layer icon and create a duplicate layer
how_to_ps_layers.png
    • Name it 'Gradient'
    • Pick your gradient tool as follows:
ps_gradiant.png
    • Drag mouse across screen and create a background
    • Smudge with smudge tool--be sure you're on the correct layer
    • Add text
    • Take a screen shot and upload to your wiki page



Keyboarding

Painting

Text

March 31st

Today:
  1. Fill in a blank keyboard with a partner
  2. Introduction to Photoshop
  3. Paint something in Photoshop.
  4. Add a text title
  5. Upload to your wiki page
Here's what you do:
  • Open Photoshop
  • Review the workspace. Here's an article on Photoshop basics
  • Watch 5 minutes of this video. Do the rest as homework.
  • Open a new canvas. Notice
    • new image dialogue box
    • inches vs. pixels
    • size of image
    • title box
    • tool bars
    • history box
    • Navigator
    • Channel
    • foreground/background color
  • create a new image. Look at the 'new image' dialogue
new_ps.png
new_ps.png

new_ps.png

    • add a title--painting--yourname
      • make the width/height 4x5 (change pixels to inches)
      • notice the image size
      • change background contents to 'background color'
      • leave the rest for now
      • if you have an image in your clipboard, it'll size for the clipboard contents
  • use paint brush tool--dot in corner shows different types of brushes. Select 'paint brush'
    • select brush size 20 from top toolbar
    • select a traditional brush first, then others from brush choices
    • leave 'opacity' and 'flow' for later
    • draw anything
    • change brush and change foreground color
    • add brushes (little arrow by brush dialogue) and append list
    • see how the paint brush color matches the foreground color
    • go to Navigator--enlarge and delarge
    • go to Channel---hide some of the channels
    • go to history--go back in time
    • draw a picture of yourself (or your favorite pet or a tree in your backyard) with at least five brushes, five different colors.
    • use text tool to add a title
      • change font
      • change size
      • shape if you want
      • use Styles for creative color (on right side, tab)
      • be sure you're in the Text layer for this to work
brush_use.jpg
brush_use.jpg

brush_use.jpg

  • Save image and notice how PS saves (jpg, psd, tiff, etc)

  • Paste into wiki (for homework)
  • Done? Catch up on other projects not complete (like the Tagxedo)
  • Go to Getting Tricky With Wikis and see what catches your attention



MS Word Photo Editing

March 29th

Today:
  • MS Word Skills
    • Open a Word doc
    • Add your name at the top of the document with correct 8th grade heading
    • copy-paste this image into the doc
child2.gif
child2.gif

    • Select the image; go to 'Picture Tools' at the top, center. Copy-paste the image so you have five copies of the original. This will allow you to crop out each little person as a stand-alone.
    • Crop each image so it's separate
    • Adjust picture with
      • artistic effects
      • change color
    • Adjust picture styles
      • pick a style
      • add an effect
      • add a border
    • cant the figure to a different angle (drag the green dot at the top of the image to the angle you'd like)
    • Take a screen shot and upload to your wiki page. Remember to add a Heading so I see it in the Table of Contents
  • Questions? Check out the MS Word-Image Edit page in the left sidebar
    • Here's a sample:
    • word_image_formatting.png
      word_image_formatting.png
row.gif
row.gif

    • try another one from one of these pictures if you have time
RowofDogs_MED.jpg
RowofDogs_MED.jpg


row-of-dogs.jpg
row-of-dogs.jpg


row_of_cats.jpg
row_of_cats.jpg

Insert into your wiki page.
Done?
  • Do your journal
  • Make your Getting Tricky with Wikis choice
=

=

Big Huge Labs

Getting Tricky With Wikis

March 24th

  • Go to Big Huge Labs
    • Follow directions for 2 effects and apply to your photo.
    • Take a screen shot of the finished project and save to your wiki
  • Done? Catch up for this Friday's grading period
    • Delete unnecessary stuff from your wiki page (TOC directions, etc)
    • Tagxedo
    • Avatar
    • Table of Contents on your wiki page
    • Big Huge Labs projects
  • Done? Go to Getting Tricky with Wikis and pick a skill to teach the class (Summative #1)



Speed Quiz

Tagxedo

March 22nd
  • Warm up with Test your typing
  • Create a Tagxedo using 50 words that tell me what you want to learn in Photoshop
  • tag.png
    tag.png


  • Add it to your wiki page




Join Wikispaces

Join this wiki

Create a Wikipage

Table of Contents

Avatar

March 17th
  • First, we'll take a picture of you for later use
  • Create your page on the wiki
    • go to 'new page' in sidebar
    • name your page with your first name only
    • select the template 'student page'
    • add tags that describe your page--what are tags? Answer that in your journal
    • click 'create'
    • Add a Table of Contents. Here's how:
      • At the top of the page, type in the code -
Picture_2.png
Picture_2.png

      • || Picture_2.png ||
      • Make sure to use the heading, Normal
      • Highlight the code; using the T tool on the Edit Toolbar, select Align Right
      • Everything you do must include a title to tell me what it is. That title must be in Heading 1 to be automatically included in the TOC

        When setting out your page highlight the heading, select the type of heading you want from the popup menu -

Picture_4.png
Picture_4.png

      • || Picture_4.png ||

    • Add your first name (and/or handle) to the top of the wiki where it asks for it
    • Add your class picture (from K-4 students, 8thgradePSpicsT2) using File)
avatar6.gif
avatar6.gif

  • Add your avatar to your wikipage with a heading (formatted in Heading 1 so it appears in the Table of Contents)

=

Introduction to Photoshop=
March 15th

  • About me
  • Take class pictures
  • Go to 8thgradephotoshop.wikispaces.com--this is
  • Read about a wiki on the home page
  • Fill out this Scavenger Hunt with details from the wiki (see file below; open and save to your file folder; complete all steps).You may work with your neighbor, but I want a completed sheet from each of you.

  • Add this wiki to Schoology for easy access
  • Join Wikispaces
  • Join this wiki
    • After I approve your membership, you can add your student page
    • Use the Student Page template
    • Add a table of contents

Extra Credit:

Would you like to write an article for my technology blog, Ask a Tech Teacher? Would you like 5 points Extra Credit? Here's what you do:
  1. Visit the blog
  2. Review a few of the articles to get a sense of the structure
  3. Write a post about your thoughts on technology as an eighth grader, how you use your technology, what you see in the future, or a book review on a book that relates to the topic
  4. All articles must be up-beat, positive encouraging to readers. A sense of humor is welcome
You may also write a post for my other blogs:



=

Complete Summative Collage

Feb. 28th-March. 17th

You will have the last three class periods to complete this hi-value summative project



Actions

Custom Shapes

Feb. 17th

Go the TypingTest.com and take two practice speed quizes in preparation for next school week's graded speed quiz

Now Photoshop. First, Actions
  • Open one of the pictures you've drawn this trimester (the collage, your class picture, etc)
  • Go to the Actions tab on the right side of the Photoshop screen
  • Select frames (if you don't see it, use the arrow to see more 'actions')
  • Push the go arrow to put a frame around the picture
  • Go to the 'frame' layer and adjust the appearance with the 'styles' tab if you'd like
  • Here's mine:
frame.gif
frame.gif

frame2.gif
frame2.gif

Now, try a different Action--Quadrants
  • You can use the same picture or open a different one
  • Go to the Actions tab on the right side of the Photoshop screen
  • Go to images effects-quadrants
  • Push the go arrow to recolor your image in four colors
  • Here's mine:
quad.gif
quad.gif

Now, thy any Action you want. Experiment.
Post all three onto your wiki page.

Now, Custom Shapes
  • Open a picture you'd like to decorate
  • Open the 'custom shapes' tool under the Rectangle Tool
  • Go to the top toolbar and select a shape you like--or several
  • Add some to a picture of you--a crown, a fence, etc.
shape.gif
shape.gif





Render Clouds

Spotlight

Feb. 15th

First, Render Clouds
  • Select your class picture
  • Insert it into its own layer
  • Select background layer
  • Select a foreground and background color. These will be the colors of your clouds.
  • Filter-render-clouds
  • Save and insert into your wiki page
clouds.gif
clouds.gif

Second, Spotlight
  • Filter-render-lighting effects or lighting flare. Play with these. You'll want to use them in your summative project
  • Save and insert into your wiki
light.gif
light.gif

=

=

Layers

Collage

Feb. 10th

Two tasks today:
  • email me with the topic you wish to create your summative project around. This is your collage. Click for more details.
  • finish your first summative--teaching a skill. This will be graded next week.

This is how you will do your summative project on Earth Day--find lots of pictures, add each to its own layer, filter/format them, artfully arrange them to tell your story. You will have to use 20 tools; you now have 15. We're almost there.
  • Open a new canvas
  • Add four layers
  • Name the layers 'House', 'tree', 'street', 'pet
  • add more if you like. Be sure each collage item has its own labeled layer
layers.gif
layers.gif

  • Google for examples of each of these and add them to their correct layer
  • you must be in their layer to move them around
  • use your paint brush to draw a street
  • go to the layers with the dog, tree, house to arrange them around your street
  • select the background layer
    • use the paint bucket to fill it with a background that fits the picture
    • use the paint brush to add grass
  • Use your paint tool to add sun, clouds, flowers so you have a complete picture
  • add text
    • select T tool (this will add a text layer on the right)
    • Adjust size to 48 or 72
    • type title in
    • format with the 'style' tab on right (remember this from your 'style' project)
    • format the shape ('warped shape' tool)
    • if you get out of the text, reselect the layer and reselect the T tool to format
  • Remember: you must be in the object's layer to format the object

collage_with_text.jpg
collage_with_text.jpg


  • create a shadow of one item in the picture
  • save collage as a jpg and a psd and add to your wiki
Done? Add your projects to the Project pages on the left sidebar.



Layer Styles

Feb. 10th

If you finish the cast/drop shadows, play with the 'layer style' tool. It's on the bottom right, under 'layers'. It looks like a cursive 'f'.
photoshop_class.png
Try its options. Create a drawing using some of the options. Post to your wiki.



Cast Shadows

Drop Shadows

Jan. 31st-Feb. 8th


Create a cast shadow for your class picture
Use your class picture
  • Put yourself somewhere in the world and add a shadow at your feet
  • Put your picture against a solid color background and add a drop shadow
  • Here's a video of how to merge the two images
  • Now put a cast shadow of your alter ego behind your picture, like this:
cast_shadow--murray.jpg
Be creative.
Create a button with a drop shadow following these instructions
Create a drop-shadow for an image
On your wiki, I want to see:
  • you with a drop shadow
  • you with a cast shadow of yourself
  • you with a cast shadow of something not yourself
  • a button with a drop shadow
=

=

Red Eye

Whiten Teeth

Blemishes

Jan. 27th


  • Start on Editing Photographs
    • get rid of red eye with the magic wand and paint bucket fill (black for the pupil with opacity set to 40%)
    • whiten teeth with the dodge tool (20% and midtones)
  • When you're finished, fix up your class picture.
  • Put all pictures in your wikipage gallery
red_eye--before.jpg

how_to_red_eye_lighten_teeth.png
red_eye--after.jpg

Now blemishes or wrinkles:
  • Use the healing tool to erase wrinkles--you may have to anchor it to begin
  • Be careful not to over do it
  • Use the Dodge tool to lighten up the whites of the eyes
  • wrinkles--before_copy.jpg
  • how-to_wrinkles.png
  • wrinkles--after_copy.jpg

Hue/Saturation

Jan. 25th

There are three projects on this day:
  • hue/saturation
  • straighten out the Leaning Tower of Pisa
  • change car color
Here's what you do for Hue/Saturation
  • Copy-paste the picture of the pumpkin below to your Photoshop (or pick your own picture)
  • pumpkin.jpg
  • On the menu bar, choose Image-Adjustments-Hue/saturation
  • In the dialog box, drag the Hue, Saturation, Lightness sliders left or right until the pumpkin is the color you want. Don't worry about the rest of the picture. We'll take care of that later.
  • blue_pumpkin--all_copy.jpg
    blue_pumpkin--all_copy.jpg
  • Click OK on dialogue box to finish.
  • Set the History Brush (from last lesson) to sample the original picture and paint over all of the areas in the picture except the pumpkin. Leave that blue (or whatever color you selected).
  • blue_pumpkin_copy.jpg
    blue_pumpkin_copy.jpg

Project: Focal Point

  • Select a picture from Windows Wallpaper (Network, Zeus, K-4 students, My Pictures, Windows Wallpaper)
  • Make it black and white
  • use the history brush to paint a focal point back to its original color
  • Save to your wiki and label them 'Hue/Saturation'
  • For example:
b&w.jpg
b&w.jpg

b&w_with_color.jpg
b&w_with_color.jpg

Project: Car Color

Google your favorite car and change the color.
  • Copy-paste a picture of your favorite care into PS from Google images
  • Use Hue/saturation to change the car's color
  • Use history brush to paint the rest of the picture back to the original color
  • Or, come up with your own way
Put both pictures in your wiki so I can see the difference
car--murray.gif
car--after--murray_copy.jpg

History Brush

Jan. 20th

Review Summative #1--teach the class a skill

Here's another way to filter just part of your picture:
  • Open a picture, like this one of the dogs
  • Dogs.gif
    Dogs.gif
  • Filter it, say, as paint daubs
  • dogsdaubs.jpg
    dogsdaubs.jpg
  • Go to history; select the original picture and click the space in front of it
  • dogs_history.png
    dogs_history.png
  • Use the history brush on the left and paint over some of the dogs--they return to their original pristine condition
  • dogs_history.jpg
    dogs_history.jpg
  • Now select your own picture from the internet and do the same skill.
=

=

Art History Brush

One more way to filter a picture is with the art history brush.
  • Open a new picture in Photoshop
art_history_1.jpg
  • Select the Art History tool. It's under the History Brush

Using Photoshop's Art History Brush To Create A Painting Effect - Photoshop Tutorial
Using Photoshop's Art History Brush To Create A Painting Effect - Photoshop Tutorial


  • Select the source location by going to History and clicking to the left of the original picture
how-to_art_history.png

  • Select the brush size and opacity
  • Paint over your picture with the art history brush you've selected
art_history_2.jpg

  • Now use the history brush. Set the anchor to the original picture. Paint part of your picture back to the original

art_history_3.jpg

=

=

Filtering pictures

Jan. 18th

Take 10 minutes to finish the cloning project. If you're finished, go to TTL4.

  • Open one of the pictures from K-4 Students, Windows Wallpaper
  • 3A5C4BAA.jpg
    3A5C4BAA.jpg
  • filter.jpg
    filter.jpg
  • Try different Filters. Take a snapshot of those you like
  • Take a screen shot of at least one for your wiki
  • Now, select quadrants with the marquee tool and filter each quadrant differently
  • quads.jpg
    quads.jpg
  • Now select a new picture from Network-Zeus-K-4 students--Windows Wallpaper. Select detail from this picture and filter just the detail. I've selected just two of the elephants and filtered them. Then, I selected the background and blurred it. Do you like it?
  • filter_images.jpg
    filter_images.jpg
  • Now select the main image in your picture; select inverse (so everything is selected except your main image) and filter the picture
  • paint_daubs.jpg
    paint_daubs.jpg
  • Which do you like best?



Cloning and Decloning

Jan. 13th


Cloning
  • Using the clone tool, we can start with a picture of flowers
Daisies.jpg
Daisies.jpg

Use Alt to set your anchor point
Paint with your mouse to add more flowers
Daisies--cloned.jpg
Daisies--cloned.jpg

Or pick the flowers
Daisies--removed.jpg
Daisies--removed.jpg

Or clone from one picture
sub_and_polar_bear4_clone.jpg
sub_and_polar_bear4_clone.jpg


to another
Sea_Cave.jpg
Sea_Cave.jpg

Now practice your cloning skills with one of these pictures:
trees.gif
Get rid of the large middle tree (that extends to the top of the picture, or
penguins.gif
Get rid of the middle penguin, or


or get rid of the poles like I've done here:
Iowa-roadnotcloned.jpgIowa-roadnot.jpg
Place your completed project on your wiki page

Cropping

Jan. 10th


  • three types of cropping
  • add a picture of each to your wiki
  • add a group picture of cropped images to your wiki
Three types of cropping--
  • Marquis (box)
  • Lasso
  • Magic wand
Be sure to use the top toolbar to fine tune the tool, i.e.,
how_to_magic_wand.png

Show me a picture of each on your wiki page
For the magic wand:
  • Use your classroom picture
  • use just your head
  • put it onto an
    • animal
    • flower
    • anything to show you understand this skill
mt_rushmore_and_me.jpg
flower.jpg
obama-speech-tonight-congress_copy.jpg
  • use 'free transform' to make it fit better (edit-free transform)
  • Use 'opacity' to make the background show through a bit (on the image layer's tool box)
  • save to your wiki page using Heading 1 as 'Cropping'

When you're done:
  • Open a picture of a bed of daisies, a crowd at the Presidential Inauguration, a group of people with a famous person, etc.
  • add your picture and several classmates to it as I did below (be sure to get their permission first):
8th_grade_garden.jpg
  • save and add to wiki

=

Auto-adjustments

Levels

Gradients


Jan. 6th

  1. Practice keyboarding on TTL4
  2. Basic autofixes
  3. right-click on this picture; copy into Photoshop
Alaska_shoreline.jpg
  • use the camera under 'history' to take a picture. Double click and call the picture 'Before'
  • make auto adjustments under 'image', 'adjustments'
    • levels
    • contrast
    • color
  • use camera on bottom-right corner of history to take a picture. Call it 'After'
  • compare Before and After
  • another way to adjust a too-dark color is with levels
    • click here on levels to go to a tutorial on it
    • take a snapshot of your changes and compare the images
    • paste your original dark picture of the crow and your improved version into your wiki page as before/after levels

Reminder: Final project is to use 15 tools you learned and 15 pictures to create a poster.

Reminder: Be sure to complete a weekly journal--what we did, what you liked/didn't, what was hard/easy,

Reminder: Visit other students wikipages. Leave comments. DO NOT EDIT THEIR PAGES! This will get you in trouble.

  • Style and Gradient tools
    • Open a new canvas. Make it 4 by 4
    • go to layer-duplicate layer and duplicate the background layer
    • check right side and be sure the duplicate background layer is selected
    • double click and rename it 'styles'
    • go to styles (right side) and experiment with the colors. Click and they will show up
    • Click the eye in front of the styles layer to make it disappear
    • Go to the layer icon and create a duplicate layer
how_to_ps_layers.png
    • Name it 'Gradient'
    • Pick your gradient tool as follows:
ps_gradiant.png
    • Drag mouse across screen and create a background
    • Smudge with smudge tool--be sure you're on the correct layer
    • Add text
    • Take a screen shot and upload to your wiki page
=

=

Painting

Text

Jan. 4th

Today:
  1. Paint something in Photoshop. Notice
    1. new image dialogue box
    2. inches vs. pixels
    3. size of image
    4. title box
    5. tool bars
    6. history box
    7. Navigator
    8. Channel
    9. foreground/background color
  2. Add a text title
  3. Upload to your wiki page
Here's what you do:
  • create a new image. Look at the 'new image' dialogue
new_ps.png
new_ps.png

    • add a title--painting
      • make the width/height 4x5 (change pixels to inches)
      • notice the image size
      • change background contents to 'background color'
      • leave the rest for now
      • if you have an image in your clipboard, it'll size for the clipboard contents
  • use paint brush tool--dot in corner shows different types of brushes. Select 'paint brush'
    • select brush size 20 from top toolbar
    • select a traditional brush first, then others from brush choices
    • leave 'opacity' and 'flow' for later
    • draw anything
    • change brush and change foreground color
    • add brushes (little arrow by brush dialogue) and append list
    • see how the paint brush color matches the foreground color
    • go to Navigator--enlarge and delarge
    • go to Channel---hide some of the channels
    • go to history--go back in time
    • draw a picture of yourself (or your favorite pet or a tree in your backyard) with at least five brushes, five different colors.
    • use text tool to add a title
      • change font
      • change size
      • shape if you want
      • use Styles for creative color (on right side, tab)
      • be sure you're in the Text layer for this to work
brush_use.jpg
brush_use.jpg

  • Save image and notice how PS saves (jpg, psd, tiff, etc)

  • Paste into wiki (for homework)
  • Done? Catch up on other projects not complete (like the Tagxedo)
  • Go to Getting Tricky With Wikis and see what catches your attention




MS Word Photo Editing

Dec. 16th

Today:
  1. MS Word image editing skills
  2. Finish? Catch up for Friday grades
  • MS Word Skills
    • Open a Word doc
    • Add your name at the top of the document with correct 8th grade heading
    • copy-paste this image into the doc
child2.gif
    • Select the image; go to 'Picture Tools' at the top, center. Copy-paste the image so you have five copies of the original. This will allow you to crop out each little person as a stand-alone.
    • Crop each image so it's separate
    • Adjust picture with
      • artistic effects
      • change color
    • Adjust picture styles
      • pick a style
      • add an effect
      • add a border
    • cant the figure to a different angle (drag the green dot at the top of the image to the angle you'd like)
    • Take a screen shot and upload to your wiki page. Remember to add a Heading so I see it in the Table of Contents
  • Questions? Check out the MS Word-Image Edit page in the left sidebar
    • Here's a sample:
    • word_image_formatting.png
row.gif
    • try another one from one of these pictures if you have time
RowofDogs_MED.jpg

row-of-dogs.jpg

row_of_cats.jpg



Add Your Pic to Your Folder

Edit File Name

Big Huge Labs Photo Formatting

Dec. 14th

Today:
  • TTL4 (class is Photoshop)
  • Add your picture to your file folder and rename
    • Go to K-4 Students under Network
    • Go to 8thGradePictures
    • Find your picture
    • Copy-paste into your file folder
    • Change the file name to your name
  • Go to Big Huge Labs
    • Follow directions for 2 effects and apply to your photo.
    • Take a screen shot of the finished project and save to your wiki
  • Done? Catch up for this Friday's grading period
    • Tagxedo
    • Avatar
    • Table of Contents on your wiki page
    • Big Huge Labs projects



Create a Wikipage

Table of Contents

Avatar

Tagxedo

Dec. 2nd
  • First, we'll take a picture of you for later use
  • Create your page on the wiki
    • go to 'new page' in sidebar
    • name your page with your first name only
    • select the template 'student page'
    • add tags that describe your page--what are tags? Answer that in your journal
    • click 'create'
    • Add a Table of Contents. Here's how:
      • At the top of the page, type in the code -
        Picture_2.png
        Picture_2.png
      • Make sure to use the heading, Normal
      • Highlight the code; using the T tool on the Edit Toolbar, select Align Right
      • Everything you do must include a title to tell me what it is. That title must be in Heading 1 to be automatically included in the TOC

        When setting out your page highlight the heading, select the type of heading you want from the popup menu -

        Picture_4.png
        Picture_4.png

    Add your first name (and/or handle) to the top of the wiki where it asks for it
  • Create your avatar using
avatar6.gif
  • Add your avatar to your wikipage with a heading (formatted in Heading 1 so it appears in the Table of Contents)
  • Create a Tagxedo using 50 words that tell me what you want to learn in Photoshop
  • tag.png

  • Add it to your wiki page
=

Introduction to Photoshop

Nov. 30th