I’ve recently made some sexy gif-animations for clublena.com and you might wonder how i did it.
Well, i’ve made it with the porn game/editor Sexvilla and Photoshop. Here’s my short step-by-step tutorial.
But first let me start with explaining the background of the project…
I don’t like gif-porn too much. Perhaps because so many gifs are just crappy in my opinion. Anyway, if you’re a pose maker you are always looking for ways that make you come up with better, more realistic and organic poses and animations.
I recently found out that gifs are very helpful when it comes to animating. Because they are focusing at only a few seconds of action and are originally made to celebrate a very cool looking scene. This makes gifs being perfect templates for animators.
So i simply started this project to learn from gifs how to create better animations…
Make a nice Animation!
1.) Take a gif as template and create a nice and accurate animation in Sexvilla’s PoseEdit.
2.) The animation should have a perfect loop. Take the time to make the action look as good as in the template.
3.) Set up the Default Camera Position, right mouse click menu in the timeline.
4.) Save the pose/animation (make sure that you are really happy with everything).
5.) Now make Screenshots of every single frame! In the timeline, mark the first frame, make a screenshot (Ctrl+Shift+P), go to the next frame and repeat this until you reached the end of the animation.
This last step is pretty much old-school :) It’s like making a frame animation – and that’s exactly what the gif format was made for. Remember all the blinking buttons and animated graphics on websites back in the 90’s?
This boring process can take pretty long. The key shortcut we use here creates HD-Screenshots which need quite a few resources. We’re going to cut and resize the frame shots later in Photoshop. The most important thing is that you don’t change the camera position and don’t miss a frame. Both can happen easily by accident.
You can probably use other graphic editors than Photoshop to create gifs. The basic process should be the same.
1.) Mount all screenshots together into one psd file, layer by layer, every pic in the exact order. Again, this takes a lot of pc resources. I hope your machine has got enough RAM ;)
2.) Every layer holds a frame now. Make sure that all layers are on their exact positions. Click through them and check out the background of the scene. It’s easy to spot displaced layers this way.
3.) Now cut and resize the pic to a maximum of 800px at the longer side. Consider that a gif can get very heavy, a few MBs or so, which is a problem if you want to share it online.
4.) Save the file and switch off the visibility of every layer except the first one (that contains the first frame).
5.) Open Photoshop’s Animation window and then choose “Convert to Frame Animation” in the Animation window’s main menu. The window should look like this:
6.) Right click on the frame icon and set up the Frame Delay to 0.05 seconds or so. Imagine that all my numbers are only meant to be starting points for you. You got to experiment a lot until your final gif runs like it should.
7.) Duplicate the frame with the appropriate button and switch on the next layer. Now repeat this until all layers are activated. There should be a frame in the animation window for each and every layer. And every frame got the same delay. Hit Play and make a test run.
8.) Now it’s important to reduce the file size of the final gif. I do this with adjustment layers like Black&White, Hue/Saturation and alike. Reduce the colors and the file will get much smaller. Open up some adjustment layers at the top of the layer panel. Adjustment layers apply to all layers that are below (also look at the screenshot above).
9.) Go to File/Save for Web & Devices and choose gif as the format. Have a look at the settings i used in my recent gif animation:
Again: These settings are always experimental and will vary with each project. You basically want a small file size but still good looking scene at an acceptable resolution.
The good thing is that gifs don’t need to look like HD-Videos! Not at all! Remember why you are reading this tutorial? You want to create a cool and artful gif. Otherwise you would have just made a video ;)
Last tip: Don’t worry if you need to change something again and again. The gif runs too slow or too fast, change the Frame Delay from 0,05 to whatever. The file size is still too big, make it black & white, reduce the resolution. I go back and forth numerous times until i’m happy with the result. That’s only the normal process.
Thanks for reading this step-by-step workshop. I hope that you will flood the internet with your precious Sexvilla gifs in a short while. Let them be newd :)