Results 1 to 14 of 14

Thread: Light running through text animation

  1. #1
    Worm's Avatar Bravo
    Join Date
    Mar 2008
    Location
    Stockholm, Sweden
    Posts
    1,516

    Default Light running through text animation

    Here's the end effect we're looking for:

    Step 1
    Find take a picture and make it to sig size and mayby make some effects:

    after

    Step 2
    Then make your text, i used the romans caps font(colour=ffcc00) and made these effects if interested
    Spoiler Alert, click show to read: 

    Outer glow:

    and bevel and emboss

    Here's the result

    Step 3
    1.Make a new layer name it light, place it ONE STEP OVER THE TEXT LAYER and choose the gradient tool.
    2.Check the transparency box:

    (The gradient i dragged here is NOT a part of this step)
    Step 4
    1.Make sure you have linear gradient selected
    2.Press the gradient box in the corner

    After pressing the gradient "box" choose this gradient type:

    Step 5
    Make a selection like this:

    and drag the gradient like the one in step 3 on the new layer and you will get this:

    Alternative you could change layer mode on the layer ''light'' , on this picture i used overlay. Now press Ctrl+Shift+G.

    Step 6 for Photoshop CS3 and above version

    Open the animation window:

    On the first frame drag the layer with the light over the text so it barely can't be seen on the first frame. Also, set the delay time as you want it, i think 0.1 second is the best.
    Then duplicate the frame

    And on the next frame drag the layer from one end to another so it barely can't be seen.
    Then click on the first frame and click on the tween button:

    use these or simlilar settings:

    Then saving time, press the save for web and device option:

    Now a window should pop up:

    1. Make sure it is set to save as a gif
    2. Save.

    Step 6 for Photoshop CS 2 and lower Version
    Spoiler Alert, click show to read: 

    After step 5, click ''file > edit in image ready'' or ''shift + CTRL + m''.

    In imageready open the animation window:

    Now on the first frame drag the layer with the light over the text so it barely can't be seen on the first frame. Also, set the delay time as you want it, i think 0.1 second is the best.
    Then duplicate the frame

    And on the next frame drag the layer from one end to another so it barel can't be seen.
    Then click on the first frame and click on the tween button:

    use these or simlilar settings:

    Then saving time, open the optimise dialog window:

    and use these settings:

    and save like this:

    (spara optimerade som=save optimised as)

    Thats it, hope this wasn't to hard to follow, if it is, i'm sorry it's my first tut.

    EDIT: This works even better without an background image as you wont get reduced quality on the gif then
    Last edited by Worm; March 25, 2011 at 12:33 PM.

  2. #2
    y2day's Avatar TWC STORE NOW OPEN!
    Content Emeritus Administrator Emeritus

    Join Date
    Oct 2007
    Location
    under your bed
    Posts
    9,248

    Default Re: [Tutorial] Photoshop Light running through text animation

    Simply great! I will use this!

    +rep




    TWC Graphics Workshop Art Competition!!!
    MEMBER OF THE IMPERIAL HOUSE OF HADER

  3. #3

    Default Re: [Tutorial] Photoshop Light running through text animation

    wow awesome tut +rep edit itdoesn't allow me

  4. #4
    Worm's Avatar Bravo
    Join Date
    Mar 2008
    Location
    Stockholm, Sweden
    Posts
    1,516

    Default Re: [Tutorial] Photoshop Light running through text animation

    Thanks guys

  5. #5

    Default Re: [Tutorial]Light running through text animation

    sry mate

    Deselect, press Ctrl+Shift+G and click “file > edit in image ready” or “shift + CTRL + m. Alternative you could change layer mode, on this picture i used overlay.

    what u mean could u explain with a pic i can't make this great effect any help would be great

  6. #6
    Worm's Avatar Bravo
    Join Date
    Mar 2008
    Location
    Stockholm, Sweden
    Posts
    1,516

    Default Re: [Tutorial]Light running through text animation

    Here you go mate:

    I made some changes in the opening post aswell if this dosn't do the trick.
    Last edited by Worm; December 14, 2008 at 04:47 AM.

  7. #7

    Default Re: [Tutorial]Light running through text animation

    Quote Originally Posted by Worm View Post
    Here you go mate:

    I made some changes in the oopening post aswell if this dosn't do the trick.
    i don't have it is it a plug in?
    can u post a link ty again mate

  8. #8
    Worm's Avatar Bravo
    Join Date
    Mar 2008
    Location
    Stockholm, Sweden
    Posts
    1,516

    Default Re: [Tutorial]Light running through text animation

    Mayby you don't have imageready? But it should come with photoshop i think. Odd.

    If you have imageready but can't find this option then you could save the image as a psd and then open it in imageready.

  9. #9

    Default Re: [Tutorial]Light running through text animation

    i made some research and CS3 doesn't have imagerdy because now there adophe fireworks

  10. #10
    Worm's Avatar Bravo
    Join Date
    Mar 2008
    Location
    Stockholm, Sweden
    Posts
    1,516

    Default Re: [Tutorial]Light running through text animation

    Updated the first post with a photoshop cs3 way of animate.

  11. #11
    y2day's Avatar TWC STORE NOW OPEN!
    Content Emeritus Administrator Emeritus

    Join Date
    Oct 2007
    Location
    under your bed
    Posts
    9,248

    Default Re: [Tutorial]Light running through text animation

    Quote Originally Posted by Worm View Post
    Updated the first post with a photoshop cs3 way of animate.

    Thanks Worm.

    y




    TWC Graphics Workshop Art Competition!!!
    MEMBER OF THE IMPERIAL HOUSE OF HADER

  12. #12

    Default Re: [Tutorial]Light running through text animation

    really ty mate

  13. #13

    Default Re: [Tutorial]Light running through text animation

    Worm really ty i have made this one following ur tut



  14. #14
    Wildrek's Avatar Senator
    Join Date
    Jun 2009
    Location
    Greece
    Posts
    1,071

    Default Re: [Tutorial]Light running through text animation

    nice one. good job

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •