CLOVER PAINT USER GUIDE

18 downloads 371 Views 2MB Size Report
Clover Paint uses traditional tree-menu system to access different tools. Long press on a ... manager app if there are m
CLOVER PAINT USER GUIDE for v1.22

CONTACTS Questions and suggestions for this guide: [email protected] Feature requests, bug reports and other queries: [email protected] Complete manual (in Japanese): http://www.cloverpaint.net/CRef_top.html Website (Japanese): http://www.cloverpaint.net Twitter (Japanese): www.twitter.com/Clover_Paint Facebook (English): https://www.facebook.com/CloverPaint

http://hemiolan.deviantart.com

A. Interface BRUSH SLIDER Pick a brush, start drawing

LAYER PANEL Layer: toggle layer panel on or off Visible: show/hide current layer Setting: go to Setting page.

DRAWING AREA See no canvas?! Simply draw something and the canvas will automatically expand

Use the slider to change current layer’s opacity Long press on a layer to create, duplicate, delete or merge layers.

COLOR PALETTE Long press on a blank square to register new color Hit the symbol with 2 squares on top each other to access Color picker

BRUSH SIZE/OPACITY/FLOW MAIN MENU

Figure 1: Default UI. Buttons on the top and bottom left are custom shortcuts (termed Clovers – see more in Section B)

Clover Paint uses traditional tree-menu system to access different tools. Long press on a button in the Main menu to bring its submenus and swype to choose one. The main menu (from right to left) includes: 

Gallery/Setting: tap one to go to the Gallery, long press to acess setting pages.  Undo: undo last action, long press for Redo and other actions.  View: manipulating canvas (zoom, move, rotate, flip).  Tools: submenus are as follow (bottom-up)  File: import, export, open and save file (.PSD support!) –Section B  Pen: brush tool (Blur and Smudge/Finger tool available!) – Section D  Line: draw straight lines  Bucket: Fill tool  Image: edit, add, delete, merge, clear layers – Section E  Move: manipulating layer and selection – Section E  Sel.tool: selection tools (free-hand/lasso support!)– Section E  5th button: appears when a certain submenu or tool is picked. The button changes accordingly to the tool

Figure 2: Tools and its submenus. 5 button in this case is File menu

th

Tips: You can set clovers and hotkeys for almost every tool and action to save time swiping

http://hemiolan.deviantart.com

B. Getting started (from the Gallery)

Tap +New to create new canvas Double tap on existing drawing to open Pick a brush from Brush slider and drawing something on the screen. Your canvas will be automatically expanded. If you prefer fix size canvas: Image -> Setting -> Bound -> Fix. Type in the resolution on which you want to work, 1200x1920 for example. Tips: create a preset for new canvas by choosing +New -> Settings from the Gallery Some words on default Color picker. The sliders on the left, right and bottom correspond to color Transparency (Opacity), Brightness (Value) and Saturation value respectively. To save current painting, tap on Gallery/Settings and choose Overwrite or Copy. I recommend to make a copy just in case. Tips: Clover Paint provides auto save function. To increase the frequency, go to Gallery/Settings -> Options and look for Auto save settings

File management Tools -> File

Figure 3 Color Picker

Clovers

th

5 button becomes “File” Import an image from your device’s gallery: 5th button (File) -> Import -> Image Import an image from other directories or a .PSD file: File -> Import -> PSD. Pick your favorite File manager app if there are more than 1, tick Show all and navigate to where your image or psd file is.

Clover is the term for shortcut. You can create as many shortcuts as long as there is a Clover key associated with the tool. You can create shortcuts for Undo, redo, brushes and so on. New shortcut will appear at the middle of the screen.

Export to image format: File -> Export -> Image. Choose image size, format (PNG or JPEG), then press Save Export to PSD format: File -> Export -> Image -> PSD or PSD as..

Figure 4: Create a clover for the current brush. Clover key is circled in blue

Tips: Long press on a Clover, choose Settings and enable “Force icon visible” to keep it visible on any view mode http://hemiolan.deviantart.com

C. General Settings It might take time to figure out what each setting does so I recommend saving this for later and imitating the following settings (look at the blue circles on the left instead of stretching your eyes to read the small footprints).

Gallery/Settings -> Option Pointer Setting (devices with digitizer only): switch to Stylus (right-handed) or Stylus (left-handed) if you experience stylus offsetting

EfT - Extension for Tablet: a package with exclusive features built for tablets. At the moment, there is a major UI update. More features are promised to be delivered in near future Lower UI Scale in small devices for larger drawing area

Edit frame: change non-drawing area appearance

http://hemiolan.deviantart.com

Gallery -> Stylus (devices with digitizer only) Pointer Setting: same as above. If it can’t fix offsetting issue, try Calibration Untick Disable Finger UI Control to enable gestures when controlling canvas.

Pressure: adjust pressure curve with the settings below (not shown here). The small figure in Pressure Setting Test Area plots brush strength (either size or opacity) displayed on canvas against actual pen pressure.

http://hemiolan.deviantart.com

D. Brushes Pick a brush from Brush slider 5 button (Pen) -> Brush.. to access Brush settings th

Standard brushes include Pencil for sketching; G-pen for inking; Airbrush, Water color, Oil for painting; and Eraser, Finger, Blur for editing. You can also create your own CUSTOM BRUSH. Each brush has LOADS of parameter to control brush dynamics. I hence only introduce the most crucial in my experience. I will incorporate my brush pack and settings for download later if possible.

Sandbox: testing area. Here is a custom brush I made to draw hair

The little box activates pen pressure effects to a particular setting

Spot Basic: settings for brush “unit” Pen shape: the standard comes with circle and square as brush “unit”. More shape can be created by a custom brush option below Deform: self-explaining Roll of the spot center: brush angle Blur ratio: brush softness (to be used with Airbrush)

http://hemiolan.deviantart.com

Flow Calc: settings for mixing brush strokes (to be used with Water color, Oil, Finger and Blur) I actually don’t know much about these settings. Custom brush options: Tap on the + button to enable one. Texture Brush Pattern: use an image as a custom “unit” and texture. In this example, I use 4 vertical dots as the “unit” for my hair brush. Tap on the square on the right to change/import your favourite “units”. Perlin noise: add noise to the brush. I use this to create more realistic pencils. Sand brush: regularly used to detail human skin or paint fog. Color texture: retain colors on the image that used for brush texture

Spot Space: flow settings. The lower Interval Magnification is, the denser brush strokes are Tips: higher value puts less stress on the CPU and decreases lag. Stroke Blend: blending methods, to be used with Water color Jitter: create random, scattering brush strokes and colors.

Tips: Use .png image with transparent background to create custom “unit”

http://hemiolan.deviantart.com

E. Layers Layer Panel or Tools -> Image, 5th button becomes “Image” Create a New layer: long press on current layer -> Edit -> Add -> New or Clone Delete: long press on current layer -> Edit -> Delete Merge: long press on current layer -> Edit -> Merge -> Down or All Show/Hide current layer: toggle Visible key Move current layer up/down: use up/down button Clear current layer: 5th button (Image) -> Edit -> Fill -> Clear To access setting page: tap Setting key. There are 11 blending modes, including the most popular such as Multiply, Screen, Overlay and Color. It means that your imported PSD file will likely have all layers preserved as long as their blending modes are available in Clover Paint. Clover Paint also provides clipping function.

Figure 5: The red mark is unclipped on the left hand side and clipped on the right hand side

http://hemiolan.deviantart.com

Tools -> Sel.rect for Selection tool Tools -> Move for Move tool Tools -> Move -> Transform for Transform tool The app comes with a very handful selection and transform tool. Transform and move tool only transform/move the whole layer though. Follow these steps to transform (or move) a selected region: 1. Pick Lasso tool (Sel.Tool -> Free) and create a selection around the word “shrimix” (“shrimp + phoenix” for any one get curious) 1a. (I also wanted to select the shrimix as well, so I chose Blend -> Add and created new selection around the creature) 2. Press Return when Done 3. Transform the selected area by 2 small steps i. Tools -> Move -> Cut&Paste or Copy&Paste, the selected area will be cut or copied into new layer ii. Tools -> Move -> Transform. Press Apply when finish transforming 4. To clear the selection: Tools -> Sel.rect then Sel.Tool -> Edit -> Clear and Return

Figure 6: Step 1, 1a and 3

Tips: 1. Assign hotkeys for Selection tool and Clear command, see more in Key Configuration settings – Section F. Also set “After Paste” to Transform tool in the same setting page. 2. I prefer Copy&Paste especially while painting.I use soft eraser to “blend” the transformed part into the layer beneath by erasing the edges.

http://hemiolan.deviantart.com

F. Hotkeys Gallery/Settings -> KeyConf. my most favourite part Although Clover Paint is highly functional, you might have seen how troublesome it is swiping the menus. Fortunately clovers and hotkeys save the day. I also use GMD Gesture Control (GGC - require roots) for my current set-up on the Note phone: -

Press VOLUME UP once for Lasso (Free selection) tool, hold to Create new layer Press VOLUM DOWN once to clear the selection, hold to Merge down layer Hold MENU and swipe on the screen to change brush size Hold BACK and swipe on the screen to change brush opacity Tap BACK for Undo, or flick left thumb down on the left edge of the screen (assigned to BACK in GGC) Flick left thumb up (assigned to SEARCH in GGC) to access Color picker

Watch the set-up in action at http://www.youtube.com/watch?v=kFLaKEA8IYk

HOW TO CREATE YOUR OWN SHORTCUTS 1. Say I want to tap 3 fingers to activate Center view mode, I choose Center view mode in the setting page. 2. The box says that you can press and hold Ctrl + H or only hold H from an external keyboard to trigger the view mode. As I want to add my own gesture, tap Add

3. Tap 3 fingers on the black box (or press a hardware button if you change your mind and don’t want to use finger gesture)

http://hemiolan.deviantart.com

4. Choose Click to call the command by tapping 3 fingers. Hold means that the command will be called by long pressing 3 fingers. Holding means that the command will be triggered only while holding the fingers. It will return to initial mode when the fingers are released.

5. Here it informs me that there is already an identical gesture mapped to other function and will be deleted when I apply the gesture to the new command. No problem though, tap Add.

6. Press Back and tap OK

http://hemiolan.deviantart.com