hi, your latest edit for thgweek24 is absulutely stunning and i thought if i can ask if you can make a tutorial about the ripped gifs/paper effect? if not, that's okay! have a nice day <3
RIPPED PAPER EFFECT TUTORIAL
hi! thank u :D (thgweek set referenced)
below the cut are the steps that i took to create this effect. this tutorial is very screenshot heavy and assumes some basic knowledge of photoshop and giffing.
i do my best to try and explain my process so hopefully this is helpful! if you have any questions, please don't hesitate to ask.
STEP 1: Choose and arrange your two gifs
with this specific use of the ripped paper effect, there's one gif on the "outside" of the rip and one on the "inside." in this example, the outside is the b&w and the inside gif is the colored:
for me, the outside gif determined the positioning of the inside gif and the position/direction of the rip. as can be seen, outside gif has a lot of space on the left. therefore, i knew i was going to position the subject of the inside gif more on the right so i could create the rip without hiding too much of the b&w gif.
next, you want to arrange the inside gif on TOP of the outside gif. your layers panel should look like this:
STEP 2: Creating the ripped effect
here comes the fun part! in order to create this effect, you're going to need torn paper brushes. here and here are some packs you can download (w credit to owner).
next, create a layer mask on your inside gif. you're going to use the brush of your choosing as an ERASER. then, you can play around with the size and angle of the eraser to create the look you want. this is what the gif and the layers panel now look like:
STEP 3: Adding the paper
in order to add the paper around the edges of the inside gif (where the text goes), you now need to download a paper texture. i found mine on google by searching "paper texture png."
place the paper png IN BETWEEN your outside and your inside gif. this is what everything should look like:
now, similarly to what you did in the previous step with the inside gif, you are going to create a layer mask on the paper layer. using an torn paper brush as an eraser, you will erase the paper, creating the shape you want.
be sure to leave enough room for whatever text you want to be on the paper. also, i suggest making the rips of the paper different from the rips of the inside gif so it looks more organic.
here is what my gif looks like after erasing the paper:
optional: add a drop shadow on the paper layer (right click -> blending options... -> drop shadow)
STEP 4: Adding the text
first, you want to identify the space where you will have room to place your full quote within the paper. if there are no spaces, you can always use your brush/eraser to modify the layer masks.
next, add a layer on top of the paper layer (and below the inside gif). select the text tool and start typing your repeated text!
because you can see which text is hidden by the inside gif and what is on top of the paper, a shortcut i use is the "tab" button and only type words that will be seen.
type the repeated words around the quote you want highlighted:
now, in order to contain the text within the paper, convert the text layers into smart objects. then, create a clipping mask on both layers (right click –> create clipping mask). this is what your layer panels should look like:
with that, your gif should now look something like this, with the text contained inside the paper:
STEP 5: Highlighting the quote
as you can see, it just looked like a bunch of words. so, in order to highlight the quote you carved out in the previous step, add a new layer below the layer of the quote you want highlighted:
now, use a round brush (softness around 10-15% and opacity at 70-80%) with the color of your choice to highlight the words you want.
and there you have it!
i hope that this made sense and was helpful! if you have any questions or clarifications, please don't hesitate to ask :)
hello! just wondering if you know of a tutorial for the lines going through gifs? and getting them all to match up? like in these sets /post/714978685858496512 and /post/733101286452559872 also are they overlays or how did you make them? thank you in advance!
hey! so, i've attempted to show you with a little tutorial on how i made lines like the ones here and here, i've not seen one around myself and decided to try this out one day and it didn't go too badly so, i hope this makes sense and helps.
so, i'll be explaining and showing you how i did the lines on these gifs:
now, firstly i'm going to assume you know the basics and can create/colour etc a gif, you'll need your base gif ready to go. in this example i've flattened them to frames, but you can do this in timeline as well.
step one: add a new layer on top of the gif/smart object, and set up your brush ready. i personally have used 2px brush, 100px hardness, 100px smoothing and 75% flow;
the flow is the main thing i think that is more down to personal preference, it affects how the line draws/moves and will be down to a little bit of trial and error - i've added below how the lines look at difference levels of flow (no other setting from the above has changed just the flow)
step two: decide where you want your lines to link, i've always done from the centre of the gif but you could want your lines to meet up 100px from the left at the top and exit the gif 100px from the right at the bottom. no matter what, the best thing to do here is to add guides to your gifs. as i'm just going straight from the centre to the centre for every gif i add a guideline at 270px
step three: i recommend testing this all out on a separate canvas first to play around and see how you want your line to look etc, but when you're ready you're good to go. start from when the guideline is and draw your line until where you want it to end, the best way to show you this is on video so i've screen recorded the whole process.
it's honestly pretty straight forward, so i hope this all makes sense, and just have fun with it, i love messing around and drawing 30 versions of the same line until i'm happy with it!!
ALSO, in case you were wondering about the final gif in the wheel of time set, the moving line, that was simply an overlay from this video that i set to screen so the black background disappeared leaving just the line (i stretched/rotated/moved it around get it to start and end where i wanted it to! i just played around with the line thickness when drawing my lines to match as best i could with the line in the overlay!
I apologize for reaching out unexpectedly, but I am forced to contact you due to an urgent situation.
🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸
My name is Mohammed, and I’m an engineer. I want to assure you that I wouldn't want to bother you under normal circumstances. However, I am in desperate need right now. I have a beautiful family, and I am doing everything I can to save them from the horrors of the war in Gaza. I reached out to you because I believe you are a kind and compassionate person, and I hope that if you can share our story, you won’t hesitate to do so.
🌟 🌟 🌟 🌟 🌟 🌟 🌟 🌟 🌟 🌟 🌟
I’m not experienced with Tumblr, and I only came here to try to reach good people like you who can help amplify my family’s voice, hoping we might find someone who can help save them.
If you could reblog the pinned post on my account, I would be incredibly grateful. And if you are willing to contribute even more, you could also share our story on any other platforms where you have access. With your help, we might be able to save them.
If you have friends or know of large blogs on Tumblr, please don’t hesitate to ask them to reblog my post as well.
✨✨✨✨✨✨✨✨✨✨✨✨
Again, I apologize for the inconvenience, and I sincerely hope that reaching out to you will be fruitful in my desperate attempt to save my children from the war.
Asking for help is not easy. I am asking for a small donation of $20 or $25 from each person.. I need your help if you can please donate to save my life and my family My donation link is in my bio. Every donation, even if it is small, will make a big difference in my life.
Hello! I saw you said you might know how to not let gif turn into mp4 in the tags of one of your posts. Would you mind sharing how with us? It's totally fine if not. Have a nice day!
OH HI! sure I won't mind sharing this.
so, in this engineering tumblr post, they stated a few things about how tumblr decided to turn gifs into mp4 and one of the things they stated is:
as in "adding a single transparent pixel to the first frame of the GIF" you just need to select a single pixel and make it transparent. and how you do that?
when saving for web, right on your color table, you can select the least popular color on your gif and press this button:
you will notice that half of the color square selected is transparent and that's it. (careful, play your gif many times as possible to see if you didn't lose any popular color or else your gif will have just a bunch of transparent space)
or you can draw a single pixel into the image on a brand new layer, just zoom the hell into your frame and select a single pixel square, then you paint it with a bright color that's not on your actual color table.
then you can save for web and make that color transparent. (but I find this one very tricky and idk why sometimes photoshop just don't recognise the color I chose :(
Omg what sharpening settings / tutorial did you use for those GIFs of The Next Prince?!? They're so silly and beautiful I could cry!!
Hi Nonnie. Thank you!
I am so basic when it comes to sharpening. The New Prince file was in 4k so I didn't have to sharpen all that much. This is my basic sharpening go to for everything
filter > sharpen > smart sharpen with these settings:
while this is okay, I just like them extra crispy. so again,
2. filter > sharpen > smart sharpen now this settings
I will move the amount from 3-12 whichever looks good