Photoshop Gurus Forum
Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!
animated picture help
- Thread starter robby521
- Start date
Ah, well that means the dimensions will be tiny. heh In fact that is the size of the little animated one you posted too. So We could do the work but it will be almost exactly the same as your friends.
If you are ok with that we could continue, or perhaps you might want another picture to get the treatment to make it more personalized.
The Big baby photo has haad some good distort. probably with Liquify, before the animation process.
Well well, I just lashed the little animation fella into ImageReady and realized it only has two frames so this is quite straight forward.
If you have Photoshop, that contains ImageReady so if you open the file up in ImageReady you can see what I mean.
Let me know if you want to continue
If you are ok with that we could continue, or perhaps you might want another picture to get the treatment to make it more personalized.
The Big baby photo has haad some good distort. probably with Liquify, before the animation process.
Well well, I just lashed the little animation fella into ImageReady and realized it only has two frames so this is quite straight forward.
If you have Photoshop, that contains ImageReady so if you open the file up in ImageReady you can see what I mean.
Let me know if you want to continue
Ok then robbie521, I'll try to get something done now, but, I'm in old England and 'tis the wee hours here. Let's see what we can do. I don't know your level in Photoshop so bare with me.
What I have done first is to open the small animated one up in ImageReady then if you go to the Toolbar in IR at the bottom you can see a picture of two pages. If you click on there it will tranfer the image to PhotoShop.
Now with PS open I open up the lage picture (File>Open>. then navigate to where the large image is.
When The large image is oped in PS Go to the layers pallett and duplicate the layer, so you have two layers of the same image.
Got that so far?
I'll go play and wait your reply.
What I have done first is to open the small animated one up in ImageReady then if you go to the Toolbar in IR at the bottom you can see a picture of two pages. If you click on there it will tranfer the image to PhotoShop.
Now with PS open I open up the lage picture (File>Open>. then navigate to where the large image is.
When The large image is oped in PS Go to the layers pallett and duplicate the layer, so you have two layers of the same image.
Got that so far?
I'll go play and wait your reply.
Here is a screenshot of how I have the file laid out My Photoshop mmmmm
I have the little animated one magnified to the left for reference. On the one we are working on can you see I have made a selection above the eyes on the top layer. You can do this by using the Pen Tool or one of the Lasso Tools in the Tools Pallett. Then copy Ctrl>C and paste Ctrl>V on a new layer. Do this to the other side above the eye too.
So now your Layers pallett should look like this
I have labelled the two layers accordingly.
The main reason for copying those bits is to cover the eyes as it blinks with a similar skin texture.
Next I took each bit we just copied and played with them. First go to Ctrl>T to transform the overall shape I rotated it about 180 streched it till it roughly covered the eyes without distorting it too much. Then take off any excess bits with the eraser Tool, and finally select the Smudge tool In the Tool Pallett. In the Opions at the top of the work area I set the Mode to Normal and Strength to 26% and turned off Use all layers and Finget Painting. Now gently smude away at the sides a bit till you are happy.Do this to both sides.
Once you are happy, link the two eye layers with the top copy layer and merge Ctrl>E.
Now you should have two layers. the bottom one with the eyes open and the top one with the eyes shut.
Now turn off the visibility on the top layer by clicking the little eye icon the layers pallett next to the layer.
When I am playing about in photoshop I often like to make a backup just in case. Now as I said earlier in order to keep the filesize down we will need to shrink the image. We may as well use the same dimensions as the first one which was 70 px wide. So before we go into IR got to Image>Image Size and select the size you want here I used 70px wide.
Go to the tools pallett in PS and click the very bottom again to transfer the image to IR.
Nearly there, I'll go test it.
I have the little animated one magnified to the left for reference. On the one we are working on can you see I have made a selection above the eyes on the top layer. You can do this by using the Pen Tool or one of the Lasso Tools in the Tools Pallett. Then copy Ctrl>C and paste Ctrl>V on a new layer. Do this to the other side above the eye too.
So now your Layers pallett should look like this
I have labelled the two layers accordingly.
The main reason for copying those bits is to cover the eyes as it blinks with a similar skin texture.
Next I took each bit we just copied and played with them. First go to Ctrl>T to transform the overall shape I rotated it about 180 streched it till it roughly covered the eyes without distorting it too much. Then take off any excess bits with the eraser Tool, and finally select the Smudge tool In the Tool Pallett. In the Opions at the top of the work area I set the Mode to Normal and Strength to 26% and turned off Use all layers and Finget Painting. Now gently smude away at the sides a bit till you are happy.Do this to both sides.
Once you are happy, link the two eye layers with the top copy layer and merge Ctrl>E.
Now you should have two layers. the bottom one with the eyes open and the top one with the eyes shut.
Now turn off the visibility on the top layer by clicking the little eye icon the layers pallett next to the layer.
When I am playing about in photoshop I often like to make a backup just in case. Now as I said earlier in order to keep the filesize down we will need to shrink the image. We may as well use the same dimensions as the first one which was 70 px wide. So before we go into IR got to Image>Image Size and select the size you want here I used 70px wide.
Go to the tools pallett in PS and click the very bottom again to transfer the image to IR.
Nearly there, I'll go test it.
Now you are in IR you should have the Animation Window open and it should look like this
Can you see at the bottom of the pallett towardthe middle is a highlighted icon? click that to make another copy of the frame. Now go to the layers pallett in IR and make visible the top layer by clicking the eye icon again in the pallett window. Your Animation Pallett should now look like this
Next thing to do is the timing of the frames. This is important to get right for the effect to look OK. In the Animation Pallett can you see where the tiny arrow is denoting how many seconds or fractions of a second the frame will be on view.
These are the settings I used. Set the play to forever and test. Go to File>Preview In> then choose the browser you want to use, or you can just click on the Icon in the toolbar (I use FireFox)
You should now be seeing this
If this looks OK just right click on it and Save As.
If you want to tweak further and lets face it we all do close the browser and play with the time settings.
Can you see at the bottom of the pallett towardthe middle is a highlighted icon? click that to make another copy of the frame. Now go to the layers pallett in IR and make visible the top layer by clicking the eye icon again in the pallett window. Your Animation Pallett should now look like this
Next thing to do is the timing of the frames. This is important to get right for the effect to look OK. In the Animation Pallett can you see where the tiny arrow is denoting how many seconds or fractions of a second the frame will be on view.
These are the settings I used. Set the play to forever and test. Go to File>Preview In> then choose the browser you want to use, or you can just click on the Icon in the toolbar (I use FireFox)
You should now be seeing this
If this looks OK just right click on it and Save As.
If you want to tweak further and lets face it we all do
close the browser and play with the time settings.As this was a quick down and dirty explanation of the animation there are bound to be bits I may have ommitted. I'm off to throw Zeds at the stars now. I hope it works for you, the fiddly bit is covering the eyes and slightly smudging. Keep trying and I'll catch you on the bright side 
Of course this is not the only way. I don't often use ther smudge tool it tends to distort too much. Clone Stamp may be worth trying too.
Of course this is not the only way. I don't often use ther smudge tool it tends to distort too much. Clone Stamp may be worth trying too.
g'day Tao .. excellent explanation of how to 'blink' images ... I muddled my way around 'blinking' images a while back (could have done with your help to shorten my learning curve .. lol ..) ... come to think of it I muddle my way around IR and pshop all the time ... lol ...
robby .. well done .. full marks for perserverance ... got your toes wet eh? ... gonna do some more? ('tis soooo adictive!! .. lol ..) .. btw when 'blinking' ladies give them a tad of eye shadow on the eye lids when they're wearing makeup (even though the 'blink' is only 0.1 or 0.2 of a second it does please the viewers eye .. and adds to the reality ... ) ... again well done :} :} :}
... have posted one of 'my' ladies below ... (the mods are done in ps7 and IR .. image is 250x320 .. 55k ... 4 frames .. 'blink' frames are 0.2 .. one open eye frame is 3 secs the other is 2 secs ... I kept the 256 colours ... )
robby .. well done .. full marks for perserverance ... got your toes wet eh? ... gonna do some more? ('tis soooo adictive!! .. lol ..) .. btw when 'blinking' ladies give them a tad of eye shadow on the eye lids when they're wearing makeup (even though the 'blink' is only 0.1 or 0.2 of a second it does please the viewers eye .. and adds to the reality ... ) ... again well done :} :} :}
... have posted one of 'my' ladies below ... (the mods are done in ps7 and IR .. image is 250x320 .. 55k ... 4 frames .. 'blink' frames are 0.2 .. one open eye frame is 3 secs the other is 2 secs ... I kept the 256 colours ... )