You are here: DEVPPL Forum Graphic Photoshop Forum Photoshop Tutorials
NOTIFICATIONS
54.086
MEMBERS
15.684
TOPICS
62.255
POSTS
  562
FLASH GAMES
7.740
TUTORIALS
 

Login

E-mail:
Password:

Photoshop Tutorial: Making an Animated Sig (advanced)

Comments and Questions for the tutorials in the tutorial-archives.
0

Loading

Photoshop Tutorial: Making an Animated Sig (advanced)

Postby Rasmus Lindström » Sat Sep 01, 2007 9:22 am

Tutorial author: Mad-Hamlet

What you need:

Animation you like.

A video editing program (I use MAGIX)

Photoshop CS or later.

Imageready.

Patience.

1. Load the movie file or clip that you want to use in your sig into your movie editing program. Cut out everything you don't want and export the file as a Quicktime movie. (For the sake of size your clip shouldn't be more than seven to ten seconds long)

2. Make your sig file in photohshop. It's best to do something with a frame of sorts to hold your animation in. Also you're not limited to a pure square or rectangle shape because the end result will be a GIF file not a JPEG and what isn't covered will take the background color of whatever forum you use the end product on.

Image

3. Import your quicktime movie into Imageready. Do this several times experimenting with only having every third or forth frame. Doing every frame, or every second frame usually results in a huge file size. Also experiment with different qualities; you're probably going to have to settle for lowering the quality a bit again in the name of file size. The goal is to get the sig to be under 200kb or so. Be sure to move all layers that make up every single frame into their own layer group folder.

4. Back in photoshop move, go to Image -> Image Size and write down the size of your image in Pixels. Don't change it, that'll come later. Make sure you're happy with your end product. Now, flatten all the layers that make up your sig file so you're only left with two layers. One holding all the graphics and what-not and another blank layer serving as your empty background. Then go to File -> Edit In Imageready.

5. Here's the really important bit. In Imageready you're not going to drag and drop all the layers that make the animated bit into the Sig File that you just moved from Photoshop. What you do now is change the Canvas Size of the animation so that it's the same as the image you just moved from Photoshop. Now, drag and drop the image that's your sig into the animated file in imageady. Nudge it around a little so the two line up and simply save for the web as a GIF. Fool around with Image -> Image Sizee a bit again to make the final image smaller then Save For Web as a GIF.And you're done.

Image

Using Imageready, Movie editing software and Photoshop together can result in some really nifty end products; even more liberating than photoshop alone.

Image

Image

Image[/b]
Rasmus Lindström
Site Admin
 
Reputation: 18
Posts: 2830
Joined: Tue Aug 17, 2004 2:07 pm
Location: Sweden
Highscores: 1
Arcade winning challenges: 0

Photoshop Tutorial: Making an Animated Sig (advanced) - Sponsored results

Sponsored results

Login to get rid of ads

 

0

Loading

Postby Nic » Thu Oct 11, 2007 3:28 am

do you know where i cna download magix? also, nice tutorial, i never thought about using photoshop to help my animations :P
Nic
 
Reputation: 0
Posts: 25
Joined: Wed Oct 10, 2007 1:59 am
Highscores: 0
Arcade winning challenges: 0
0

Loading

Re: Photoshop Tutorial: Making an Animated Sig (advanced)

Postby Spirit » Sat Dec 18, 2010 9:30 am

Hi,Which Magix software to download?

1.Magix Slideshow Maker
2.Magix FunPix Maker
3.Magix Movie Edit Pro

Thanks
Spirit
 
Reputation: 0
Posts: 15
Joined: Thu Dec 16, 2010 6:54 pm
Highscores: 0
Arcade winning challenges: 0
0

Loading

Re: Photoshop Tutorial: Making an Animated Sig (advanced)

Postby Udaragun » Thu Feb 17, 2011 6:01 am

i have got training video DVD runinig around 6hrs, If any one need contact me
kubgk25@gmail.com
Udaragun
 
Reputation: 0
Posts: 1
Joined: Thu Feb 17, 2011 5:50 am
Highscores: 0
Arcade winning challenges: 0
0

Loading

Re: Photoshop Tutorial: Making an Animated Sig (advanced)

Postby Samchn » Fri Dec 16, 2011 3:37 pm

yes these all can help to create the thing you want in it, just pull your mind up and scroll the mouse everywhere and bring new deisng to create new!
Samchn
 
Reputation: 0
Posts: 0
Joined: Mon Nov 21, 2011 10:18 am
Highscores: 0
Arcade winning challenges: 0
0

Loading

Re: Photoshop Tutorial: Making an Animated Sig (advanced)

Postby Luigi Marino » Thu Jan 31, 2013 4:06 pm

Thanks for the tutorial, I try to give a look to Magix.
Luigi Marino
 
Reputation: 0
Posts: 5
Joined: Thu Jan 31, 2013 3:10 pm
Highscores: 0
Arcade winning challenges: 0
^ Back to Top