create account

In Depth - How I created The Simpsons Trippy Edit by heathtyler

View this thread on: hive.blogpeakd.comecency.com
· @heathtyler · (edited)
$0.08
In Depth - How I created The Simpsons Trippy Edit
![thumbnail-diffusion.png](https://steemitimages.com/DQmVT76Cvc6S4Ec91oe5jyPZgz2qhoTRtoHboUaLPRi5UtV/thumbnail-diffusion.png)
# [Link to Full Video](https://youtu.be/lWtKAYksAF0)
---

The goal for this project was to take the trippy scene from The Simpsons episode 
"The Mysterious Voyage of Homer" and edit it to the beat of some music. 
Most importantly  applying a variety of visual distortions and effects to the video clips.


### This project was completed using the following Software:
*  Adobe Premiere Pro
*  Adobe After Effects
* Avidemux2
* VLC Media Player
* Fruity Loops Studio


### Adobe Premiere Pro CC:

* Cut the song to the part I wanted.
* Cut The Simpsons Episode into the clips I wanted. 
* Arranged the clips in an appealing order. 
* Increased some of the clips speed to fit well with the music.
* Exported Full Lossless Video File for use in After Effects.
# [Here's a link to the video before effects were applied.](https://youtu.be/2fu7KOnCcsI) 
---
### Avidemux and VLC Media Player
Before doing anything in After Effects I actually applied an effect known as Data Moshing to four parts of the video. This was done using Avidemux and VLC Media player. 
[Datamoshing Tutorial](https://youtu.be/FnG5M5xJ-hg) 
Portions of the video were corrupted/broken on purpose to achieve the desired look.

![1234-gif.gif](https://steemitimages.com/DQmUmyoXDRhxaZva7Lr9XwK4WDyEmRNKsU6aBHs7hMT8w9m/1234-gif.gif)

I wanted the 2nd 3rd and 4th clips to corrupt in this way so as to appear as a single cohesive transition. They were however 3 separately rendered files. 
When I corrupted the scene of the tower of stairs it didn't produce very effective results. It wasn't until I applied a zoom to the original footage and then corrupted *that* with the p-frame Data Moshing Technique that I got the effect I was looking for.
I also wanted to have homer 'run through' the result of the 2nd clip which was achieved by i-frame Data Moshing that 2nd clip along with the 3rd. Finally the 4th clip was added as a transition to tie the previous Data Moshed clips in with the following scene of homer leaping long distances.

All those corrupted files were 'fixed' and saved using VLC Media Player and added to the After Effects Project along with the rest of the Footage.

---
### Fruity Loops Studio
Still before doing  any work in After Effects I opened up FL Studio.
The point of this was to take the song section I had chosen and identify the tempo of the music.
Once I had adjusted the project to the correct BPM I could accurately 'tap out' the kick and snare as two separate tracks and save those 'taps' as two audio files for use in AE to sync effects to the beat.
The resulting audio files are the exact same length as the music section but contain no audio other than the beat of the snare or drum respectively.

This whole method can be avoided by instead using the 'sound keys'  tool within After Effects. 
I just did it this way because I could.

---
### Adobe After Effects
A lot happened in AE and I don't totally remember what order I did things in but let's discuss some of it. 
I took the two  audio files I had created and converted each into their own keyframe layers using Keyframe Assistant. The key frame tracks were linked with the opacity slider of various duplicate layers of the base footage using the property pick whip tool. These duplicate layers atop the original footage remained in time, however had additional effects applied to them. 
###### The layer linked to the beat of the Kick contained the following effects:
* 'Difference' blending mode
* Random Position adjustment using the wiggle expression
###### The Layer linked to the beat of the Snare contained the following effects:
* 'Luminosity' blending mode
* Random Position adjustment using the wiggle expression
* Keyframed 'zoom in/out' once per snare hit

The rest of the effects used within AE were applied individually to relevant portions of the footage. There is a masked transition near the beginning where Homer runs screening across the grass. This was done using the Rotoscoping Brush Tool  in AE to mask out frame by frame one layer to let another show through. This was applied three times in the whole project. 

**First:** Homer's Eyes were roto-masked out to transition from the clip of Barney burping to Homer screaming.

**Second:** The clip of Homer screaming was roto-masked above the fence line to transition to the clip of homer in the sky. 

**Third:** The clip of the Snake was roto-masked to separate it from Homer and the background so it could have it's hue changed. The hue was keyframed to change rapidly while the opacity of that layer matched the kick and snare.

![](https://steemitimages.com/DQmUno7zC6vzZKQvqdo8WESXFWrkB9jSxLvcTfz9Z2b6VEL/image.png)

The Butterfly Effect (no pun intended) had the effect' Displacement Map' applied to it. The Displacement map was key framed to change the horizontal and vertical displacement of the butterfly clip in time with the glitch sound of the song.
The same thing was done as Homer stumbles and kneels by the water.

Over top all the footage a layer of VCR distortion was applied with the blending mode 'screen'.
The opacity of this layer was linked to the Keyframe layer of the kick.

In the beginning transition where it zooms between Flanders and Barney, and Barney and Homer, I used the 'smooth zoom' technique. 
I won't get into how this is done [but here's a tutorial.](https://youtu.be/B_RXqO6qFgQ)

A mirror effect was also applied near the top and bottom of the project to increase the total aspect ratio to 1080x1080 as the video was initially made for Instagram.

Finally some color correction, sharpening, and film grain were added to adjust the overall mood of the video.

If you got something out of this let me know. Currently not even sure why I spent so much time explaining this when I don't really have an audience yet haha.

Thanks for reading.
👍  , , ,
properties (23)
authorheathtyler
permlinkin-depth-how-i-created-the-simpsons-trippy-edit
categorytrippy
json_metadata{"tags":["trippy","vfx","art","tutorial","artzone"],"image":["https://steemitimages.com/DQmVT76Cvc6S4Ec91oe5jyPZgz2qhoTRtoHboUaLPRi5UtV/thumbnail-diffusion.png","https://steemitimages.com/DQmUmyoXDRhxaZva7Lr9XwK4WDyEmRNKsU6aBHs7hMT8w9m/1234-gif.gif","https://steemitimages.com/DQmUno7zC6vzZKQvqdo8WESXFWrkB9jSxLvcTfz9Z2b6VEL/image.png"],"links":["https://youtu.be/lWtKAYksAF0","https://youtu.be/2fu7KOnCcsI","https://youtu.be/FnG5M5xJ-hg","https://youtu.be/B_RXqO6qFgQ"],"app":"steemit/0.1","format":"markdown"}
created2018-04-11 10:58:54
last_update2018-04-11 11:09:42
depth0
children1
last_payout2018-04-18 10:58:54
cashout_time1969-12-31 23:59:59
total_payout_value0.061 HBD
curator_payout_value0.015 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length5,936
author_reputation3,921,615,126
root_title"In Depth - How I created The Simpsons Trippy Edit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd0
post_id49,472,426
net_rshares17,392,759,256
author_curate_reward""
vote details (4)
@artzone ·
Hello! I find your post valuable for the art community! Thanks for the great post! ARTzone is now following you! ALWAYs follow @artzone and the artzone tag, and support our artists!
properties (22)
authorartzone
permlinkre-in-depth-how-i-created-the-simpsons-trippy-edit-20180411t123208
categorytrippy
json_metadata""
created2018-04-11 12:32:15
last_update2018-04-11 12:32:15
depth1
children0
last_payout2018-04-18 12:32:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length181
author_reputation50,553,206,558,492
root_title"In Depth - How I created The Simpsons Trippy Edit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id49,485,771
net_rshares0