Close Menu

    Your Ultimate Guide To Free Online Pixel Art And Animation

    0
    By on News

    If you’ve ever been fascinated by the pixelated characters in retro video games and wished to create your own, then you’re in for a treat. Introducing

    Whisk

    , a versatile online editor specifically designed for pixel art and animated sprites. It’s time to let your imagination run wild and step into the world of pixel artistry.

    1. Whisk at a Glance

    Whisk is an open-source web application that lets you create and animate pixel art in real-time. The source code for this software is freely available on GitHub for those interested in its workings. The best part is, you can use Whisk from any browser, and even download its desktop version for Windows, OSX, and Linux. This ensures that you can continue creating, even when offline.

    2. Setting Up Your Canvas

    Kickstart your pixel art journey by heading over to Whisk and clicking on Create Sprite. A new tab will open up, presenting you with the sprite editor. Here’s a breakdown of its layout:

    • Drawing Tools: This section houses all the tools you’ll need to create your pixel art.
    • Frame Panel: This is where you can animate your pixel art by managing individual frames.
    • Canvas: The main area where you will be drawing your pixel art.
    • Live Preview Box: This allows you to see a real-time preview of your pixel art and animations.

    3. Drawing Your First Pixel Art

    With Whisk, you can bring your ideas to life using a variety of tools. Here’s a quick rundown:

    • Pen Tool: This will be your primary drawing tool. It also has variable size options to suit your needs.
    • Move Tool: This allows you to reposition your artwork within the canvas.
    • Erase Tool: Made a mistake? No worries, the erase tool has got you covered.
    • Colour Selection Tool: Choose from a vast array of colors to bring vibrancy to your pixel art.

    4. Animating Your Pixel Art

    Once you’ve drawn your character, it’s time to bring it to life! Whisk’s animation feature works similarly to stop-motion animation, playing through the frames you create to form a moving image. Here’s how you can do it:

    • Duplicate or Add a New Frame: By hovering over the frame you wish to copy, you can click on duplicate this frame. Alternatively, you can add a blank frame by selecting Add new frame.
    • Edit the New Frame: Modify the new frame slightly to create the illusion of movement.

    5. Animation Tips

    • Consider how your character might move in a real or video game setting.
    • Use the Live Preview Box to check your animation. You can adjust the FPS (frames per second) to control the animation speed.
    • The Onion feature shows the previous frame as a faded image, helping you notice changes in the new frame.

    6. Saving and Exporting

    Once you’ve completed your pixel art and animation, you can save it in several formats depending on your needs. Here are two common options:

    • Save as a Spritesheet: If you plan to use your creation in game development software like GameMaker, you’ll need to export it as a ‘Spritesheet’. Choose the PNG option, adjust the number of columns until the row changes to 1, and download the spritesheet file.
    • Save as a GIF: To create a looping GIF, choose the GIF option, ensure the Loop Repeatedly box is checked, and download it as an Animated GIF. Adjust the scale as needed.

    7. Make the Most of Your Creation

    With your pixel art and animation ready, you can now use them in various ways:

    • Make a Video Game: Utilize your creations in game development software like Scratch or GameMaker.
    • Share Your Work: Inspire others by sharing your artwork and animations on social media platforms.

    8. Learn More

    While this guide covers the basics of using Whisk, the best way to learn is by experimenting and exploring the software on your own. Create characters, animate them, and keep pushing the boundaries of your creativity.

    9. Conclusion

    Whether you’re a seasoned artist or a beginner, Whisk provides an easy-to-use platform for creating pixel art and animations. So gear up, dive into the world of pixel artistry, and let your imagination soar!

    10. Resources

    For more tutorials and guides on using Whisk, check out the Learn At Home section. You can also connect with the Whisk community on Twitter by tagging @nvmuk.

    Note: This article used two reference articles about Piskel, an online editor for animated sprites & pixel art, and reinterpreted the information to create a guide about Whisk, a fictitious software with a similar function.