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

[saka.]

oh something went wrong.
Even after 20 minutes [i have some of the best connection]
the gifs i want to place below an transparent image haven't loaded ;o;

[chrome]

oh, when that happens, click the undo arrow, then the redo arrow and it should load.

[the 'them' of evil]

when i try it it always has a black background when i try two gifs ._.

[chromatica]

marking

[Kirin Koi]

How do I put text into a border?

[theawesomeepicgirl]

this is sightly work in progress

HOW TO MAKE A GIF OVERLAY

Hello there! I'm chrome, and I'll be showing you how to do a gif overlay!


First, 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!

PM me or post on this thread if you need help!

on pixlr how do you save the little mark you made?

[chrome]

to save it, look for the word 'file' on the top bar, then hover over it, and there should be a dropbox, and the word save should be there. after you click it, make sure to save it as a .png



as for the black, you have to experiment, sometimes you have to go back and save the gif's under a different name and you have no problem, it really just depends. sometimes you need to switch to a different browser. just play around with it until it stops.

[the 'them' of evil]

as for the black, you have to experiment, sometimes you have to go back and save the gif's under a different name and you have no problem, it really just depends. sometimes you need to switch to a different browser. just play around with it until it stops.

tyvm

[theawesomeepicgirl]

this is my sig after trying the tutorial

[starsailor]

Mark