Splash of Colors

Mobile Application

Image Editing Application for Mobile

BUSINESS REQUIREMENT

This application is based on the concept of the ‘selective coloring’ where image modification is done using different brushes. This includes basic image processing techniques like image size alteration, cropping, selective coloring, recoloring of image by conversion of image to grayscale or colored. Users can import image from camera or gallery and process the image the way they wish. They can add vivid colors to their desired image with the brush strokes.

This application also needed to include filtering features.These filters can be applied only in the brushed region of the image.The processed image can be shared on facebook, instagram,twitter or can be sent via email.

CHALLENGES
  • Applying filter on the brushed path was the major challenge.
  • Change colored portion of the image to grayscale image using black and white brush the color pixels are not plotted correctly.
  • In-app purchases to get more filters/brushes and Ad free experience.
SOLUTIONS
  • Include 4 types of brushes : sharp / blur / semi-translucent sharp / semi-translucent blurry. The first one is the basic brush which will turn images into the colored image or gray image in each stroke with full depth. The second one is same as that of the first one with a blurred edge.
  • When a user drags the third or fourth brush over color images, the color gets decreased 50% less saturated than before. The saturation decreases gradually as the brush stroke increases. If the user already applied a gray overlay on an image, the color saturation will increase 50% of the opposite color as the brush strokes. Fourth brush edge gives a blur effect rather than the sharp edge of the third brush.
  • Keep the brushed pixels and it’s location to a multi dimensioned array and applied filter to those pixels.
  • Implemented GPU image library for better and fast applying filters to the pixels.
  • Implemented pattern brushing technique for overcome the problem of the turing colored brushed part to gray scale image.
  • Optimed image ratio and it’s pixels for get better editing experience.
IMPACT
  • Image editor works very well as client expected because the foundation stone of this application is the GPU image that gives a fast rendering of graphics and produces a better output.
  • This app allows recoloring of images and applies desired photo effects to them.
  • The edited image could be shared via email or posted on facebook, twitter or Instagram.
KEY TECHNOLOGIES
  • Swift 2.2
  • GPU Image
  • Applovin SDK
  • Core graphics

More Projects

Category :