Empty Lines Gif Tutorial
For Anon.
I‘m going to be doing a gif tutorial on how to make a gif with empty space, or white lines, in it. I’ll be making this one as an example:
The goal is to make it look like your chosen person or object is hovering outside the white barrier lines, creating a floating effect.
For this tutorial, you’ll need Photoshop and a decent set of skills and knowledge of how PS works.
watsonly's photoshop CS5/windows gif tutorial ~
to be honest i don’t consider myself any expert at gifing (accept now that this is a word because i will be using it a fair bit) but i have gotten a couple people asking me how i make my gifs. so i thought i’d give it a shot to answer the best i can. if you have any questions or encounter any problems let me know and we can figure something out - the entire process of how i gif was learned through not being able to do things others could. anywho, allonsy!
EDIT: as of late i’ve gotten some questions about this tutorial, please look under my gifhelp tag to see if your question has already been answered before asking me for help!
EDIT EDIT: IF YOU ARE USING CS6/A MAC PLEASE GO TO MY NEW GIF TUTORIAL HERE. both tutorials are split into two parts capping & creating, so if you’re capping on a windows, and then creating in CS6, follow the capping part of this tutorial and the creating part of the other. make sense?
Gif graphic tutorial #1 by leesunnykyu~
Today I’m going to be showing you how to do something like this:
From this photoset; Lets get started.
Flickering static/3D Tutorial.
This was requested by myavatardis! This tutorial will explain how to do a creepy/sad flickering/static/3D effect. The result is seen RIGHT HERE, but the original request was based on the effect of the gif within THIS GRAPHIC.
Okay so first to be clear, I originally learned this concept from THIS TUTORIAL here, although I do it a different way somewhat, so I’m going to show you my method for this technique.
GIF Tips.
I decided I would make a ‘GIF TIPS’ page, as people always question there GIF’s and say stuff like ‘Why can’t I get it better quality?’ so I thought I’d make this to be helpful. Enjoy;
- Use a 1080p video. Download it from Keepvid in MP4 1080p format. Remember that will only be there if the video is HD on Youtube. So make sure your video link is HD.
- Least frames as possible. The more frames in your GIF, the less colour you can have. So, when you are selecting what part of the video you want to make your GIF out of. Press the ‘Limit to every 2 frames’, this helps a great deal and cuts the amount of frames by a half.
- Certain part of the GIF moving. This may be difficult to follow, but its very simple! This will only work if your subject on your GIF is still (Example, an Interview of Jessie where she is still on a sofa and the camera doesnt move.) So Duplicate ANY of your layers (Only 1) Do this by Right Clicking the layer and click ‘Duplicate Layer’. Then, drag that layer to the top. Now, Get the Eraser tool, and erase around your SUBJECT. This is allowing that part to move, and the background to not move.
- Timing. Very important. If you use the Animation Timeline on photoshop, when you play the GIF, that isn’t accurate. These are the timings I use: Without pressing ‘limit to every 2 frames’ I use 0.07. With press the ‘limit to every 2 frames’ I use 0.12. Remember that is only my preference and it can change if I want it to be slow motion.
- Watermark. So you’ve made your GIF and you love it. When you put it on Tumblr I guarantee that some idiot will steal it and put it on Weheartit, and you won’t get ANY credit! So, to prevent this, watermark it. This means you put your blog name on the GIF. To do this, Select the TOP LAYER on the Layer panel, and THE FIRST FRAME on the Timeline. Then use the text tool etc and place it where you want. (IF YOU MOVE YOUR TEXT, MAKE SURE YOU DO IT ON FRAME 1, LAYER 1) And put the Opacity to 40%.
- Colour. Colour always looks good on a GIF if you use a good PSD. But adding a PSD to a GIF will increase its filesize. So sometimes It’s better to do a GIF in black and white, this decreases the file size! I do this all the time if a GIF with colour has a too big file size. Also, try and make sure that you don’t have a really bright vibrant gif, Tumblr struggles compressing really high colour gifs. That’s why sometimes, although your GIF is under 999k it still wont upload and you will get the ‘Error Uploading Photo’ message.
- GIF Size: So, I mostly always (apart from in photosets) make the width of my GIF’s 500px, then it will automatically set the height size. For GIF/Edit photosets I use 245 x 245 or 245 x 300
- Tags. When you upload your GIF to Tumblr, remember to TAG it with relevant things. For example when I upload a GIF I tag it ‘Jessie J’ ‘GIF’ And then it goes onto my GIF’s page.
I really hope I helped some people out! If you have any questions, or this is confusing please message me! I’m awfully bad at wording things. Im always here to help you<3<3
GIF tutorial
Learn how to achieve this.
So, I’ve been getting lots of questions on how to make this. To be honest, it’s probably not as difficult as you might think.
Yeah, so, it’s really really easy.
(I didn’t save the .PSD file of this because I’m an idiot so the final product of this tutorial may not look exactly the same as this picture)
