Welcome to Our Community

Wanting to join the rest of our members? Feel free to sign up today.

[PS CS] Tutorial: Adding a video into a signature [faster than demonflair's method]

Discussion in 'The Design Lounge' started by Secumfex, Jul 2, 2007.

  1. Secumfex

    Secumfex Ninja? I'm a Pirate! Yarr

    Joined:
    Jan 14, 2007
    Messages:
    567
    Likes Received:
    15
    Wii Friend Code: 6205-5687-4726-5914
    6205-5687-4726-5914
    Photoshop CS Tutorial: How to include a video into your signature

    In this tutorial I want to show you guys a slightly faster way to add a video into a signature to turn it into an animated gif. Demonflair's full signature tutorial ( click here )shows you how to add a video into a signature, too, but if you ask me who is a really lazy person, I have found a faster way to do it. In fact, there is a better way to add a video to a signature than always having to add a new frame, change the layer's visibility etc. But just read.




    Of course, you need a completed signature to start off. I'll use my own crappy signature. Load it into Adobe Photoshop CS.
    [​IMG]




    First, create a sector in the signature in which you want to have your video to be played later. This isn't a have-to, but it really looks nicer in the end. The outlines shout match with your signatures colours. You can also change the layer to overlay or what ever to make it suit with the signature even more.
    [​IMG]




    For the next step you have to change to ImageReady by clicking on this button:
    [​IMG]




    Now your signature should be fully loaded into ImageReady. Open the Animation Window by clicking on Window -> Animation . The window that now opens should look like this:
    [​IMG]




    Now you should load the video into ImageReady that you want to have in your signature. To do this either press on File -> Open and select your video and press Open then, or just load it into ImageReady Drag'n'Drop style. Just drag it into ImageReady, then a window like this should appear:
    [​IMG]
    of course, it looks slightly different in the English version of ImageReady... like demonflair's ( click here )
    Attention: the video must be either a .mov (Quicktime) or .wmv (Windows Movie Video thingy) file. I recommend the Quicktime files.




    Now you have to select the part of the Video that you wish to see in your signature.

    If you want to have the full video in your signature, just leave the settings on "From beginning to end".
    If you want to have only a part of the video in your signature, select the "Selected Range Only" Setting.
    Now you have to select the part of the video by clicking to the beginning of the part that you want to see and holding shift and then clicking on the end of that prefered part.
    The selected part of the video should turn grey in the timeline.

    In both cases, I strongly recommend you to also select the "Limit every [2nd] frame" setting and changing it to 3rd frame.
    This will make your video have less FPS in the signature, but will also keep the size small enough.

    When you're done, just hit OK and let ImageReady load it.




    Now that you have done this, you're finally ready to embed it into your signature. Go to the Animation Window which should have a thumbnail view of the video's frames. Select the first frame and scroll to the end of the Animation Window and select the last frame while holding Shift to select every frame of the video.

    Press on the >> button at the top right of the Animation Window and select "copy frames". Again, my ImageReady is German, but the button and the copy frames buttons should be on the same place. Also remember the number of total frames. In my case, it's 112 frames.
    [​IMG]




    Next, first click on the Window of your signature, then on the Animation window, so that your signature is loaded into the Animation window.

    [​IMG]

    Now you have to do 2 things.

    1st, click on duplicate frame, so there are 2 frames of your signature.
    Then click on Insert between or what ever it is called in English, then you have to add as many frames as you have to to have the same amount of frames as the video has.
    [​IMG]
    In my case, I want 112 frames of the signature, 2 are already there. So I have to add 110 frames in between. But actually, ImageReady will only add 99 frames at once, so I have to add 99 and then 11 frames to have 112 at total.
    [​IMG]




    Next, select all frames of your signature. Then click on the >> button and select "Paste Frames". Just put the Settings like I have them, make sure Paste over selection (or w/e) is selected, so the video will be pasted onto your signature.
    [​IMG]
    Hit OK.
    It should now look like this, because the Video is still far to big.
    [​IMG]




    Now to the last real step:
    The last thing to do, is to adjust the videos dimension and fit it into the spot that we created in the very first step.

    To do so, select the first layer in the Layer Window, and the first frame in the Animation Window. Make sure all video related layers are linked with the first layer.

    If not, link them by holding the left mouse button on the link setting and move your cursor up to scroll up the layer window and link every layer.
    The layer Window should look like this; all 112 video layers are linked:
    [​IMG]

    Now that every layer is linked and that you have selected the first video layer and the first frame of your signature, you can adjust the video by clicking on it and pressing CTRL + T . You can now adjust the video to make it fit into the spot. then just move it in.
    My signature looks like this now:
    [​IMG]


    Very well, you're done, now simply save it as an optimized version as a .gif and you have your own Signature with a video embeded.

    Here's another outcome:
    [​IMG]

    Comments, critics, corrections, w/e welcome.
     
    • Like Like x 2
  2. Wii_Smurf

    Wii_Smurf No.1 Smurf

    Joined:
    Dec 5, 2006
    Messages:
    3,952
    Likes Received:
    71
    Location:
    Manchester
    Wii Friend Code: 0000-0000-0000-0000
    0000-0000-0000-0000
    Wow.
    Thats ALOT faster
    I'd be better to put this Tutorial in another Thread [Differently named] and have that one as a sticky instead
    It really works
    No messing around with the Viewing of the layers.
    Cheers!
     
  3. Syntax

    Syntax That Canucks Fan

    Joined:
    Dec 27, 2006
    Messages:
    5,355
    Likes Received:
    73
    Wii Friend Code: 0000-0000-0000-0001
    0000-0000-0000-0001
    I may have to try this out later :)

    Nice tutorial.
     
  4. demonflair

    demonflair Slowly returning..

    Joined:
    Feb 10, 2007
    Messages:
    2,513
    Likes Received:
    76
    Location:
    Portugal, Portimão
    Wii Friend Code: 2967-1215-6372-5681
    2967-1215-6372-5681
    Well... credits go to you... :rolleyes:
     
  5. Byuakuya

    Byuakuya Bleach & Heroes fan.

    Joined:
    Jan 14, 2007
    Messages:
    6,251
    Likes Received:
    78
    Location:
    Soul Society
    That looks pretty cool. Nicely done. :)
     
  6. mr_resi

    mr_resi AKA:Skarecrow

    Joined:
    Dec 27, 2006
    Messages:
    1,041
    Likes Received:
    18
    Location:
    Stuck in the Magical Soda Machine
    Wii Friend Code: 1491-5330-6997-9229
    1491-5330-6997-9229
    Uh oh, demon is gonna be to happy aboot this.
     
  7. demonflair

    demonflair Slowly returning..

    Joined:
    Feb 10, 2007
    Messages:
    2,513
    Likes Received:
    76
    Location:
    Portugal, Portimão
    Wii Friend Code: 2967-1215-6372-5681
    2967-1215-6372-5681
    Lmao... :lol:

    I saw this earlier than you buds... meh... who cares, as long as if people understand it and stop asking me for sigs with animation :sick:
     
  8. mr_resi

    mr_resi AKA:Skarecrow

    Joined:
    Dec 27, 2006
    Messages:
    1,041
    Likes Received:
    18
    Location:
    Stuck in the Magical Soda Machine
    Wii Friend Code: 1491-5330-6997-9229
    1491-5330-6997-9229
    LMAO,XD, less work for then buds :p
     
  9. Secumfex

    Secumfex Ninja? I'm a Pirate! Yarr

    Joined:
    Jan 14, 2007
    Messages:
    567
    Likes Received:
    15
    Wii Friend Code: 6205-5687-4726-5914
    6205-5687-4726-5914
    Nice, I'm glad you like it. I'd love to see this as a sticky, but who is the mod to send a PM to? I've never seen any of 'em except Miss Loose.

    Well, demonflair's Sig Tutorial is still better than mine, this here is just to let you know another way to embed a video.
     
  10. its now stickied


    so who wants to make me a nypd video sig? :)
     
  11. Wii_Smurf

    Wii_Smurf No.1 Smurf

    Joined:
    Dec 5, 2006
    Messages:
    3,952
    Likes Received:
    71
    Location:
    Manchester
    Wii Friend Code: 0000-0000-0000-0000
    0000-0000-0000-0000
    I would but im ill. A bad case of CBA. Sorry :( Doctor says it will never go away
     
  12. Secumfex

    Secumfex Ninja? I'm a Pirate! Yarr

    Joined:
    Jan 14, 2007
    Messages:
    567
    Likes Received:
    15
    Wii Friend Code: 6205-5687-4726-5914
    6205-5687-4726-5914
    I like how the sticky glue dried and isn't sticky anymore.
     
  13. d4mahern

    d4mahern Detroit Lions 2-1

    Joined:
    Sep 4, 2007
    Messages:
    99
    Likes Received:
    1
    Location:
    Kalamazoo (No, seriously...)
    do you send it back to photoshop and then save it or save it right in image ready?
     

Share This Page