YouPaint – Tutorial part 2

In part one of YouPaint tutorial, we have introduced basic tools of mobile application and finished on color select dialog. So now we’ll continue.

Color Dialog

Color Select Dialog

Color select dialog allows us to precisely select one from 16.7 millions of colors. It contains color wheel, brightness bar and alpha bar. On the top there are color preview markers with alpha value applied. Next to them are two buttons: black and white – which allows to fast select black or white colors.

Color Picker

Color Picker

But the color dialog isn’t the only way to select color. We could also use tool known as “color picker”. It gives us opportunity to select color directly from picture. When we drag the finger across the picture – it shows us currently selected color in circle around. When we release the touch – current color will be active and next selected tool will be the brush.

Share Select

Share Select

After our painting is done we could share it on social sites. On Paint View page, in menu we select Share action. Then Share Select dialog appers, on which we could choose the way we want share our picture. There are available popular websites like Facebook and Flickr. Also we can upload picture to YouPaint.org or send it by email.

Share Dialog

Share Dialog

When sharing picture, we can rotate (0, 90, 180, 270 degree) it before as we want and select image format to which picture will be compressed. Also for JPEG images we can set specific quality.

Well there are many other features of YouPaint.org, which we haven’t explained. The best way to be convinced is to try it yourself. So please, don’t wait and visit YouPaint today.

 

YouPaint – Tutorial part 1

Today I’m going to show You some features of mobile application YouPaint. Because currently, there are two versions of app: for Java and Android platforms – in this tutorial we will be using screenshots from Android version (although Java version looks quite similar). So let’s start…

Gallery

Gallery Page

We start the YouPaint application on Android touch phone. After splash screen vanishes, the gallery page appears. On this page there are visible all paintings created by us (initially there are two demo paintings). We can start new paint or select existing one to modify or share it to social websites.

There ale also some items in menu. We can set options (amount of undo memory and our YouPaint account), open about or help dialog or just exit the application. If there are a lot of paintings and they are not fit on single screen – we can drag the screen to move it furhter.

 

Paint View

Paint View

If we click on some existing painting on Gallery Page, we will move to Paint View. Paint View doesn’t allow to modify painting, but instead it allows to manage it. As we can see – we can delete the painting, share it to social websites or email. Also we may switch to Paint Edit Page or back to Gallery View. We can also open Options form – the same which we could opened on Gallery Page.

Paint Edit

Paint Edit

The most important feature of YouPaint is of course painting pictures. This page allows us to do this. It contains three items:

• top menu
• bottom menu
• picture with background

 Important thing is that menu can be shown or hidden. To switch menu just tap the screen without drag it.

In top menu we have three icons:

• back to Paint View Page
• adjust zoom
• move picture

 

Brush Properties

The last two are for phones without multitouch support. If our phone supports multitouch then we could use 2-fingers gestures to gently move and adjust zoom.

Bottom menu has several tools:

• brush
• undo
• redo
• color picker (to pick color from picture)
• color dialog (color wheel with brightness and alpha) 

Brush configuration allows us to set varius brush properties:

• type (10 types)
• kind (draw or erase)
• size
• alpha
• spacing

This gives us really powerful options. In future versions there will be even more brush types and properties. We can also very precisely adjust brush properties like size or alpha, using “+” and “-” buttons to change value by 1.

Other very important dialog is color select. But we will take it at the second part of this tutorial…

I hope You enjoy using YouPaint 🙂

Art meets Technology – YouPaint.org

Mountains painted in YouPaint

Finally we have released beta version of our website. It’s called YouPaint and is targeted for all people who like to paint and have touch phones. The website comes with mobile application for Your touch phone. It allows to paint on Your phone the same way as You can paint on plain canvas. The application has a lot of features:

• various customizable brushes
• alpha blending
• 16.7 millions of colours
• color picker
• move and zoom (from 20 to 1600 %)
• multiple step undo/redo
• load/save paintings to file
• share paintings to YouPaint, Facebook, Flickr or E-mail (directly from phone)

Currently mobile application supports Java and Android phones (IPhone is planned in future). You can post Your paintings to few social websites (Facebook, Flickr, YouPaint) – directly from phone. After publishing Your painting to YouPaint site, other users can comment and rate it. You can attach tags to every picture, so it can be found easily. Website and mobile application are absolutely FREE – so if You are painting maniac – come and try it.

Below are included paintings made by YouPaint users:

YouPaint - Sign	YouPaint - Boy
YouPaint - Joker

Don’t wait – start painting with Your touch phone right now – visit YouPaint !!!