I’ve gotten some requests to make a tutorial for the effects I’ve used in these sets here and here. Hopefully this all makes sense and is actually helpful! This tutorial is made assuming you already know how to make gifs and will be done using photoshop on a mac. If you have any questions or any other requests for tutorials please send me an ask! I used this tutorial here myself to learn, but I wanted to make a more step by step tutorial for those who are more visual learners like myself.
tutorial under the cut, please help me out by reblogging ♡
STEP ONE: PREPPING
First of all, you’re going to make your two gifs with whatever coloring and sharpening etc. you usually use. I like to use this effect when I’m transitioning to a sad gif so I make one gif black and white. You also need to make sure you don’t use too many frames per gif because you’re going to be combining them in the end. The caps I’m using here are 20 frames each so when put together it’s a total of 40. I use anywhere between 20-30 depending on the scene. Here I’ll be using these two gifs I’ve made:
Now that you’ve made your gorgeous gifs, you’re going to convert to frame animation so your workspace should look like this:
STEP TWO: DUPLICATE
The first thing you’re going to do now that you’re ready to get to work is select the frame and corresponding layer that you want to make the glitch effect on. I like to use four frames for the glitch effect myself so here I’ll start with frame 17. NOTE: Make sure to pick frames at the end of the gifs you’re using so that it flows well!
You’ll know what layer corresponds with the frame you’re working on based on the little eye icon.
Once you’ve chosen the frame and layer you want to start on, you will right click on the layer and choose duplicate layer.
This window will then pop up and all you will have to do is click ok.
The result will be that you now have two layers with the eye icon!
STEP THREE: GLITCH EFFECT
If you’re still with me, congrats, you’ve reach the part of the tutorial you’re actually interested in! So, now that you have your duplicate layer, you will right click on that layer and select blending options. The layer style window will then pop up.
The only thing you need to care about here is the advanced blending section. Here, you will go to the channels area and untick the R box.
Your preview will now be a turquoise color instead of grey.
Now here’s where the party starts. Once you’ve done the above, click ok and you’re now free to move the duplicate layer however you want! I like to go for subtle so I usually move the frames slightly to the right and left. However, feel free to get dramatic with it and explore how you want the gif to glitch. My layer here has been moved to the right.
STEP FOUR: MERGING LAYERS
Now that you’ve successfully made your first glitch effect frame to your satisfaction, you’re going to merge the layers so that there is no duplicate layer anymore. Right click on the duplicate layer and choose merge down. Voila, you have only one layer for your frame again!
STEP FIVE: ADD NOISE (OPTIONAL)
This step is optional, and not necessary tbh if you don’t want to do it, but I like it for aesthetic reasons. With the layer you just merged still chosen, go to filter > noise > add noise.
Pick how much noise you want to add and press ok. I usually just add 5% noise.
STEP SIX: RINSE AND REPEAT
Once you’ve done everything above, you’ll repeat steps two through five with all the frames you want to use for the glitch effect. Do this with the second gif you made as well! TADAH you have achieved the glitch effect of your dreams!
STEP SEVEN: THE FINALE
If you’ve made it with me this far, congratulations and get those notes babyyy! The last thing you have to do now is just put it alllll together. Ok so now you’re going to convert your gifs back to video timeline and convert the layers into a smart object. I know most of us know how to do this, but for those that are just beginning to get the hang of photoshop here is what you do. Click on the convert to video timeline button on the bottom left corner circled here.
You will now select all of the layers and right click on them and click on convert to smart object.
Boom, one smart object coming right up.
Repeat this with the second gif and once both of the gifs have been converted to smart objects, drag one of them over to the other gif and adjust it so that it is aligned with the canvas. Your timeline will now show your gifs stacked one on top of the other.
You’re going to drag the top clip over to the right until it starts at the end of the first clip.
You have successfully made your complete glitch gif. From here, you will convert back to frames (I use an action to do this) and adjust the timing of the gifs to .05. Save your gifs and congratulations, you’re DONE.
If you’re still reading, thank you for taking the time to read and/or follow this tutorial. If you would like a video tutorial, I would be willing to make one if enough people feel like they need it. I’ve already shown how to make this on video chat in discord so doing it again won’t be a problem lol.
Please feel free to tag me in your creations made using this tutorial with my tracking tag #tuserdi. I would also appreciate it greatly if you shared this tutorial by reblogging it so that others may find it and learn as well!
THANK YOU ♡
820 notes
·
View notes
[Caption: A picture of a minimalistic tumblr theme with a sidebar photo of lilacs and a photo post of flowers to its right. End caption.]
HYPERION: theme 01 by @shangs
preview // install
a simple, responsive blog theme perfect for photo-oriented blogs and gifmakers. rounded corners for a soft look and room for a large sidebar image to emphasize photo content.
features:
225px sidebar image
540px posts
rounded corners
3 custom links as icons
custom google font choice and size
npf compatible, especially for images!
responsive on all desktop devices and mobile as well (posts will resize automatically)
credits; also contained in the code!
696 notes
·
View notes