Sorry I decided at the last minute to put this on my theme testing blog and not my main blog because I felt weird doing a tutorial for something that wasn't entirely my idea and this way you're the only one who will see it hahah
In case anyone else comes across it though I should say that I got the idea for this from a Will Graham popup I saw on someone's blog, which I found out just recently is by rickonstark at popupgif, so the original idea for this goes to her
I'm going to go without screenshots because I saw that you've made gifs so you probably know where things are on photoshop so yeah if you want me to clarify on anything just ask though :)
1. get the image you want to use and select the part you want in the gif with the quick selection tool or whatever you prefer to use for that sort of thing
2. refine the edge of the selection with the "refine edge" button at the top - I smoothed it out a lot for Iwona's because otherwise it looks choppy and since it's only going to be on the screen for a little bit at a time it doesn't have to be too perfect
3. copy the selection and paste it onto a transparent canvas
4. open the animation window if it's not open already, and make a bunch of copies of the current frame (probably about 5-7 to start)
5. select the first frame and the layer with the image, and drag the image down until it's no longer visible. set the delay for this frame at 3-5 seconds.
6. select the second frame and drag the image up so that just the top is visible. select the third frame and drag the image up a little higher. do that until it's visible all the way, then bring it back down the same way (I used fewer increments going down than up)
7. if you want to do something fancy like the eyebrow thing on Iwona's:
- make a copy of the layer with the image
- make sure the layer is only visible on the frame where the image is all the way visible
- make a couple copies of that frame, and have the new layer visible on every other one (visible on one layer, invisible on the next, etc)
- select the new layer and go to filters >> liquify, then mess with it
8. upload your gif somewhere and copy the address
9. go to the bottom of the html portion of your theme code and add this (replacing the word name with whatever you want and http://image with the url of your gif):
<div id="name"><img src="http://image"></div>
10. go to the css portion of your code and write in this:
#name {
position:absolute;
bottom:0;
right:0;
}
replacing "name" with whatever you wrote in for name last time
if you want the image in the bottom left just replace right with left, and if you want it on the top just replace bottom with top
I was thinking of having a Tom Hiddleston day on April 23 because it’s Shakespeare Day in the UK. And maybe we could all change our icons to look like this:
OMG PLEASE REBLOG TO START THIS. PLEASE WE ONLY HAVE A FEW DAYS LEFT TO START A TOMPOCALYPSE!!!
