Tip: Saving and Stacking Layers

You have a project with many layers, and you want to save a graphic in one of the layers for use in another project… (or, you might you want to save all the layers as seperate files…)

layers.jpg

You could turn off all the “eyeballs” except for the layer you want to save… and use Menu item File: Save as… for every layer.

But, that’s a lot of work!

However, in Photoshop there is a “Script” that performs this export  ”save a layer” duty for you. If you are a Photoshop Elements user you don’t have this choice, as far as I know.

In Photoshop look for the Script under the menu: File

Scripts > Export Layers To Files…

CS3script.jpg

Set the destination and a prefix name for your files, click “Run” to execute the script… and you are done!

Drag & Drop
But, what if I only want to use one layer in another document in Photoshop?

You can Drag and Drop a layer, or many layers as you want. You can even Drag & Drop groups of layers,  from one document to another in both PS and PSE.

Arrange  your 2 documents 2up, so you can see both of them on the screen and the layers palette for the document that contains your “source” material. You’ll find the 2up button on the Arrange Documents drop down menu in the very top row of the Photoshop window.

2up.jpg

Your screen might look like this…

drag and drop.jpg

To Drag and Drop, Click on layer in the sources layer palette, the layer you want to Drag and Drop  onto your new document.  Hold down mouse button and drag the layer onto the new document, then, let go of mouse button!

Have fun dragging and dropping!

Animating the frames…

Okay, now we have a bunch of tweens… but, you’ll notice that the layers palette looks a bit strange…
There is only one layer and maybe layer(s) labeled frame 1 and frame 2…

The Next Step:
In the animation palette, select ALL the frames
In the Layer Palette Delete Frame 1 and Frame 2 (In the layers palette ONLY)
and
turn off the eyeball for the background layer (click it) This will decouple the background from the animation…

Your canvas, animation palette and layers palette should look like this

Step 2

Flatten Frames into Layers
It’s in the Animation Palette Menu:
Flatten Frames into Layers

Now your layers palette should have a layer that corresponds to a frame…

Step 3
Now we can make changes in each Frame Layer to make our animated object do something different…

In this example the changes  I make to the tennis ball will make the ball rotate and change rotation direction when it bounces

This is  what I did…

1. Select Frame one and select Layer 1
2. Menu: Edit > Transform > Rotate
3. In the Option Bar changed the rotation from 0 to 10 degrees

4. Click the Check Mark in the option bar

Step 4
1. Select Frame two and select Layer 2
2. Menu: Edit > Transform > Rotate
3. In the Option Bar changed the rotation from 10 to 20 degrees
4. Click the Check Mark in the option bar

Step 5
Repeat but make the 10 degree change…

” “



Step 30 (depends on how many frames you have)
Repeat make the change

This is fun, eh!

Because I decoupled the background, I can now easily change the background to anything I want…

Step 31
Turn on the background and
Save your animation

Play it




Now you can animate anything!…jumping-jack.gif

Let’s see your results!

The Last Day

Photoshop Projects: Actions, Sharpening, Soft Proofing and more…

Smart%20Sharpen

Week 8 Outline

Sharpening your Image…

Subjects
  1. How to Make a Studio Print
  2. Soft Proofing
  3. Sharpening Tools

Objectives

Soft Proofing: How to save time and money (ink and paper) setting up the best print possible

Things you need to do before you print

Sharpening Your Image

Materials

On the class server, in the folder PSP you’ll find a folder labeled “week8” Copy “week8” to YOUR folder!

Homework

Have fun working with Photoshop and Post a random “Photoshopped Project” or two to the Class blog sometime in the future

Animation in PhotoShop

The question was asked in class…

How to you make an animation…

Tween, ease out, ease in… Animation in Photoshop

Those are all animation terms…

1. Understanding Tweening in Photoshop

Tweening is a process that makes a series of frames in a video or animation. It is derived from the animation term “betweening”, mathematically it’s known as interpolation. In each frame the object being tweened is either being moved slightly or some effect has been applied to it.
Easement (ease in and ease out) refers to the kinematics or motion of the object being tweened… speeding up (ease out), or slowing down (ease in). The more frames “between” a beginning and ending of something moving, the smoother the motion! In Television there are 29.5 frames in every second and in the movies there are 24 frames per second. The Saturday TV cartoons, get away with as little as 5 “tweens” per second!

2. MAKING TWEENS

Parts…
1 tennis ball, search the internet for “sports balls, clip art” or draw your own character! You can download this image…

Make a blank page…

If you are making a video for your widescreen TV or monitor, choose a “size” that fits the aspect ratio… An HD TV has a resolution of 1920 x 1080 Pixels, an old TV’s resolution is 720 x 480 pixels. Monitors vary, Scale accordingly…

Exporting for video is actually more problematic than just choosing the right “resolution”. In video/TV the pixels are NOT square. So if you are exporting for play back on a TV you need to make some conversions…

You can choose the correct aspect ratio using the following menu and choosing the pixel aspect ratio D1/ DV NTSC Widescreen (1.21)

Viseo aspect rattios 

I’m using 412 x 262 SQUARE pixels, one quarter the size of my Monitor. The layers panel is toggled on and off with the F7 function key. The animation palette is turned on with the Menu: Window > Animation.

The Tweens
Select the ball in the layers palette. (Layer 1)
Go to your canvas screen, use the move tool Keyboard “v” and move the ball to the edge of the canvas screen.
Now change the frame rate by clicking on the time under the first frame — change it to .1 or .2

Duplicate frame 1 with the frame duplicate button at the bottom of the animation palette making sure the ball layer (Layer 1) is still selected in the layers pallet.

Select Frame 2 in the Animation Palette. Use the move tool to move the ball to the bottom center of the canvas screen.

The First Tween
Now select frame 1 and press the tween button at the bottom of the animation palette.


Choose the # of frames to add (I’m using 5) and we are tweening with the “Next Frame”. Click okay.

You should see this in the animation palette.


The Second Tween
Now select Frame #7 
Duplicate frame #7 and select frame #8 (Click on the new frame #8 to select it) Make sure layer 1 is selected in the Layers palette and go to the screen canvas and move the ball to the edge of the screen on the right.

Now click Frame 7
This time we’ll Tween frame 7 and frame 8, and add 5 new frames between them…
your animation palette should now look like this…

Now select frames 7 through 13 (hold down the shift key and click on #7, then #13)
Use the pop out menu, (click on the tiny parallel lines at the top right of the animation palette) and choose Menu: > Copy Frames.

Click the last frame #13 and choose the Menu: > Paste.

In the requester choose “Paste After Selection”.

Now Select frames 14 to 20 and then select the Menu: > Reverse Frames…

Now you got it…

The next step is to select frames 1 to 7.

Copy.

Then Paste After Selection {the last frame in this case frame #20}

Select the frames you just pasted and choose the Menu: > Reverse Frames…

To save your work, save the files as a .psd photoshop file to preserve the layers and frames.
And now you’ll have an endlessly bouncing ball — all it needs is sound effects… and more…

To Export the animation
Menu: File > Export > Render to Video

For the web or TV choose the codec h.264 if you can, other wise use MPEG 4 or a movie file format

For this blog article I saved it via

Menu:
File > Save for Web & Devices… and saved the file as a .gif file

.gif files can be an animation, but you’ll only see the animation in a web browser or a mail client or a program that allows gif animation.


There is more to come, we’ll need to convert the animation to layers and a timeline… A static bouncing ball is boring, it ought to rotate or explode or something! Maybe that’s your homework or a project you’d like to take on!

A Very Cold 5K!!!   Gary Rowe

A Very Cold 5K!!!   Gary Rowe

Samantha Ashe from class here…I needed to make one picture of an orange tabby cat with her head buried in a bag of chips (don’t ask). So I found a picture of an orange tabby (tabby1.png), a picture of a Siamese with her head in the chips (tabby2.png), and combined them to make the final picture (tabby3.png). I couldn’t do it the easy way because of the low quality of the pictures, the selection tools picked up too much stuff I didn’t need, so I used the clone stamp, made the pictures the same size and mode and took a while to clone the bag and chips onto the orange tabby, then cleaned up the edges and touched up the logo on the bag. The pictures I used were quite low grade to begin with.They’re not my pictures, I only needed something for a certain use on Facebook, and they’re quite grainy. However, they’ll suit my purpose fine, I didn’t need anything high resolution.

Samantha Ashe from class here…

I needed to make one picture of an orange tabby cat with her head buried in a bag of chips (don’t ask). So I found a picture of an orange tabby (tabby1.png), a picture of a Siamese with her head in the chips (tabby2.png), and combined them to make the final picture (tabby3.png). I couldn’t do it the easy way because of the low quality of the pictures, the selection tools picked up too much stuff I didn’t need, so I used the clone stamp, made the pictures the same size and mode and took a while to clone the bag and chips onto the orange tabby, then cleaned up the edges and touched up the logo on the bag. The pictures I used were quite low grade to begin with.

They’re not my pictures, I only needed something for a certain use on Facebook, and they’re quite grainy. However, they’ll suit my purpose fine, I didn’t need anything high resolution.

Take a Break, look for meteors except it’s an Off Year for the Perseid Meteor Shower
Savana enjoying the wonderment of Disney Land!

Savana enjoying the wonderment of Disney Land!

It’s about colour!

In digital photography most skin tone issues occur because the cameras in general adds a red hue or tint to flesh tones…
And, if there is any issue with white balance, skin tones becomes an issue.

I found a really good tutorial that takes us beyond just correcting for a red hue/tint on Smug Mug’s web site.And, I got it backwards

90% of all you need to know is that you can never let the yellow % fall below magenta % on anyone’s skin unless you’re trying to show sunburn.

Getting Great Prints:  Pleasing Skin Tones

Here’s a method for developing skin tone palettes Skin Tone Tutorial

and Adobe has a color tool called Kuler… It can be integrated into Photoshop CS5

Here’s a video about Kuler from Adobe’s web site

You can get Kuler for your desktop here…
http://www.adobe.com/products/kuler/

Week 7 Outline Who is that Masked Person?

blackonwhite

Subjects

  1. Making a selection and Mask with the Pen Tool
  2. Refining the Edge of a Mask

Contact e-mail:

Class Blog: http://psprojects.tumblr.com/

Objectives

To move a person, animal, object from one photo and place it in an exotic location.

Create a “Photoshopped Master piece”

Materials

On the class server, in the folder PSP you’ll find a folder labeled “week7” Copy “week7” to YOUR folder!

Using the Pen Tool

  • The Pen Tool —Photoshop Only
    • Drawing with the pen tool
    • Making a selection with the pen tool path
  • Making a Mask
  • Refining a Mask

Homework

Post your “Photoshopped Photo” to  http://psprojects.tumblr.com/submit