Skip to main content

← Blog

Background Images from Unsplash and More

27 March 2018

Brush Ninja is designed as a simple way to get your ideas moving. I want everything to be as straight forward as can be. And so, with that in mind, I bring you the latest update.

Background Images from Unsplash

I’m a web designer by trade, so I’ve used Unsplash a lot when creating website mockups. For those who don’t know, Unsplash is a free photography website. Photographers can upload their photos, and people like me can download them and use them in our projects. They also have an API for integrating their photo library into your applications. And this is what I have integrated.

You can now add background images to your animations. These images are photos, so may not be to everyones taste - but personally I like the combination of a cartoon character in a real world environment.

Using the huge photo library you could animate a giant monster climbing out of the ocean, or stomping down the streets of Manhatten. Or you could animate a friendly donut helping it’s owner around the house, or add smiley faces to pretty much anything. I think there’s a lot of possibilities for fun here - and am looking forward to seeing how people use it.

Credits & Watermarks

You may notice there’s now a small #BrushNinja watermark in the bottom right of the animation. This is the default text, but it can be changed or removed in the animation settings. Obviously I’d love to get credit for the app - but it’s your animation so you can change it to whatever text you like.

Brush Opacity

This article refers to a Brush Ninja feature that has changed/ been removed. As such it is no-longer available.

You can now change the opacity of the brush you’re currently painting with. At the bottom of the tools palette there’s a circle with a checkerboard background. If you click on this then you will see the circle change transparency. Just keep clicking until it’s at a setting you like. You can also use the ‘t’ key on your keyboard to switch between the opacities.

Other changes

  • Smaller Brush Size - In testing the app I found myself wanting to draw thinner lines for more detail - and this is where the tiny brush comes in.
  • More rendered improvements - While testing the tiny brush I realised there was some double line drawing going on (the same line being stacked multiple times). This meant the antialiasing wasn’t quite as good as I wanted, and would also slow things down slightly. That’s fixed now.
  • Smoother lines - I have integrated a line optimisation algorithm to improve the lines drawn with the brush.
  • Palette Quick Select - Press the P key and a modal overlay will appear that will let you select any of the available colours. This should help speed up things for power users.

Splatter Balls T-Shirts

Related Posts

Recent Brush Ninja Updates

29 March 2019

I’ve not posted on the blog much recently, but Brush Ninja has not stood still. In this post I will explain some of the things I have been working on over the last few months. Transform Tools I have added the ability to scale, rotate and move the images you...

Colour Palettes

11 November 2022

Ever since version 2, back in January 2021, Brush Ninja has had selectable colours, but picking good colour combinations is hard. A feature I really like in apps like ProCreate is custom colour palettes, so I thought I would add them to Brush Ninja. The colours in the palettes are...

Brush Ninja in Education

19 October 2018

Brush Ninja has been getting a lot of attention from educators and teachers recently. It’s fantastic. Of all the use cases I had considered for my little animation app, education was not one I had seriously considered and I really like the idea that it’s being used for something useful...

‹ Back to Blog

Icon for Brush Ninja: Online Animation Maker Brush Ninja Online Animation Maker
Icon for Emoji Art: Make Emoji Art Emoji Art Make Emoji Art
Icon for Paint Ninja: Draw and Paint Online Paint Ninja Draw and Paint Online
Icon for Code Ninja: Make Art with Code Code Ninja Make Art with Code
Icon for Photo Collage: Make Photo Collages Photo Collage Make Photo Collages
Icon for Pixel Camera: Capture Retro Moments Pixel Camera Capture Retro Moments
Icon for Comic Maker: Make Comics Comic Maker Make Comics