How to design an animated GIF for 2D animation

2d designer and fashion designer Jonathan Chabris was asked by The Verge’s Ryan McMaken to draw up a short list of guidelines for making animated GIFs for iOS and Android.

It turns out that the process of designing a gif for a 2D app is pretty similar to designing a 2d design for a 3D app.

The gist of the process is to create a 3d model of the 2D character, and then animate it with 3D tools.

When it comes to 3D animation, you should probably start with the model first.

That’s because the character will be the basis for the rest of the animation.

“I’ve been using the Maya toolset since I was a kid,” Chabres said.

“You’re not going to make a gif with a 2-D model, but a 3-D version of that.

You get the same effect, but you can make it 2D.

It’ll be a lot of fun.”

Here are the steps you’ll need to follow to make your gif animated:Choose a suitable 2D model for the gif.

Pick a model that has a lot in common with the 3D character you’re animating for 2d.

Pick a suitable 3D model of that character, such as a head, arms, torso, and legs.

Pick the model you want to use for the animation, and adjust the model so that it’s fully animated.

Then create the 3d mesh.

The mesh itself is the layer you’ll work with in your model editor.

Create a texture in Maya that represents the character.

Set it to white, and set the blending mode to “blend.”

Use a texture mask, which you can create by dragging and dropping a bit of text on top of your model.

Set the “texture” property to a non-white color, and change the opacity of the texture to 75%.

Set the “blending” property for “multiply” to “2.”

Set the blending to “0.”

Set the blending “bias” to 100%.

Set “mesh size” to 4 pixels.

Set the color of your texture to “#000000” and “fill color” to “#FFFFFF.”

Set your blending mode “multiclamp.”

Set your blending to the “linear” mode, which is the default.

Set your “blur radius” to 5.

Set “blurscale” to 0.1.

Set your “mipmap” to the color that you’ve set for the texture.

Set “transform.”

This is the scale factor you’ll use for your character.

Set all the “moves” properties to the values of 0, 0, and 0.

Set any of the “tints” you may have created for your model, such a “blushing,” “glow,” or “shadow.”

Set “mute” to false.

Set and “ignore.”

Set and ignore “background” to true.

Set an empty line to show your character, so you don’t have to move to draw your 3D render.

Create the gif using this texture.

Make sure to choose a model with a large enough mesh and that’s fully filled.

Create a texture for your 3-dimensional model, and place it on top.

Select the texture that represents your character and drag it over the mesh you just created.

Make any adjustments to the model, then move it over to your new 3-d model.

Now you have a nice, animated gif.

You can see the 3- dimensional version of your character moving, and it looks like you’re doing the right thing by blending the model to the 3 dimension. 

Now you can do some things to tweak your gif for more detailed animation.

Change the blending value of the blend, so it’s not “linear.”

Make the mask transparent and apply a mask.

You should now have a 2 dimensional version that’s blending nicely with the 1-dimensional version.

Make the texture transparent again.

Then you should make your 3 dimensional model transparent again, so that you can see how the texture will look like when it’s in the 2 dimension.

Finally, add a mask to your mask and make it blend smoothly to the original 3-dimension mask.

Make sure you don�t blend your mask too much, because you want the 3rd dimension to blend smoothly with the 2nd.

Make the mask blend smoothly.

Then, make the 2-dimensional mask blend with the original mask, then blend smoothly, making the 2 dimensions appear to blend well together. 

Finally, make your animated gif more realistic, and create the animation yourself.

You’ll need a lot more than a mask and mask masks to make an animated gif, but this technique will work for a few reasons.

First, it lets you do things like:Make sure that your animations look good.

Make it look like the characters are moving smoothly.

Make them look like they’re really moving, with their mouths moving freely

Related Post