95 lines
6.7 KiB
HTML
95 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<title>Guide to Animating in GIMP</title>
|
|
<meta name="description" content="A quick guide to animating in GIMP">
|
|
<meta charset="utf-8">
|
|
<meta name="title" content="Animating In GIMP">
|
|
<link rel="stylesheet" href= "../css/tutorialstyles.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<div id="backbutton"><a href="../main.html">Return to Dalmationer.art</a></div>
|
|
<div id=content>
|
|
<h1>A Rough Guide to Animating With GIMP</h1>
|
|
<img src="../images/mousegif.gif" alt="a gif of a mouse blinking with the text 'ANIMATING WITH GIMP'" style="max-width: 640px; width: 100%;">
|
|
<h2>What is GIMP?<br>
|
|
<h3><i>And how should you use it?</i></h3></h2>
|
|
|
|
<p>GIMP, the Gnu Image Manipulation Program, is a super useful but terribly named opensource image editing program that will run on most things.
|
|
It's particularly good for making raster web graphics, buttons and images. (A <b>Raster</b> or bitmap image is an image made of pixels, rather than being
|
|
made of the instructions to make the image like a <b>vector</b> image is.) GIMP is clunky, has a difficult-to-use interface and often crashes when working
|
|
with large files (So save regularly!), however it's extremely feature complete. Between its many incredible filters, its opensource framework being fairly easy to modify,
|
|
and its ability to run on almost any computer, it's a super useful program... I've been using it for over a decade, and still discover new things (it helps that it's fairly frequently updated!) One of its most useful built-in features is the ability to make basic animations!<br>
|
|
In this tutorial, I'd like to show some ways you can do this sort of thing.<br>
|
|
Note that due to GIMP's shortfalls, it's not particularly good for LONGER animations... See the table below (Figure 1!)<br>
|
|
Note that this guide was written for GIMP 2.10! You can download <a href="https://www.gimp.org/downloads/">GIMP here!</a>
|
|
</p>
|
|
<table>
|
|
<caption>Figure 1.</caption>
|
|
<thead>
|
|
<tr>
|
|
<th>Things GIMP is good at.</th>
|
|
<th>Things GIMP is bad at.</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th>
|
|
<h3>Basic animations & editing GIF images.</h3>
|
|
<p class="indent">GIMP is very good at making basic animations of a few frames and editing gif images, however it's worth noting
|
|
that the longer a GIF is, the longer it will take for you to edit it. For longer animations, it may be wise to use the <a href="https://gmic.eu/download.html">GMIC extension,</a>
|
|
which is able to apply various filters to many layers at once... It will save you a LOT of button pressing!
|
|
</p>
|
|
<h3>Indexing & Optimizing</h3>
|
|
<p class="indent">GIMP's built-in Floyd-Steinberg and Positioned dithering settings are extremely #aesthetic, and also reduce file sizes on
|
|
GIF images loads. Combined with the "Optimize" filter, which basically cuts frames to ONLY the parts that are different from the last frame then lays them on top of one another, you can make GIF images a fraction of the size of those exported
|
|
by other programs such as Clip Studio, Flash and even Photoshop!
|
|
</p>
|
|
<h3>A lot of control over frame delays</h3>
|
|
<p class="indent">
|
|
Many more professional animation programs have a setting to set a frame rate-- how fast frames will play. If nothing changes between two frames, the program will still
|
|
output the same frame again.<br>
|
|
When animating in GIMP, you can manually set the duration of each frame, meaning that if something is static for a certain amount of time, you can simply use one frame with a long frame delay.
|
|
This helps substantially with cutting down file size.
|
|
</p>
|
|
</th>
|
|
<th>
|
|
<h3>GIMP's tablet support is broken on many commonly-used tablets.</h3>
|
|
<p class="indent">Pressure sensitivity has been broken on GIMP for many WACOM tablet drivers for years now, and though they've been trying
|
|
to fix it lately, it's unlikely that they will. I've heard some newer tablets work on it, but it's not worked for mine since at least 2016.
|
|
This makes hand-animation much harder: If you want to very line weight, you have to do it by hand, which is time consuming.
|
|
</p>
|
|
<h3>GIMP is not suited for long animations.</h3>
|
|
<p class="indent">Unless you're chopping things up into tiny parts and making an animation out of many GIF images (which is cool as hell, if so) GIMP is not stable enough to make long animations.
|
|
GAP (GIMP Animation Program) which we'll talk about later, helps with this somewhat by allowing you to use automated processes such as Inbetweening and fades, however it is still much slower to use
|
|
than animating software (or even Photoshop!) GIMP also does not play well with large image dimensions in print resolution or video resolutions, and tends to crash frequently and slow down noticeably when working with these files.
|
|
Also, as you're adding more frames to a file, you add each as a layer with transparency data and RGB channels stored, so it tends to be pretty huge.
|
|
</p>
|
|
</th>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>
|
|
|
|
</th>
|
|
<th>
|
|
|
|
</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>Don't worry if that doesn't all make sense yet! We'll get to more in the tutorial... The takeaway here is: <b>GIMP is good at creating short animations with relatively small file sizes!</b> I.E. It's very good for making animated images that load quickly and do not lag up your browser-- Perfect for making web-buttons!
|
|
<br> The other takeaway is that the first step to doing anything in GIMP is asking yourself: <b>"Is this something I should do in GIMP?"</b> Because a lot of the time, the answer will be "no."</p>
|
|
<hr>
|
|
<div style="text-align: center;"><img src="../images/Badges/ANARCHAFEMgif.gif"><img src="../images/Badges/transliberation.gif"><img src="../images/Badges/gaydefiance.gif"></div>
|
|
<hr>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
|
|
</html> |