Welcome to CollectorFreaks.com! Register today to gain full access to the forums. Registration is quick and easy!
Advanced Search
Page 2 of 5 FirstFirst 12345 LastLast
Results 11 to 20 of 43
  1. #11
    Abnormal Brain
    Join Date
    Sep 2005
    Location
    Sleeping in a jar
    Posts
    2,239
    Feedback
    0
    Reputation

    Default Re: FrankenFan's Photoshop Fundamentals — Avatar Tutorial

    Step 10

    OK. Now for the fun part — we're ready to animate this thing and then get on with our lives!

    If you're using Photoshop CS3, select Window>Animation from the main Photoshop menu to open the Animation palette. If you are using an older version of Photoshop, open your file in ImageReady.

    Note: All images of palettes, etc., in steps 10-16 are from Photoshop CS3, but are very similar to what you will see if you are working in ImageReady.

    Click the Eye (Layer Visibility) icon next to the Flare, Lens, Lens Pulse, and Lens Glow layers to to toggle visibility off.

    Your image, Animation and Layers palettes should look something like this:

    Last edited by FrankenFan; 03-30-2008 at 09:00 AM.

  2. #12
    Abnormal Brain
    Join Date
    Sep 2005
    Location
    Sleeping in a jar
    Posts
    2,239
    Feedback
    0
    Reputation
    Step 11

    Next, in the Animation palette, click the Duplicates selected frames icon on the bottom of the Animation palette (first icon to the left of the Trash icon on the bottom of the palette) to create a duplicate of the first frame.

    In the Layers palette, click in the empty box next to the Lens and Lens Glow layers to toggle visibility back on.

    Your image, Animation and Layers palettes should look like this:

    Last edited by FrankenFan; 03-30-2008 at 09:01 AM.

  3. #13
    Abnormal Brain
    Join Date
    Sep 2005
    Location
    Sleeping in a jar
    Posts
    2,239
    Feedback
    0
    Reputation
    Step 12

    Next, return to the Animation palette, click the Duplicates selected frames icon again to create a duplicate of the second frame.

    In the Layers palette, click in the empty box next to the Lens Pulse to toggle visibility back on.

    Your image, Animation and Layers palettes should now look like this:

    Last edited by FrankenFan; 03-30-2008 at 09:01 AM.

  4. #14
    Abnormal Brain
    Join Date
    Sep 2005
    Location
    Sleeping in a jar
    Posts
    2,239
    Feedback
    0
    Reputation
    Step 13

    In the Animation palette, click the Duplicates selected frames icon again to create a duplicate of the third frame.

    In the Layers palette, click in the empty box next to the Flare to toggle visibility back on. All of your layers should now be visible.

    Your image, Animation and Layers palettes should look like this:

    Last edited by FrankenFan; 03-30-2008 at 09:02 AM.

  5. #15
    Abnormal Brain
    Join Date
    Sep 2005
    Location
    Sleeping in a jar
    Posts
    2,239
    Feedback
    0
    Reputation
    Step 14

    In the Animation palette, click the Duplicates selected frames icon again to create a duplicate of the fourth frame.

    In the Layers palette, click the Eye icon next to the Flare and Lens Pulse layers to turn them off.

    Note: Frame 5 is a duplicate of frame 2. As an alternative to duplicating frame 4 to create frame 5, click on frame 2 to make it active, duplicate it, then click and drag it to the right of frame 4.

    Your image, Animation and Layers palettes should look like this:

    Last edited by FrankenFan; 09-05-2008 at 09:05 AM.

  6. #16
    Abnormal Brain
    Join Date
    Sep 2005
    Location
    Sleeping in a jar
    Posts
    2,239
    Feedback
    0
    Reputation
    Step 15

    With Frame 5 still selected, hold down the Shift key and Click on Frame 1 to select all of the frames in the animation.

    Now Click on the Down Arrow next to 0 sec. in any frame and choose 0.2 sec. from the Selects frame delay time pop-up. The delay time for all of your frames should now be 0.2 seconds.

    Your Animation palette should look like this:

    Last edited by FrankenFan; 03-30-2008 at 09:04 AM.

  7. #17
    Abnormal Brain
    Join Date
    Sep 2005
    Location
    Sleeping in a jar
    Posts
    2,239
    Feedback
    0
    Reputation
    Step 16

    Now let's fire this thing up and see what we've got!

    Click on the Play button to preview the animation. The Animation palette should begin to cycle through the individual frames, and you should be able to observe the results in your Photoshop file.

    Here's another look at the finished avatars:



    Experiment with different frame delay times and adding and deleting frames to see how it affects your animation. Be mindful of file size, however. The more frames you add, the larger your file becomes, and the longer it takes to download; You want people to easily see and enjoy your work, not be frustrated by lengthy download times. Try to keep your frame count to a minimum; You'll be surprised at what you can achieve with just a handful of frames. After all, it's an animated GIF, not a Pixar feature. We managed to create a fairly realistic pulse/glow effect with only five frames and brought the weight of the file in at under 13K.
    Last edited by FrankenFan; 07-01-2009 at 12:55 PM. Reason: Fixed broken image link.

  8. #18
    Abnormal Brain
    Join Date
    Sep 2005
    Location
    Sleeping in a jar
    Posts
    2,239
    Feedback
    0
    Reputation
    Step 17

    Finally, we need to save our finished animation for the Web.

    If you are using Photoshop CS3:

    From the main Photoshop menu, go to File>Save For Web & Devices..., and enter the following settings in the dialog box:

    Note: You can preview your animation in your browser by clicking the Globe/? icon on the bottom of the dialog box, or preview it in the dialog, itself, by using the playback buttons under the color table.



    If you are using ImageReady:

    Your file and Options palette settings should look something like this:



    From the main ImageReady menu, go to File>Save Optimized As... and name and save your file to your hard drive.
    Last edited by FrankenFan; 03-30-2008 at 09:07 AM.

  9. #19
    Abnormal Brain
    Join Date
    Sep 2005
    Location
    Sleeping in a jar
    Posts
    2,239
    Feedback
    0
    Reputation
    Well, that's all for this lesson; I hope you found this tutorial fun as well as informative!

    Please let me know what you though of this session by posting your comments in this thread, and, if you come across any typos or other errors or keyboard/menu commands that don't work in Windows, LMK and I'll fix 'em ASAP!

    Happy Photoshopping!
    Last edited by FrankenFan; 03-30-2008 at 09:08 AM.

  10. #20
    Silly question but do I open the Iron Man image using Photoshop or Imageready?

Similar Threads

  1. Replies: 75
    Last Post: 02-11-2019, 03:17 AM
  2. Lightsaber Effects Tutorial for Photoshop
    By MaulFan in forum Star Wars-Statues, props, etc.
    Replies: 23
    Last Post: 02-13-2008, 05:37 PM

Posting Permissions

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