#giftut

[etalliongirl]

[etalliongirl]

Learn how to import Illustrator files into After Effects for producing finished content or incorporating into dynamically linked compositions for handoff to Premiere Pro.

[thosetutorials]

GIF Graphic Tutorial #12

This tutorial is something super simple and takes no time to do. The only difficult thing was trying to find the right clip to go with it. So since this has been requested quite a bit, we'll get right into it.

You will need: 

• photoshop extended • how to make a gif

Start by making your gif as you usually would. I'm using the I Need U by BTS video, if you were wondering. (Or if you want to come in my ask and talk about BTS, that's completely fine as well. You are more than welcome.) 

I'm using the dimensions 268px by 140px. Make sure that you've converted your gif to timeline and it's a smart object because if it's not, this tutorial won't work.

Next select the part of the gif you want it to be reflected on.

Right click to invert the selection.

Then make a mask on the smart object layer with this button at the bottom of the layers pallet.

Now duplicate your smart object layer that you just put the mask on.

After duplicating it, go to Edit > Transform.

Right click and select Flip Horizontal.

Then reposition your gif to be back to back with your other one. You may have to select them both so they can be positioned on the canvas perfectly. 

Add your PSD (which I did way earlier) and you’re done!

[thosetutorials]

Birthday Graphic/GIF Graphic Tutorial #9

Here’s a very easy and very to the point tutorial on how to do the text on the two gifs below. This is a recreation of a few gifs from this gifset.  You will need: •  photoshop •  how to make a gif •  how i color gifs

Start by making your gifs. There is a link above for my tutorial on that, as well as to how I color them. 

We’re going to start with the text in the box. Start by drawing a rectangle of sorts in the middle of your canvas with the marquee tool. We’re going to move it later so it doesn’t have to be perfect. Just make sure the box will fit your text. 

Make a new layer and right click to Stroke the outline of the rectangle with a 1px width.

Now go ahead and add your text. I’m using Nevis with a size of 15 for this part. The text is centered. 

Since we’ve finished that, let’s make sure it’s all nice and centered on the gif. Select the entirety of your canvas, and make sure that in your layers pallet, you have highlighted the layer with the rectangle. Go to Layer > Align to Selection > Vertical Centers  Layer > Align to Selection > Horizontal Centers

Then you can save that and move on to the next gif! 

For this one, also go ahead and make it and color. All that jazz. Then make a new text box. I put the largest 2 by itself with the size of 54. 

Then make another text box right beside it and type the second number and whatever words will follow in the size 20.

Duplicate those layers and merge them (Select both of the layers and press control + shift + e) 

Then align them like I said earlier and you’re done with number two!

[peachiex]

Can I ask what is your gif process? Yours are stunning.

awww gawrsh. Thank you! And oh boy, you’re about to get a very wordy response, I geek out about gifs, I just love them. Basically, I despise using anything less than 720p video (there are gifs that are 480 and even 360 that I’ve done, I can point out the differences if you’d like.), and I use the same sharpen settings on every gif, (I strongly recommend finding an action, or creating one) and I color my gifs, I actually use a lot of layers for colors, but I don’t think it looks like I do. Mostly, just enhance the colors already there.  Seriously though? If you just use some curves or brightness and sharpen each layer and make sure to use no less than every other frame and get your timing right? Your gifs will look great every time. The color and enhancements like that are just gravy.  Also, how you save them is important as well, ‘cause depending on how you do it will either increase or decrease noise in the gif. These are my save settings,  sometimes I do switch from Selective to Adaptive, if the colors are richer on the gif, Adaptive tends to make them blend more and not be so noisy. My way tends to take up a TON of file size (hence why I almost exclusively make 245px) so the 2mb 245/160px option is key for me.  I always love talking about this stuff, so feel free to message me off or on-anon and I’ll help or give you some pointers! My biggest recommendation? Practice, find a process you love, and practice.

[movedtothosetutorials]

GIF Graphic Tutorial #11

How to make something like this: 

  Open an image of a TV in Photoshop. I'm using this one. 

Now, use the magic wand tool to select the inside screen of the TV.

Backspace, delete, or erase the inside of the screen.

Now find 2 or 3 images you want to put in the TV. 

Resize them and place them under the TV layer.

Now Google TV static and find two that you would like to use. Resize them and place them under the TV layer.

Now open your animation bar. Window>Animation

Right now you'll have a single frame that should look like this.

Now click the new frame button.

Turn on the visibility on the other static layer. 

Make another new frame and turn on the visibility for the first picture you want to show up. 

Continue this until you've gone through all the images. Set the timing to .1 on the static images and .3 on the actual pictures.

Save for Web & Devices and you're done. 

[warp69-blog]

how to make gifs into shapes or whatever:

this one is a triangle because anon asked :o

so you have your standard gif

make a new layer over the other layers of your gif and make sure to check all of the little boxes highlighted in the image

draw the shape you want your gif to show in with whatever you want -- i used pen tool for this one

look at that gorgeous triangle

okay now select your triangle and cut out the area in the middle of it

if you save your gif now it should just play as your gif but in triangle form :o simple as that!

[warp69-blog]

Okay, I think maybe I'm a little confused, pics?

note: this is how to make it so your text only shows up in parts of the animation

Select your text layer, select the frames you want the text to appear on, hit the green circled visibility eye thing (make sure the red circle is not checked for the layer)

now choose the part of your gif you don't want the text to appear on and uncheck the visibility eye

your text should only appear on the frames where the layer is set to visible :o