Wednesday, June 5, 2013

Day 4 of animated GIF

Day 4 Animated Gif

  • open your finalname.psd document and make sure all of your layers are there:  you should at least have a1, a2, a3, b1, b2, b3, c1, c2, c3, and a blank background.  
  • In the layer stack highlight all of the layers.
  • Go to window and select animation
  • Toward the bottom of the page there is an arrow: select make frames from layers
  • Highlight the blank background in the layer stack.
  • Click the arrow again and select match layer across frames and hit OK
  • Go down to the animation reel and click on the blank background, and drag it to the trash.  
  • Change the time under each frame-- I usually choose the .2.
  • Go to file and save for web and devices. Make sure GIF is selected when you get the chance.  
  • Make sure this is saved as finalname.gif and drag it to the dropbox.  

    DONE!!!

Monday, June 3, 2013

Day 3 animated GIF

Day 3 Animated Gif

  • Open your BOTH your work document and your final document.  
  • In the work document, close the eye in the layer stack on all your layers EXCEPT for A and 1.
  • Go to the Layers tab at the top of the Photoshop Menu and select it. Scroll down until “Flatten Image” appears and select it. It will ask you “Discard Hidden Layers?” and click OK. The layer stack will only have 1 layer, which is the combination layer of A & 1.
  • You need to duplicate this layer to your Final.Last Name document using the same process from earlier. Make sure this layer is selected in the layer stack, right click anywhere in the blue area and select Duplicate Layer…rename it “A1” destination final.name...
  • Go to window (in your work file) and click on history.   Pull it down, so you can see all that you’ve done today.  
  • In Your Work.Last Name Document, Locate you History Window and click above “Flatten Image” – this will bring back all of your layers.
  • Now, close all eyes except for A and 2.
  • Go to the Layers tab at the top of the Photoshop Menu and select it. Scroll down until “Flatten Image” appears and select it. It will ask you “Discard Hidden Layers?” and click OK. The layer stack will only have 1 layer, which is the combination layer of A & 2.
  • You need to duplicate this layer to your Final.Last Name document using the same process from earlier. Make sure this layer is selected in the layer stack, right click anywhere in the blue area and select Duplicate Layer…rename it “A2” destination final.name...
  • Go to window (in your work file) and click on history.   Pull it down, so you can see all that you’ve done today.
  • In Your Work.Last Name Document, Locate you History Window and click above “Flatten Image” – this will bring back all of your layers.
***If you want to see your progress, select your Final.Last Name document and make sure that you have a 3 layers in the Layer Stack (window): Background, A1, & A2.
  • Now, close all eyes except for A and 3.
  • Go to the Layers tab at the top of the Photoshop Menu and select it. Scroll down until “Flatten Image” appears and select it. It will ask you “Discard Hidden Layers?” and click OK. The layer stack will only have 1 layer, which is the combination layer of A & 3.
  • You need to duplicate this layer to your Final.Last Name document using the same process from earlier. Make sure this layer is selected in the layer stack, right click anywhere in the blue area and select Duplicate Layer…rename it “A3” destination final.name...
  • Go to window (in your work file) and click on history.   Pull it down, so you can see all that you’ve done today.
  • In Your Work.Last Name Document, Locate you History Window and click above “Flatten Image” – this will bring back all of your layers.
  • Now, close all eyes except for B and 1.
  • Go to the Layers tab at the top of the Photoshop Menu and select it. Scroll down until “Flatten Image” appears and select it. It will ask you “Discard Hidden Layers?” and click OK. The layer stack will only have 1 layer, which is the combination layer of B and 1.
  • You need to duplicate this layer to your Final.Last Name document using the same process from earlier. Make sure this layer is selected in the layer stack, right click anywhere in the blue area and select Duplicate Layer…rename it “B1” destination final.name...
  • Go to window (in your work file) and click on history.   Pull it down, so you can see all that you’ve done today.
  • In Your Work.Last Name Document, Locate you History Window and click above “Flatten Image” – this will bring back all of your layers.
  • Now, close all eyes except for B and 2.
  • Go to the Layers tab at the top of the Photoshop Menu and select it. Scroll down until “Flatten Image” appears and select it. It will ask you “Discard Hidden Layers?” and click OK. The layer stack will only have 1 layer, which is the combination layer of B and 2.
  • You need to duplicate this layer to your Final.Last Name document using the same process from earlier. Make sure this layer is selected in the layer stack, right click anywhere in the blue area and select Duplicate Layer…rename it “B2” destination final.name...
  • Go to window (in your work file) and click on history.   Pull it down, so you can see all that you’ve done today.
  • In Your Work.Last Name Document, Locate you History Window and click above “Flatten Image” – this will bring back all of your layers.
***If you want to see your progress, select your Final.Last Name document and make sure that you have a 3 layers in the Layer Stack (window): Background, A1, A2, A3, B1, and B2
  • Now, close all eyes except for B and 3.
  • Go to the Layers tab at the top of the Photoshop Menu and select it. Scroll down until “Flatten Image” appears and select it. It will ask you “Discard Hidden Layers?” and click OK. The layer stack will only have 1 layer, which is the combination layer of B and 3.
  • You need to duplicate this layer to your Final.Last Name document using the same process from earlier. Make sure this layer is selected in the layer stack, right click anywhere in the blue area and select Duplicate Layer…rename it “B3” destination final.name...
  • Go to window (in your work file) and click on history.   Pull it down, so you can see all that you’ve done today.
  • In Your Work.Last Name Document, Locate you History Window and click above “Flatten Image” – this will bring back all of your layers.
  • You will have to combine ALL the Backgrounds and ALL the Images to end up with 9 total layer combinations in the Final.Last Name document.  – this is the document where the ANIMATION will occur.
  • Now it’s time to do C1, C2, and C3.  Don’t forget---In Your Work.Last Name Document, Locate you History Window and click above “Flatten Image” – this will bring back all of your layers.
Saving:
  • Make sure you’re in the work.yourname file and go to file, save as.  Click on My Computer, so you can see your student file with your number.  See me if you don’t see that number.  Double click your number.  Make sure you’re in format Photoshop (PSD) and hit save.
  • Make sure you’re in the final.yourname file and go to file, save as.  Click on My Computer, so you can see your student file with your number.  See me if you don’t see that number.  Double click your number.  Make sure you’re in format Photoshop (PSD) and hit save.
You’re done for the day!

jewelry making!

This week we'll be stamping metal pendants, cutting out the metal with a jeweler saw, filing the edges, and polishing them on the buffer.


Thursday, May 30, 2013

Day 2 Animated GIF

Day 2 Animated Gif

  • Find your work.psd document in your student folder.  Double click it.  
  • You should have 3 different layers in your layer stack:  Background (should be blank), A, and 1.
  • Right click on layer A and duplicate layer.  Keep it in this work document, and rename it B.  click Ok
  • Right click on layer 1 and duplicate layer.  Keep it in this work document, and rename it 2.  click Ok
  • You should have 5 different layers in your layer stack:  Background (should be blank), A, and 1, B and 2.
  • DO NOT DO ANYTHING TO EITHER LAYERS A OR 1
  • Layer B and layer 2 both need to be altered.  
  • Click on Layer B and go to edit.  Select PUPPET WARP.  When you click on something, it tacks everything down.  Tack down at least 5 spots.  Now, click and slightly drag one or two of your tacks to move it.  DON’T MOVE IT VERY FAR.  Click on the move tool (top tool) and it will ask if you want to apply.  click OK.  
  • Click on Layer 2 and go to edit.  Select PUPPET WARP.  When you click on something, it tacks everything down.  Tack down at least 5 spots.  Now, click and slightly drag one or two of your tacks to move it.  DON’T MOVE IT VERY FAR.  Click on the move tool (top tool) and it will ask if you want to apply.  click OK.
  • Right click on layer B and duplicate layer.  Keep it in this work document, and rename it C.  click Ok
  • Right click on layer 2 and duplicate layer.  Keep it in this work document, and rename it 3.  click Ok
  • You should now have 7 different layers in your layer stack:  Background (should be blank), A, and 1, B and 2 and C and 3.  
  • Click on Layer C and go to edit.  Select PUPPET WARP.  When you click on something, it tacks everything down.  Tack down at least 5 spots.  Now, click and slightly drag one or two of your tacks to move it.  DON’T MOVE IT VERY FAR.  Click on the move tool (top tool) and it will ask if you want to apply.  click OK.
  • Click on Layer 3 and go to edit.  Select PUPPET WARP.  When you click on something, it tacks everything down.  Tack down at least 5 spots.  Now, click and slightly drag one or two of your tacks to move it.  DON’T MOVE IT VERY FAR.  Click on the move tool (top tool) and it will ask if you want to apply.  click OK.
  • You can stop here if you’d like to... otherwise continue on with layers D and 4, E and 5, etc.  
Saving:
  • Make sure you’re in the work.yourname file and go to file, save as.  Click on My Computer, so you can see your student file with your number.  See me if you don’t see that number.  Double click your number.  Make sure you’re in format Photoshop (PSD) and hit save.
  • Make sure you’re in the final.yourname file and go to file, save as.  Click on My Computer, so you can see your student file with your number.  See me if you don’t see that number.  Double click your number.  Make sure you’re in format Photoshop (PSD) and hit save.
You’re done for the day!

Thursday, May 23, 2013

1st day animated GIFs

Now that you've completed 2 sheets of paper:  one with your main character and one with a full page background, you're going to start working on them in photoshop.

Day 1 on animated GIFs

Log onto your student server.  You must be logged in.  If you can’t, see me. 

  • Find your background and your character in the student shared folder, in the pick up box, cannonj, cartooning 2013.  Drag them both to the desktop. 
  • Double click on photoshop.
  • Go to file and click on new.  Name that file “work.yourname” and set the width to 540 pixels and the height to 640 pixels, and the resolution to 200.  Don’t change anything else.  Hit OK. 
  • Go to file and click on new.  Name that file “final.yourname” and set the width to 540 pixels and the height to 640 pixels, and the resolution to 200.  Don’t change anything else.  Hit OK.
  • Go to file and click on open.   Select your background 
  • Go to the layers (near channels and paths on the right) and right click, then select duplicate layer.  Rename it A and click on the drop down menu to select work.yourname.  Click Ok. 
  • Go to file and click on open.   Select your main image. 
  • Go to the layers (near channels and paths on the right) and right click, then select duplicate layer.  Rename it 1 and click on the drop down menu to select work.yourname.  Click Ok.
  • Scale 1(your main image) to fit your background by selecting the move tool. (The top tool that looks like a fancy plus sign) Hit control T  and then  hold shift as you drag your image so that it’s the right size for your background. 

Saving:
  • Make sure you’re in the work.yourname file and go to file, save as.  Click on My Computer, so you can see your student file with your number.  See me if you don’t see that number.  Double click your number.  Make sure you’re in format Photoshop (PSD) and hit save. 
  • Make sure you’re in the final.yourname file and go to file, save as.  Click on My Computer, so you can see your student file with your number.  See me if you don’t see that number.  Double click your number.  Make sure you’re in format Photoshop (PSD) and hit save. 

You’re done for the day. 




Tuesday, May 21, 2013

Animate your "Scribbles"


I'm so crazy for the work of Dain Fagerholm. There are many, many animated gifs online, and I think his hand-drawn look is really exciting to look at. Today I want you to take one of your characters and practice "scribble-shading" with a ballpoint pen. Please fill a full sheet of paper. Do not work on the background yet.

1.  Sketch out your character on a full sheet of paper with a pencil
2.  Start "scribbling" on your design.  The more scribbles in one area the darker it will be, the few scribbles the lighter it'll be.  Duh, huh?  





We're working on painting people we admire in Art I right now. Students found photos and then ran them through the program at phixr.com. Once the students have manipulated their picture, they trace it on a piece of watercolor paper. The rest of the tutorial is here. These are due on Thursday, May 23rd.

Here's a really cool video using many of the techniques used for this painting assignment!