GIF inside a Text
We would be making something like this!
The font here is Graphik Arts, and I've lost the GIF file, so sorry for that. đł
NOTE: The graphic was made a really long time ago, so some of the techniques I'll relate may vary from what you'll see in the prep GIF later. Also, there are certain steps, like the creating of a shadow in the last step and the colouring of the text, that I've omitted to maintain simplicity. đł
To make something like this, you'd typically just need a good font, and a suitable GIF file.The effect can be used with any sort of GIF but it works best with monochrome GIFs, like this one here:
TO MAKE THIS:
1. Create your document.
2. Use the Drop Bucket tool (G) to colour your background to a suitable colour (we'll be deleting this later).
3. Enter the text of your choice.
4. Open your GIF in a separate file and then,
Click the little button on the top-right of the timeline panel, and select "Select all Frames", this of course would select all the frames.
Then, click on the same button and this time, select "Copy Frames", and leave it to that.
5. Now return to the main file, and again press the button on the top-right of the timeline panel, and select "Select all Frames". After this, open this menu again and this time select "Paste Frames" with the following setting,
While using this, make sure you had the very first frame selected before you went for "Select all Frames".
Now, you'd see the GIF right over your text. It looks pretty odd now with half or all of the text hidden and that is what we'll be sorting now.
6. First, we have to group the GIF layers. Select all of the GIF layers using ctrl+shift+click-ing the highest and the lowest layers. Then, group them by pressing ctrl+G or by pressing the 3rd-from-right button on the menu below the layers panel.
Now, change the visibility of the group to "lighten" or to any other that you wish. And for the peeps who had a white layer below this, only the white/near-white parts would be visible.
To get the GIF clearly into the text, first select the white box beside the GIF group layer in the Layers panel, and press ctrl+I. This "inverts" the "mask" of the group, changes the white box to black and renders the GIF totally invisible.
Now, ctrl+click on the text layer- this would form a marching ants border of the shape of the text. Now press ctrl+I again. The GIF comes back but this time it is strictly confined to the text layer! Also, in the mask preview (the now-black box beside the thumbnail in the layers panel), you'll see the text shape appear in white.
Now we're almost ready to save our GIF.
But even now, you'd see while playing the GIF from the timeline panel that the text layer appears only in the first frame. This happens because when multiple layers are pasted on a single layer, the layers other than the GIF itself are not visible by-default in the subsequent layers.
To make them visible again, you have to first go to the first frame. Then you'll have to click on the "eye-icon" near the top of the Layers panel (Under: Unify). Then, a menu will pop up, where select "Match".
This will ensure that whichever layer is visible in Frame 1, will now be visible in every other Frame and vice versa.
Repeat this process for all the layers except for the layers inside the group (GIF layers)
After this, delete the white layer below everything, and press ctrl+alt+shift+S to save, and you're done!
PREP GIFs:
Thanks everyone!
Edited by Radhikerani - 6 years ago
Book Talk
Ye Hai Mohabbatein
285