+ Reply to Thread
Results 1 to 2 of 2

Thread: Create a stylish animated GIF

  1. #1
    Junior Member jrfgstimulu is on a distinguished road
    Join Date
    Sep 2012
    Thanked 1 Time in 1 Post

    Create a stylish animated GIF

    Get to grips with how to create an animated GIF for uploading to the web. Arthur Carey explains the fastest methods using a few simple steps

    Software Photoshop and Bridge CS3 or later
    Time needed 10 minutes
    Open multiple files as Photoshop layers
    Understand the ‘Save for Web & Devices’ options
    Optimise your file sizes for web

    GIFs are back, and many designers – as well as the Tumblr generation – are using them in highly original and creative ways to produce conceptual animated content at very low file sizes. By the end of this tutorial you will be equipped with the know-how to quickly combine images into a single animated GIF file.

    The order, pace and rhythm will be set by you, as well as the file size, allowing for ultra-fast loading time when hosted on a blog or your website. Ultimately, the content is up to you; this is more of a primer on how to quickly produce a GIF using common tools – Bridge and Photoshop.

    01 To begin, you need to locate all the images you wish to combine into your animated GIF and resize them in Photoshop, making them 72dpi, and all the same width and height. For my file, the images are 460 x 307 pixels.

    02 Ensure all your resized images are closed and saved in the same location. Next, click File>Browse in Bridge. Locate your folder and select all the images you want, then click Tool>Photoshop>Load Files into Photoshop Layers.

    03 The images will open as one file with layers. Change the Photoshop workspace to Motion from whatever yours is usually set to. The Animation panel will appear. Click the flyout menu in the top-right of the panel and select ‘Make Frames From Layers’.

    04 In the Animation panel’s flyout menu choose ‘Make Frames from Layers’. Now, you can specify the number of seconds that each image will appear for in the animation (below each frame), giving you complete control over the sequence. Similarly, you can reorder the sequence by dragging the thumbnails around. Select the Forever option in the Looping drop-down at the bottom-left of the Animation panel.

    05 When you’re happy, click File>Save for Web & Devices. A dialog box appears – you might wish to lower the number of colours from 256 down to 64, as I have. If this is not detrimental to your images, doing so will hugely decrease loading time for online delivery. If you find that at this stage Photoshop is taking a long time to load, check you have resized all your images to the exact pixel size you require (as in step one). Chose a file location and click Save.

  2. #2
    PRC Member jerry is just really nice jerry is just really nice jerry is just really nice jerry is just really nice jerry is just really nice
    Join Date
    Jan 2011
    Trinidad and Tobago
    Thanked 416 Times in 108 Posts



    © [URL="http://www.computerarts.co.uk/tutorials/video-tutorial-create-stylish-animated-gif-photoshop"]http://www.computerarts.co.uk/tutorials/video-tutorial-create-stylish-animated-gif-photoshop[/URL]

+ Reply to Thread

Similar Threads

  1. best program for create ICC profile?
    By peopleV3 in forum Color Proofing Management
    Replies: 219
    Last Post: 08-15-2013, 01:22 AM
  2. How to create QR code?
    By chereshnik in forum Packaging Technology
    Replies: 41
    Last Post: 07-16-2013, 08:05 PM
  3. How to create in signastation
    By Zeyback in forum Imposition & RiP
    Replies: 6
    Last Post: 10-25-2012, 04:54 PM
  4. [Mockup] GraphicRiver Stylish Design Collection 7
    By epic30seven in forum Resources
    Replies: 0
    Last Post: 04-19-2012, 09:23 PM
  5. I am not able to create a new post
    By mydownload in forum General Chat
    Replies: 0
    Last Post: 02-06-2012, 06:18 AM


Posting Permissions

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