Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.
Advertisement

Animation

  • Halloween
    Make an Animated Pumpkin Icon Using Pixel Art in Adobe PhotoshopPreview
    272 shares
    In this tutorial, you will create a spooky jack-o-lantern from scratch, rendered entirely in pixels (the building blocks of digital art). Learn how to use Adobe Photoshop's Timeline panel to animate a smiling, winking face that blows a kiss at the viewer and lights up both inside and out.Read More…
  • Animation
    Create an Animated Interface GIF in Adobe PhotoshopThumbnail
    341 shares
    In this tutorial, we will use Adobe Photoshop to design a simple iPhone app GUI and then create an animation of it to present it to a client.Read More…
  • Adobe Photoshop
    Create a Run Cycle Animation From Scratch in Adobe PhotoshopRun animation preview
    410 shares
    Use Adobe Photoshop tools to create a smooth, non-chaotic animation of a running cheetah - or any animal you wish!Read More…
  • Pixel Art
    How to Create an Animated Pixel Art Sprite in Adobe PhotoshopPreview static
    521 shares
    In this tutorial, I will show you how to create and animate a pixel art sprite using just a few simple tools in Adobe Photoshop. In the process, I will cover all of the basic rules that you can apply to your future pixel art illustrations. Let's get started!Read More…
  • Animation
    Create a 2D Sprite Sheet for Unity 4.3 in InkscapePreviewretina
    160 shares
    Unity's 4.3 update was a great big door swinging open for 2D game developers, with many new tools and ways to approach 2D game development in this already powerful engine. In this tutorial I will be showing you how to create a character in Inkscape that can be used in Unity 4.3's amazing new editor.Read More…
  • Tools & Tips
    10 Ways to Optimize an Animated GIF FileTop10 gif preview retina
    83 shares
    GIF is the standard format for compressing images with large areas of solid colors and crisp details like those in line art, logos, or type. Being an 8 bit-depth image format it would have disappeared from the web after the introduction of the JPEG and PNG file formats, but GIF is still a favored web file format thanks to its frame animation feature. In this tutorial, we will have a close look at all the available options to convert a video to a GIF animation, and how to optimize its file size. Let's get started!Read More…
  • Illustration
    Cartoon Fundamentals: How to Create Movement and ActionCartoonmovements preview new 400x400b
    95 shares
    What is a cartoon without any kind of action? What is a cartoon, that doesn't tell us a story? You may have seen artistic studies of the human body, drawn from a live model for reference. They work very well for understanding how anatomy and muscles react when we suggest a move. But the sentiment behind this movement is not clear! It's just a reproduction of real life and nothing more. The way to express movement and action in a cartoon style drawing is quite different from real life. Therefore, beyond the necessary knowledge to build your character's body, mastering the techniques needed to add life to these forms is essential. And that's what we'll talk about in this tutorial!Read More…
  • Animation
    Kandi Runner: Create a Ready-to-Animate Vector Game SpriteSprite400
    12 shares
    There are few projects more fun than drawing out video game character concepts. The colors, the clothing, and the overall design have few limitations for the concept artist. We'll be drawing a vector character ready for animating in Adobe Illustrator and more in this three part tutorial with the After Effects and Game Development teams on Tuts+. Read More…
  • 3D
    Create a Syfy Inspired Logo Animation in Photoshop CS6Preview
    59 shares
    You already know that Photoshop is a fantastic tool for creating 2D images. What you might not know is that Photoshop also has limited capabilities for creating high quality 3D images and animations. In this tutorial, we will use the new and improved 3D and Timeline features of Photoshop CS6 to create a Syfy inspired text effect and logo animation without any additional applications. Let's get started!Read More…
  • Animation
    Create Flash Animations Entirely in IllustratorPreview
    12 shares
    The world of animation can seem really intimidating - between AfterEffects, Flash and everything else, there's so much to learn. And who has time? Never fear - you can create simple Flash animations without ever leaving the familiar confines of Illustrator, and without any knowledge of Flash. Here are two easy ways to get things moving.Read More…
  • Animation
    Illustrate and Animate a Bouncing Ball: Part 2 - Adobe Illustrator + FlashPreview
    11 shares
    This tutorial expands on techniques covered in Part 1 of the Illustrate and Animate a Bouncing Ball series. We'll be using Illustrator's 3D tools to improve Flash's spinning movement of the bouncing ball and taking a look at working between the two applications. The steps involved can also be followed independently of Part 1.Read More…
  • Animation
    Illustrate and Animate a Bouncing Ball: Part 1 - Adobe FlashPreview
    18 shares
    Part 1 of this tutorial will take Flash novices through the fundamental principles behind drawing and animating vectors in Flash. We'll be drawing and animating a bouncing beach ball. Prior knowledge of Flash will of course help, but the following techniques should be accessible to everyone and with most software versions. Part 2 coming soon...Read More…
Advertisement
Advertisement