night gathers, and now my watch begins. it shall not end until my death. i shall take no wife, own no lands, father no children. i shall wear no crowns and win no glory. i shall live and die at my post. i am the sword in the darkness. i am the fire that burns against the cold, the light that brings the dawn, the horn that wakes the sleepers, the shield that guards the realms of men.
i pledge my life and honor to the night’s watch, for this night and all the nights to come.
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
Tolkien Community Blackout Theme :: Live Preview // Code
check the "askbox" option to show an askbox, leave it unchecked if you don't want one visible (people will still be able to send you asks from their dashboard unless you disable them in your settings)
check "original description" if you want to write your own reasons for blacking out (type it where you would normally write your description)
check "stock description" to use the text already on the example
if you use both, the original description will be after the stock description, and you'll need to add a <br> at the beginning of your original description
if you know how to theme go ahead and go crazy with customizing I don't mind