DEV Community

Cover image for ArtistAssistApp - the open source web app to paint better with ease ๐Ÿ–Œ๏ธ๐ŸŽจ
Eugene Khyst
Eugene Khyst

Posted on • Edited on

ArtistAssistApp - the open source web app to paint better with ease ๐Ÿ–Œ๏ธ๐ŸŽจ

Are you a professional or beginning artist? Or have you always wanted to learn how to paint with watercolors, oil paints or acrylics?

ArtistAssistApp logo

ArtistAssistApp is the open source web app to paint better with ease.

  • ๐Ÿ–Œ๏ธ ๐ŸŽจ ๐Ÿ–ผ๏ธ Tools for realistic color mixing based on real paints, tonal value drawing, simplified sketching, and more.
  • ๐Ÿง‘โ€๐ŸŽจ Perfect for artists of all levels and styles, whether you prefer watercolor or oil, realism or loose techniques, landscapes or portraits.
  • ๐Ÿ“ฑ ๐Ÿ’ป ๐Ÿ–ฅ๏ธ Works on desktops, laptops, tablets and smartphones.
  • ๐Ÿ”“ No login or registration required.
  • #๏ธโƒฃ The source code is available on GitHub.

Try it now at artistassistapp.com

Features

๐ŸŽจ Realistic color mixing

Import your own photos, select any desired color directly from the image, and learn how to mix it with your paints.

Our web app provides a step-by-step guide on how to precisely mix that color using your own paints using atomic or optical mixing.

Atomic mixing is the physical mixing of colors together, while optical mixing is the result of placing a transparent layer of color over another color (glaze technique).

ArtistAssistApp realistic color mixing based on real paints

The color of a paint mixture is calculated as the weighted geometric mean of the paints' reflectance curves. The reflectance curves of paints and mixes can be visualized.

ArtistAssistApp paint mix spectral reflectance curve

๐ŸŽจ Palette

Save instructions on how to mix your favorite colors from the paints you have for quick reference.

ArtistAssistApp palette tool

๐Ÿ–Œ๏ธ Simplified sketch

Smooth your photo to reduce detail and focus on the big shapes and proportions of your subject, and learn how to simplify and abstract your paintings.

ArtistAssistApp simplified sketch

โœ๏ธ Tonal values

Use tonal value sketches that capture the light and shadow of your subject to learn how to create contrast and depth in your paintings.

ArtistAssistApp tonal values

Implementation details

This project does not use artificial intelligence (AI), but rather mathematics.

The core logic of the project doesn't depend on any math or color library and includes the implementation of the following:

  • converting between color models (e.g. sRGB to CIELAB),
  • sRGB to spectral reflectance curve,
  • matrix operations,
  • matrix inversion using LU decomposition,
  • solving a system of linear algebraic equations using forward and backward substitution,
  • weighted geometric mean,
  • the average color of the circular area of the image
  • color difference using CIEDE2000,
  • vector operations,
  • fast median blur using sliding window and histogram,
  • RGB to grayscale conversion based on luminance,
  • and more.

The source code is available on GitHub.


๐Ÿ–Œ๏ธ ๐ŸŽจ ๐Ÿ–ผ๏ธ ArtistAssistApp was created together with professional artist for professional and beginning artists. It's easy to use, interactive, and fun. Try it today and unleash your creativity!

Find us on Product Hunt, ask questions, leave comments.

Top comments (3)

Collapse
 
eugene-khyst profile image
Eugene Khyst • Edited