So how I make the glitch effects for both Fatal and the comic is probably the thing I get asked the most about, haha. That and the red eye hug thing :)
And I know some of ya’ll have been asking for a WHILE now (like, a few of the very first asks on this blog were about the glitches), so I apologize for taking so long to finally get around to explain it. I knew I wanted to do something like this and I just needed some time to get it done. Hope it’s worth the wait, and I hope you find it helpful :)
Hello! I saw your morgana gifset and I was wondering how you made that glitch effect on the first and last one gifs? Could you tell me? :)
Sure! I’ll do my best to explain it though I’m really bad at that so bear with me XD
MINI GLITCH TUTORIAL:
Just to clarify, when I say frame I’m talking about the images in my animation panel, and when I say layer, I’m talking about the images in my layer panel.
So first, I decided what frame it is I want to have the glitch. For example, I’ll use this frame:
In my animation panel, I duplicate this frame. The duplicated frame is the one we’re going to edit. Make sure you have that selected, and then duplicate the layer that corresponds to that frame in your layer panel. Sorry if that’s super confusing, hopefully a visual helps:
So now we take that duplicated layer on top, and double click the layer so this box shows up:
In the advanced blending section where it says channels, uncheck the “R” box and then press ok.
Now you shift the layer image into a new position, wherever you think looks best, and it should look something like this after you move it:
As you can see I’ve shifted the top layer slightly up and to the left, with the original layer showing underneath:
You can stop there if you want, but I did this process again in another new frame, this time moving it slightly down and to the right:
And that’s basically it! You can also shift shapes instead of the whole duplicated image if you want a more glitch like effect. what you would do is use the square selection tool to make different sized rectangle selections (hold down shift to make several at once, you can do as many or as few as you want). then you’d press ctrl+T to transform and shift over just those rectangular selections. Ex:
And all together it should hopefully turn out something like this:
Also, a quick note, in this circumstance I had to turn off my black & white filter on just the glitch frames so the blue and red disturbances would show through.
(EDIT: For those of you having trouble with that duplicated layer covering the rest of your frames, The solution is to go to your first frame in the animation panel and have that selected, and then in your layer panel, turn off the layer you had duplicated that’s showing on every frame. It should turn it off for all of them and show the frames normal again. Then select the frame you have the glitch on and turn the layer back on. It should show normally now for just that part.)
Sorry, the-sky-was-mistaken, I hope this isnt too confusing. Let me know if you have more questions! :)
recorded video with my phone (h264, 1920x1080 resolution, mp4 container)
copied video stream to a .ts container with ffmpeg (audio left untouched)
shuffled the file with byebyte (min/max flags as such: –min 0.0049 –max .999 so as not to damage the header/footer, chunk flags: –chunk-min 200000 –chunk-max 50000000 i think you can be pretty flexible with these, though using ridiculously small numbers might just completely break it).
transcoded result to h264 with ffmpeg, removing audio with the -an flag and skipped duplicate frames (mp4 container, should probably experiment more with this)
what i got was a file that played really fucked up in vlc (v2.0.5, it’s an older version. i find newer versions are able to play fucked up files with less glitches. NOT COOL.), but when i tried to capture images from it with virtualdub (my go-to app for gif making) the video played completely normal. normal but out of order.
i tried transcoding the glitched file with handbrake to see if that would “bake” the glitch, but i still got a file that played fucked up in vlc, but fine in virtualdub.
Some things I played with to really nail this glitch down:
when i first discovered this glitch i had removed the audio when transcoding the shuffled video. when i tried to reproduce this glitch i removed the audio when i copied the video to a .TS file(step 2). after shuffling and transcoding the video played absolutely fine. so i need to remove audio at the LAST STEP. (if at all?)
the lower the quality in step 4 the less glitchy the file played. at -crf 35 the glitch was barely present. at -crf 15 the video hung up a lot and the glitch was very pronounced.
the glitch is not baked so each time the video plays completely differently. i let a 20 second clip loop around a few times while recording with OBS and it was different each time.
if i skipped step two and tried to shuffle an .mp4 and then transcode it, ffmpeg cannot even locate the video stream at all and repeatedly errors out.
there’s a possibility you can just leave the audio in the whole time. maybe it just doesn’t work when you shuffle an audioless video.
anyway. i went out and recorded some video and was able to reproduce this again with the four steps above. i will continue to play around with this later and report back. this is pretty vague, but i’m bad at teaching people anything at all. drop me an ask if you want the exact parameters i used in ffmpeg or whatever.
Hi, So in part one I covered the basics of glitching with audacity. This post is just a visual record of types of effects that you can achieve by bending the data in Audacity.
Again my source Image is.
The images below has a subtle texture effect gained from the Tremolo filter. If you play with the variables in each filter you can really mess a good way.
The filter used below is the Delay filter. With the Reverse bouncing ball effect selected.
If you play with the volume settings this filter can be a lot of fun.
Next up is the Noise removal filter. You have to activate this filter by selecting a section to get a noise profile from before the filter will work. As with all the filters you need to play with the settings to get the best effects. A good rule of thumb is if it doesn’t visibly alter the sound data, it won’t affect the image.
The Invert filter, does what you’d expect it to do.
As an example of how altering the variables in the filter will give different effects the Echo filter is one of the easiest to play with.
With a lower echo setting you get
By altering the settings you can control the effect you get.
The next few do relatively the same thing.
Change Tempo version 2.
Change Speed 33 1/3 to 72.
Change Speed 75 to 45.
Time stretching will achieve much of the same effects. Have a play.
The other effects such as Changing Pitch filters give some fun results.
A changed to E.
A changed to D.
Using the Equalization filter gives a lot of preset effects and you can alter the Equalizer yourself for added mess.
AES setting in the Equalization filter.
Am Radio setting in the Equalization filter.
I would recommend building a visual guide of the filters effects on the images if you have the time. It allows you to be a bit more discerning in the glitches you choose to use.
In part 3 I’ll look at the finer details of Importing Raw data into audacity.
In part 4 I plan to look at other techniques you can use to Glitch.
hey!! lately i’ve been seeing tons of resource masterposts and i decided that i’d be easier if all of these masterposts were combined into one mega masterpost!! i couldn’t possibly link them all but i also added tons of my own links, this took absolutely forever so please, enjoy! :~)
A HUGE WRITING MASTERPOST
200 words that describe light
how to keep a journal
read some slam poetry
huge writing masterpost
how to reveal character
help with writer’s block
find the word that’s on the tip of your tongue
find out which author you write like
write interactive books (kind of like choose your own adventure)
good brainstorming/ organizing tool
zen writing tool
word on the tip of your tongue?
use big and interesting words
Instead of ‘whispered’
Music for writing fight scenes
Emotions vocab sheet
How to reveal character
Writers block resource
Writing a death scene
Music to help you write
Writing prompt generators
Got writers block?
How to torture a character
Degrees of emotion
ULTIMATE writing ref
25 days of fic
how to write a good essay
Writing people of colour
nanowrimo start kit
All Authors need to Know
Alternatives to ‘said’
more writing tips
read books online for free
Want to know who you write like?
10 sites to download free audio books
200 words to describe light
Obscure color words
Body Language Cheat Sheet
Awesome colors to describe eyes
download free books
download free kindle books
how to survive college
Scholarpedia (basically Wikipedia but with reliable sources)
solve any math problem
how to effectively pull an all-nighter
An already typed essay at your fingertips(type the subject and press random stuff and an essay forms)
Didn’t listen in class?
look for your worksheets on here
finals survival guide
free microsoft word alternative
make flash cards
math problem solver (2)
Masterpost of writing software
pull an all nighter but do well on your exam
when to go to sleep/wake up
how to wake up in the morning
learn how to study
Masterlist of study tips
How to cite
Take online college courses
How to multiply big numbers
sleep calculator (wake up feeling refreshed!)
chrome site blocker (use these to block websites so you can finally get work done!!)
firefox site blocker
mac site blocker
have some self control (for macs also)
focus playlist (i use this to study all the time!)
how to find focus
noise generator to help you relax
coffee shop blues
masterpost of sounds of nature
get a cute kitten after doing your work!!
beauty (credit for most of these!)
how to improve your self-esteem (because you’re beautiful!)
flaws to embrace
Newspaper nail tutorial
fun makeup masterpost
filling in eyebrows
how to contour
everyday makeup routine
how to make any color of lipstick… from crayons
natural beauty remedies
the trick to liquid eyeliner
messy bun tutorial
Black/gold ref 1
Cosplay eye makeup
Rotting skin halloween makeup
cool makeup tips
stylish eye makeup
gradient lip makeup
different ways to braid your hair
messy buns tutorial
how to make your own temporary tattoo
apply eyeliner, mascara, and curl lashes with a spoon
5 of the best foundations
acne foundation routine
best powder foundations
quick foundation tip
how to apply liquid foundation
makeup highlights tutorial
blush for your skin tone
how to apply bronzer
how to contour your face
apply blush like a pro
blush according to your face shape
fake freckles with make-up
wash your face correctly
how to wash your face 101
d.i.y. gel liner
get the perfect winged liner
get winged liner using tape
awesome eyeliner tricks
9 different eyeliner looks
different eyeliner styles
guide to applying eyeshadow
suit your eyeshadow to your eyes
glittery smoky eye
get the perfect smoky eye
get beautiful lashes
how to apply fake lashes
best eyebrows for your face shape
get the perfect eyebrows
make-up tricks for brown eyes
get rid of dark circles
how to change your eye shape
a shade for every occasion
kool-aid lip stain
best lipsticks for blondes
hot red lips
how to get gradient lips
lipstick shades for fall
how to make any lipstick look matte
get soft kissable lips
make-up brush tutorial
clean your makeup brushes
make-up brush guide
long lasting makeup tricks
victoria’s secret model tips
when will it expire?
10 makeup tips from mac
best tips from professionals
18 beauty essentials
basics you should own
tons of resources for textures/psds/and backrounds
tons of theme makers
learn how to make tumblr themes
good pixel blog
tumblr picture sizes
mass tag replacer
huge theme-related download pack
post a bunch of things from a blog’s archive
really good redux edits
code for ask box
see problems with your blog/website
see your old themes (also switch back to a theme!)
Check your post limit
Find any reaction GIF
punk edit tutorial
remove backgrounds without photoshop
Photo editing downloads for free
double exposure effect
photoshop brushes masterpost
this blog has a lot of ps resources
so does this one
how to download photoshop for mac for free
how to download photoshop for pc for free
in depth tutorial on how to make a gif
pretty much any photoshop tutorial you will ever need
photoshop help (2) (3) (4)
resources for photoshop
convert youtube to mp3
find mp3 files for any song
Music to help you write
broadway musical soundtracks (amazing)
panic! at the disco
all time low
unreleased katy perry
punk goes …
fall out boy (not the newest album)
sleeping with sirens
how to draw ears
how to make an animated film
learn how to draw anything
turn your paper art into digital
skeleton practice drawing tool thingy
how to draw semi- realistic eyes
how to make pixel art
good reference for drawing water
free digital sculpting tool
silk - interactive generative art
Kneeling + Sitting ref
Dragon head view tutorial
SAI brushes 86786
NGE colour palette
100+ colour palletes
Avoiding same face
free art MyPaint
Body anatomy help
How to shift images using blur in PS
Drawing clothe folding
How to draw ice
SAI brush settings
SAI/PS pixel brushes
Flower crown tutorial
Skin colour palette
Pink colour sheet
How to draw butts&thighs
The male torso
Drawing glowing stuff in SAI
Drawing horse/animal legs on humans
Muscular male with bow stock photos
Drawing grass fields in SAI
All about the human body
20+ colour palettes
Tutorial masterpost (100+)
How to colour
How to draw penis
100+ anatomy references
How to draw folds
SAI brushes 3
Colour palette 4
How to draw 3D rooms
Bodies and poses
SAI brushes 5
Colour scheme designer
Paint tool SAI masterpost
Drawing ref masterpost (10+)
How to draw faces
SAI brushes 4
Anatomy of mutant humans
What should I draw?
Free art software
pastel colour ref
Mass art ref
Soft SAI brushes
ways to draw stuff
SAI brush settings
baseball cap ref
Drawing human wings
Cool free art software
Huge art ref
2 SAI brushes
Photoshop for free
How to accurately draw arms
anatomy and rotation of the head
human anatomy for artists
speed drawing studies
arm and wing movement
box and egg/run of the stroke
a trick for arm proportions
anatomy of the waist
hands and forearms
really interesting websites
fun sites masterpost
play some dumb games
color matching game
games you played back in the day
really cute online games
cards against humanity pdf (a must!!)
takes you to a random location and you have to guess where you are
akinator, the web genie (like guess who!!)
create a fake tweet
talk it out
the quiet place
need a hug?
cute yahoo answers
draw a stickman
coping skills and distractions
givesmehope (so adorable!!)
cut something (blood) (trigger warning)
get a hug
play cute games
see something cute
how to love yourself
Stuff to do if you’re having a bad day
Stuff you can do to help someone smile
Alternative to self harm
Basic ED recovery help
Alternative to self harm (2)
Alternative to self harm (3)
Someone to talk to
How to deal/talk with bipolar and depressed people
Before you start Here’s some supplies to have - a computer - a program capable of re-writing files internally —- in this case, a “hex editor” (either/both automatic/manual; prefer ROM Corrupter 5.99 by Dwedit for automatic, as it can render loseless AVI files, which are godly for pixel freaks and GIF perfectionists; Cygnus Hex Editor for manual, with ease of access and control) - a program capable of opening said file (if sound, Audacity can open and re-write internally with some practice; otherwise, for this segment, an NES emulator; I prefer Nestopia) - if graphics, a good painting program for final touches AKA resizing/animating (I prefer GIMP 2.6, NEVER GIMP 2.8; free, capable of exporting animated GIFs, and can scale without interpolation, even for JPEGs, for that crisp-ass quality) —- if you’re getting into animated files, and are using the AVI exportation route, pick up a program that can make animated GIFs out of AVI files (the freeware Movie To Animated GIF Converter by Evan Olds is perfect for this) - and of course, victim files (for this segment, ROMs; best to dupe them, and then edit the dupes; ROM Corrupter 5.99 exports dupes without affecting the original automatically; with manual, you gotta do it yourself)
Now that we have All our tools gathered Let’s begin by knowing Our GUI
The basics for Dwedit 5.99
1. Dwedit location 2. Emulator program (normally Nestopia; re-named it to piss off Steam friends) 3. Target file (doesn’t have to be a ROM; can corrupt anything really) 4. End corruption file (rename it to whatever is easy for you) 5. Start corruption range (for NES, all ROMs start at $10) 6. End corruption range (for NES, most ROMS end at $8000(2^X)+$10 [i.e. $20010 for Metroid] 7. Affected bytes 8. What bytes will become
For those that know Hexadecimals intimately We can converse about All what happens On a mathematical formula But for now Let’s just focus On the results
Not that hard To get somewhere Just requires patience And experimenting As you can see Had to change every 941th to 888th byte You’ll get CPU jammed at times If it continues to happen Just change the range Or which bytes to corrupt
Once you’re satisfied With your result You can either screenshot it Or save it as a movie file By naming the original capture file Recording And then exporting When you stop recording And just export it as loseless AVI Be mindful that sometimes What we saw And what the emulator saw Can be different Or even too broken To save as an AVI
We’ll cover what to do With the image nuggets later
While that covers automatic Perhaps you like a more “Pure” approach That’s dandy too I’ll go over manual editing too I would save this solely For picture files Or anything smaller than an NES ROM But hey, anything’s open season
The basics for Cygnus Hex Editor
1. Range 2. Current hexadecimal bytes 3. Current translated bytes
You can use either 2 or 3 For changing bytes in the file For 2 It has to be in 16base (0-9, and A-F, from 00 to FF) For 3 It’s any character that is recognized By the hexadecimal format AKA just keyboard smash
Boom Same idea, different paths After a while You get the hang for where Data for the file is stored Both for automatics and manuals For PNGs, it usually Right at the get-go JPEGs are after the File format itself (You’ll see a bunch of 01s 02s and the translations are in a nice pattern After that are the pixels themselves)
ROMs are trickier As one company can put all their Glossy title screens first Where others may have them last A good rule of thumb All the graphics/placement Are always clumped in their Respective group BUT, not always with the other group Ex. Samus’s projectile graphics Could be in $10010-$10040 And where they’re assigned on-screen In $14010-14040
To make a simple GIF We’ll use an even simplier program If you have an AVI file From using Nestopia Or any other emulator Capable of exporting AVI We can turn it into a GIF Right here and now
The basics of MTAGC by Evan Olds
1. Select as starting frame 2. Select as ending frame 3. Frame view slider
Little to go over here Once you selected What section you want animated Just export it Not only can you save An animated GIF right off the bat But also save the current frame separately For other design usage
Here’s what we got
Please note however That when we export as a loseless AVI It’s in real-time (~60 fps) So when being converted From MTAGC It will only capture the first frame Outta every 10 Becoming a 10 fps GIF If you wish for a 60 fps GIF You’ll have to use other means Even then At least you can export Every frame viewable with MTAGC
To finally cap On our tools I’ll go over GIMP 2.6 real quick
All you need to know about GIMP 2.6 For pixel-perfect export
Non-animated images 1. Scale image 2. Resize image that’s a ratio of the original aspect ([128x128] x N, where N is a whole integer)
Notice how “none” is selected For interpolation I can’t stress this enough Seriously This will solve every single problem With “fuzzy” images If it’s for video footage Of an awesome skateboarder That’s fine But for glitching This will save you From shitty quality
If you have a bunch of captured screenshots And want to compile them Into an animated image W can do that too easily
For animated image files
1. Place your image file here (if already animated through AVI, and proceed to 2) 1a. Your image will flip from lowest to highest in that order 1b. If you need to make an edit, select layer, and shut all eyes above that layer 2. When finished, open all eyes, and “Save As” 3. Enter the file name withextension (for now, “basic done.gif”) 4. Save as an animation (make it looped or not after you’ve chosen)
And here we have it
Do note again That all GIFs exported Will be animated at 10 FPS So even if you got every frame In GIMP 2.6 It will still be at the same speed As the one you made Right off of MTAGC Another program must be used To bump the cap for this
Here’s some tips and tricks I use
+ start at $10, end at $1010, change range by $1000, click on auto, and see what happens; rinse and repeat until you hit the end of the game; doing this will not only eventually yield a “sweet spot” (mostly the graphic storage/placement), but allow you to see where and what is located for future reference + if you made a good corruption file, make a new one, just in case you want to ever go back to that iteration + you can hex edit anything, but image files and NES ROMs are the smallest, which will also mean the easiest to start off with; later you can move onto Playstation ISOs or MP3s/WAVs + for NES ROMs, I recommend Metroid, Super Mario Bros., Wrecking Crew, Balloon, basically any old Nintendo game; they’re the first, so they’re the quickest to dissect, and quickest to create some really bizarre glitches from not being ironed out + back all your shit up; seriously; I can tell you this from experience; NES roms are tiny as hell; most are only 128/256 kilobytes, and the biggest, only a megabyte (1024 kilobytes)
Quick answers to future questions
“I keep getting a CPU jam!” Change the range/affected bytes Not everything corrupted are graphics
“I keep getting the AVI conversion error!” Hard reset and try again Chances are it captured invalid file-coding If it doesn’t work Make a new file and change the action a bit
“It rendered 30 seconds of [a still image / nothing / something else]!” Again What we see And the computer sees Are two different things Try screen capturing As it saves based on The current monitor display Rather than the hexadecimals themselves
“When I put a hex edited image into GIMP 2.6, it only partially loads!” GIMP 2.6 is fine It’s just the image that’s broken A quick fix is to Open it in paint.exe And just save It’ll change the hexadecimals Back to a displayable image While retaining the result
“My hex edited image won’t show up!” You probably borked it’s file-coding Instead of the pixels and their placement Reload and move further down the range
“Tumblr’s not allowing me to post my GIF!” Animated GIF files are huge Stick with around 400px - 600px And nothing past 100 frames Unless you’re feeling lucky punk
That should do it for ya If you have any further questions Hit me up
do you know how to do that glitch effect? *struggles*
[ I most definitely doooo. I’ll show you how using the gif I use as the header(?) image of my blog! uvu
1. Draw your picture
2. DUPLICATE YOUR PICTURE AND THEN using a smudge tool, smudge random parts of your picture. This can be literally anywhere.
3. GO BACK TO THE FIRST LAYER AND DUPLICATE IT. Then, select the ‘Clipping’ box (or whatever it is that allows you to ONLY colour in what you have drawn and prevent you from drawing outside your image) and fill in your image with Yellow, for example..
Then, change the mode to ‘Add’ or ‘Multiply’, whichever you prefer and turn down the opacity a little. Next, using the lasso tool, carve out random sections of your image and scatter them all around the place (as shown on the picture above.) Move this image a little to the right.
4. DUPLICATE THIS LAYER and using the smudge tool, smudge random parts of your character once again.
5. DUPLICATE YOUR VERY FIRST LAYER ONCE AGAIN AND REPEAT THE PROCESS ON NO.3, except now change the colour and carve out different selections with the lasso tool. Move this image a little to the left.
6. Repeat the process on No.4.
And now you’re done!!! The finish glitch gif is shown below!
I hoped this helped!! And wasn’t confusing aa ;~;. ]