Ｄｉｇｉｔａｌｌｙ Ｄｉｓｔｉｎｃｔ: Signature Tutorial Thread

[chrome]

I'm working on a walkthrough guide, i'm just making sure i'm doing the correct thing.
so don''t worry!

[Enuri]

oh good! will you send me the link once your done?

[theawesomeepicgirl]

How do you overlap a picture on a GIF? Or how do you overlap pictures?

[life overseas]

It's hard to explain, I can make a tutorial on how I did it.

[chrome]

HOW TO MAKE A GIF OVERLAY

Hello there! I'm Chrome, and I'll be showing you how to do a gif overlay!
[yes, i am aware the transparent i used is bad quality, i was in a hurry]

First, you need a blank canvas.
There are two ways to do this. You can do it on Pixlr or Online Image Editor. I'll be showing both.

For the Pixlr way, you need to go to Pixlr
Next, you will create a blank image.
Once you enter Pixlr, a box will pop up.

Select create a new image.


Next, when this little box pops up, MAKE SURE to check the little "transparent" box, or it won't work properly.


Once you've done that, you will have a canvas, and after that, make a little mark on the canvas. It really doesn't matter how it looks, just make it small, since you can't save an ENTIRELY blank canvas.


After that, save it, then we can get on to the actual overlay!

*NOTE* MAKE SURE IT SAVES AS A .png NOT A .jpg OTHERWISE IT WON'T WORK FOR THE OVERLAY!


First, go to a website called http://www.online-image-editor.com/
Next, you should see a box that looks like this.

This is where the canvas from before comes in.
Click on "Browse" to get the file. Once you've gotten it, click on "Upload."

After that, you should see a screen that looks like this


Next, if you look up, there's a tab called "Wizards. Click that.
After that, a new selection of things should appear. Click the one that says "Overlay Image"

Then after clicking that, look to the left and it should say something like this!


Click Browse, and get the gif you want! Provided you saved it to your computer, of course.
Then, click Upload.
A new selection of controls will appear.

You can move and resize your image to your liking.

Anyways, after you've put in all the gif's you wanted, get a render/transparent image that you want to overlap the gifs!
Upload it the same way you did the gif's. Then place it to your liking!

After you've done that, look to the top of online image editor and there should be a bar. Right next the word Wizards should be the word Basics. Click on that.
Under Basics, there will be more options to use. Click the one that says Crop.


We will use this to crop the extra space. After cropping it, it should look something like this.
[not the images of course.]


My final product looks like this.


After making your overlay, you don't want to lose it!
So, don't forget to save!

The other way to make a canvas is on OIE directly!
First, put your GIF that you want to do an overlay with.


Then click on the tab labeled '2013'
and select 'enlarge canvas'


now, you can expand the canvas to your liking!
The little arrows let you move your GIF around!


However, this method has a higher chance of having the entire overlay turn black.

-FAQ-

My overlay has blinking GIFS/turned black! What do I do?
Usually, you have to redo the overlay. Try saving the files under different names, and then redoing the overlay.






Feel free to PM me if any questions!

[the 'them' of evil]

this works so much ;o
tyvm chrome <3

[Enuri]

Thank you! im going to try this out then post it if it works!

[dr pepper.]

so kind thank you!
I will be sure to try that yaaaay

[Enuri]

i got a problem, it doesn't overlay when i want it too.http://i.imgur.com/G9XMt8r.gif

[chrome]

i got a problem, it doesn't overlay when i want it too.http://i.imgur.com/G9XMt8r.gif

wow, i'm not even sure how you did that.

anyways, did you just place it over the gif?
or did you do anything else?

and are you trying to get it behind or in front of the gif?