Announcement

Collapse
No announcement yet.

A simple guide in making GIFs -- The Slideshow Image Version.

Collapse
X
Collapse

  • A simple guide in making GIFs -- The Slideshow Image Version.

    A guide to making GIFs, Slideshow.

    * Note, in the final GIF, those words at the bottom are my watermark to show that I was the one who made the GIF. And yes, I do have a Tumblr.

    So what happens is that first, you need to have a set of CGs you want to make a GIF out of.
    We will be using Photoshop.
    Take note that any image can be used, though make sure they are all of the same sizes.
    So I'll be using Starry Sky ~ In Summer ~ CGs here, to show you that nice effect when the images are linked together.

    Picture 1 :


    Picture 2 :


    Picture 3 :


    So first, what I will do is to Sharpen the images. The Sharpen function can be found under Filters : Sharpen.


    When you're done with that, in the first image, duplicate that layer. Most likely, you'll end up with a second layer called : Background Copy.


    Make sure the background COPY is selected, then go to Filter, Blur, MOTION BLUR.



    Set the distance to about 23 pixels so that the effect would be quite ohkay.


    Click ok and once it closes it should be something like this :



    After that, click the eye beside the layer that says " Background Copy ". This will turn that layer's display off.

    Remember, it must be for the BACKGROUND COPY LAYER.

    So by right, you'll only see the background layer there.


    After that, go to Windows, and click Animation. There should be a display of frames there ( 1 only ).


    Create a new Frame by clicking on the symbol that looks like the Create a new Layer symbol.


    Once that's done, select the second frame and click the eye beside Background Copy.


    So it's like in the First Frame you'll see the CLEAR image while in the Second Frame you'll see the BLUR image.


    At the bottom of the frames, you'll see something that says 0 Seconds. Change that to anything you like. After that, you're done.


    Like what my other GIFs has, they have more than one image. All you have to do is to just bring the other image to that same canvas under a new layer and a new frame, and do the same things stated above and you have a nice about to be a GIF that looks something like this.



    After that, the most tricky part is saving it.

    As you know, there are certain websites such as Tumblr, and even the Hongfire gallery which limits your GIF file size.

    Go to file, SAVE FOR WEBS AND DEVICES.

    Change the width to something smaller, and your height is also adjusted to suit the width.

    Mess around with the DITHER, LOSSY and COLOURS and don't touch anything else cause it will only mess everything up TT.TT
    Most importantly, make sure it's saved as a GIF! Once it's done click " Save " and your image is ready to be uploaded.

    So, you will see the file size.



    Finally, the outcome :



    Some other examples :
    Spoiler






    Enjoy


    To post comment on this article please go to
    http://www.hongfire.com/forum/showth...-Image-Version
      Posting comments is disabled.

    Latest Articles

    Collapse

    • Best Free Application for windows 7 2013 Guide
      HongFire


      In this guide I will recommend some free software that I use and find it very useful for 2013. All this software has been tested by me and I've been using them for a while. The best part is they are *Free* The free version will just work as fine, But if you like it I would recommend buying the Full version just to support the developers so they can keep bring out updates. I will keep this list short and just list the most useful and important ones. Will try to add more when I have time. If you know some good ones you can also reply to my post and let us know. Here is the programs I think is must have and I install them every time I rein...
      10-08-2013, 09:39 PM
    • A Tutorial, on Editing your Photos.
      sonicfan1997
      A Tutorial on Tips to Edit your Photos.

      Everyone wants nice photos. So do I, and so I've created this tutorial on tips to editing your photos to make them look nice and clean.

      Today, we'll be looking at the more common type of photo editing, which is the simplest of all, but the effect is drastic.

      If you have been on Tumblr, or maybe Pixiv or Zerochan, you would notice that some users actually " edit " photos, to differ from the original. One example, which is mine is like this :

      Original :


      ( Credits to
      http://www.zerochan.net/492014#full )

      Edited :
      Do you get what I mean? Easily put, it's just changing the picture to make it look different. So, today, I'm going to teach you how to do that ^^. First off, get a picture you want to edit. Try to get something that isn't copyright protected. Note that you MUST always credit the artist of the image NO MATTER WHAT. It's rude to take other people's wo...
      10-12-2011, 04:35 PM
    • A simple guide in making GIFs -- The Slideshow Image Version.
      sonicfan1997
      A guide to making GIFs, Slideshow.

      * Note, in the final GIF, those words at the bottom are my watermark to show that I was the one who made the GIF. And yes, I do have a Tumblr.

      So what happens is that first, you need to have a set of CGs you want to make a GIF out of.
      We will be using Photoshop.
      Take note that any image can be used, though make sure they are all of the same sizes.
      So I'll be using Starry Sky ~ In Summer ~ CGs here, to show you that nice effect when the images are linked together.

      Picture 1 :


      Picture 2 :


      Picture 3 :


      So first, what I will do is to Sharpen the images. The Sharpen function can be found under Filters : Sharpen.


      When you're done with that, in the first image, duplicate that layer. Most likely, you'll end up with a second layer called : Background Copy.


      Make sure the background COPY is selected, then go to Filter, Blur, MOTION BLUR.
      ...
      10-12-2011, 04:31 PM
    • How I Judge Artworks: Critical Thinking/Practice
      darkandshadow

      How I Judge Artworks: Critical Thinking/Practice

      Article By: darkandshadow





      I'm seeing a lot more people, not just in forums, but in classrooms, outdoors, etc. taking on new challenges for increasing their aesthetics. Some people can grasp the concepts easily, while some others have a little trouble with their first steps. That is ok. Sometimes it takes years of practice before you truly understand art, and its foundations. What I have put together here, is something I see, and critique art. You don't have to follow this to the letter, but understand that this is, but a mere guide to help you on your way.

      Starting from the beginning:

      THEME: Before you start fiddling around with...
      10-09-2011, 09:19 PM
    • The Definitive Guide to Purchasing a Computer
      darkandshadow

      The Definitive Guide to Purchasing a Computer
      Article By: darkandshadow



      Note: I've tried making this as non tl;dr as possible without cutting out too much details. The modern computers are getting faster and faster, smaller, and smaller, and sometimes a little less pricer. Let's face it: eventually, we're going to have to give up that old machine that we fell in love with oh so many moons ago, and upgrade to one of the latest renditions of computing hardware, whether it be PC, Mac, or what have you. But with all of the new technology and “rederick” going on, it's sometimes hard to keep up with the intense pace. So what do you really end up doing? Purchasing some machine that you believe will get the job done, only to realize there could've been better alternatives. I should mention one thing about this kind of hardware...
      10-09-2011, 09:08 PM
    • Reputation Help Guide
      FutaBoy
      Hi,

      there was an idea to make an help guide for the members, that they know for what the reputation is, what is the meaning of the symbols and the states and so on.
      Also where have
      09-03-2011, 06:51 PM
    Working...
    X