WHAT
WAHT
WAT
How to get around the new 1MB rule for sidebar gifs!
So apparently, you can only upload sidebar gifs that are under 1MB now. But, that only applies if you are uploading gifs the traditional way. But if you mess with some code, in a way that is very simliar to the changing sidebar code, it will work! (Or, at least, it did when I tried it). Here are your steps:
- Go to the html code for your theme and search for <img src=”{image:sidebar}” />
- Delete that text and replace it with this code
- Upload each gif using static upload
- Paste the url of each gif where the code says image1.gif, etc
And that should work! Then you can add as many gifs as you want, all over 1MB!
Photoshop Tutorial- Gif on pic edit
So, I have received a number of ask about how to make an edit like this or this. This tutorial is quite simple, what you need is patience and be familiar with making gif and editting.
- First, to start making the edit, you’ll need a suitable gif and a picture. The gif needs to be a black and white gif, with white background so that when blending the pic will appear at the black part of the gif. In both the example I made the gif from a video resource, which you can find it here .
- Editing the pic/gif as you like (sharpen, brightness/contrast, etc). Also, slow down the gif to 0.1s, so that it’s slow enough to see the pic. Merge down the pic, save the gif.
- Important: The gif needs to be in black and white. The black part can be kept as it original was, but the white part must be entirely white (#ffffff). So you need to use some adjustment on it, like Levels, Brightness/Contrast, etc. If not, when blending the pic, it would turn out like this.
- Open both the gif and pic, drag the pic into the gif so that it appears on top of the layers of the gif.
- Select all frames of the gif, use the Select Tool to move the pic to the position you like (you also need to select the pic layer)
- When the pic is in the position, with all the frames selected, at the top left corner of the layer window, select Lighten, or Lighter color as I use here (or you can choose Screen, depends on how you want it to look like). The pic will now be cut off of the part that is white in the gif, only visible in the part which is black. (You have to click on the pic layer then choose Lighter color.)
- From then you can fix the pic into better position, resize it and if there’s some white dots from the gif that appears on the pic , you can use brush in black and paint over the layer with the white dots.
- Run the gif and tada~ it’s done.
- If you want you can add texture, some other adjustments and text (like my sidebar image).
Tips:
- This can apply for gif on gif edit too. But to have 2 gif blended together with the inner gif visible enough is such a pain and took lots of time. However if you’re patient enough, just blend the 2 gif together by Copy all frames of the gif that will be the inner gif (to appear in the black part of the outer gif), select all frame of the outer gif and paste the inner gif over with the Paste over selection option and continue like making gif on pic edit.
- When moving the pic around, don’t forget select all the frame then use the select tool. If you don’t, the frame you selected will be the only one with the pic in the new position and not the other. It’s quite a pain so pay attention to that.
anonymous asked me to make a tutorial on how to make gifs like these, and this tutorial was really really long and for some reason tumblr read mores are not working for me, so i put it on livejournal!
by9:
I found this very useful bookmarklet for everyone who loves typography and web design.
Do you want to know what web font is used in any page that you visit?.
Go here , and drag the big blue navy button to your bookmark bar (IE,Chrome, Firefox, Safari), click it when you are ready, and then click on the text that you want to know what web font is. So simply.
