Embed Size (px)
Citation preview
TABLE OF CONTENTS!!
+ Introduction to YouiDraw Painer:! 3! - What is the YouiDraw Painer: ! 3!
- System Requirements:! 3!
- The YouiDraw Painer interface:! 4!
• File Button: ! 4!
• Left Toolbox:! 4!
• Top Tools Properties:! 5!
• Canvas Workspace: ! 5!
- Open source components and licenses: ! 6!
+ How to use Paint Tools! 7! - Select:! 7!
- Pencil! 7!
- Brush: ! 8!
- Bucket:! 9!
- Eraser! 9!
- Add Shapes! 9!
- Insert Image! 10!
- Add text! 10!
- Color Settings! 10!
+ Save and Publish your work! 11! - Save your work: ! 11!
- Upgrade to Premium Account! 11!
+ Keyboard shortcuts: Windows / Mac / ChromeOS! 12!
+ Release Notes! 13
� of �2 13
+ Introduction to YouiDraw Painer:!! - What is the YouiDraw Painer: !!With Painter you'll find many tools you need to unlock new artistic possibilities. Work with dozens of customizable brushes, paper textures that look and feel just like the real thing! !
! - System Requirements:! !
Minimum Recommended
Operating system Windows XP / Mac OS X 10.6 / Linux / Chrome OS
Windows 7&8 / Mac OS X 10.7 / Chrome OS
Browser Chrome 33 / FireFox 26 / IE 9.0 Chrome 34+
Memory 1 GB RAM 2 GB RAM
Screen resolution 1280*800 1280*800 / 1366*768 or larger
Internet connection
Required for initial use, updates, data sync, login and for help access.
Required for initial use, updates, data sync, login and for help access.
Language English English
� of �3 13
- The YouiDraw Painer interface:!
1. File Button 2. Top Tools Properties 3. Left Toolbox 4. Canvas Workspace!!!!• File Button: � !
Let you NEW, OPEN, SAVE a project, clear your canvas or change the project size, and undo, redo your steps. !!!
• Left Toolbox:!!� Use select tools to copy, cut or delete a area that you selected.!!� Use pencil tools to choose 7 different style to draw, include Plain, Sketchy, Shaded, Web, Trail, Ribbon, Flur.!!� Use brush tools to paint with different colors and different style brush.!!� Bucket tools let you change the area color that you selected.!!� Use eraser to erase graphic on the canvas.!!
� of �4 13
� Use shape tools to add rectangle, round-rectangle, circle, convex, concave and gear shape quickly. !!� Insert an image from your local drive by image tools.!!� Add a text onto canvas, !!� Set front color or back color, also can use gradient or pattern. When we use it for shape or text, it means fill color and stroke color.!!!!
• Top Tools Properties:!!Display all settings about the current tools which you’re using.!
!!!!!!!• Canvas Workspace: !
In the center of the YouiDraw Painer interface is the workspace. This workspace shows your shapes, text, and other elements visually, just as they will be displayed as they will appear in a browser.!!
� of �5 13
- Open source components and licenses: !! !• Thanks the Logo idea from Dribbble user Mike Smith (Guerrilla). !!• jQuery dropdown:Copyright 2013 Cory LaViska, LLC. Licensed under the MIT. !!• icomoon.io Free SVG Package Licensed under the GPL / CC BY 3.0!!• Purchased Commercial License SVG from tooopen.com!!• Pricing Table Copyright (c) 2013 Thibaut Courouble. Licensed under the MIT. !!• Ownbusinesscard.net provided few ideas for example.!!• Other open source modules: !! jQuery / jQueryUI / jQuery SVG / jgraduate / jPicker / canvg / colorpicker / !! Opentype / Paperjs / jSize / jqtree / perfect-scrollbar / w2ui!!
� of �6 13
+ How to use Paint Tools!! - Select:!
1. Click select button on the left toolbox.!2. Drag your mouse to select an area. !3. Drag the area to move the selected area or right click on it to copy, cut, delete, crop it.!!!! - Pencil!
1. Click the Pencil button on the left toolbox.!2. Choose one of 7 styles in type list and set the size, opacity and other option to paint.!3. Global Path: Connect with other path before you did this. !4. Random Color: use random color without the color you set.!
Plain: � !
Sketchy: � !
Shaded: � !
� of �7 13
Web: � !
Trail: � !
Ribbon: � !
Fur: � !!!!! - Brush: !!Choose kinds of brush, set size and space of brush then paint.!!1. Click Brush button on the left toolbox.!2. Choose a brush type from the brush list, and set
size, space, opacity. Choose a color you want to use by color settings.!
3. Click and drag your mouse on canvas. !!!
!!� of �8 13
- Bucket:!
Use a color, gradient or a pattern fill into a selected area. !1. Select an area by select tools.!2. Choose a color, gradient or pattern by color settings.!3. Click Bucket tools on left toolbox, and click your mouse onto the area you selected.!!!! - Eraser!
Erase all thing that the eraser through. !1. Click Eraser tools on the left toolbox.!2. Click and drag your mouse on the canvas.!!!! - Add Shapes!
1. Click Shape tools on the left toolbox. !2. Choose a sheep type from the shape list, you can add rectangle, round-rectangle, circle,
convex, concave and gear shape quickly.!3. Choose color style by color settings, then click and drag your mouse on the canvas.!!
� of �9 13
- Insert Image!!1. Click insert image button on the left toolbox. !2. Choose an image from your local drive.!3. Click mouse on the canvas, then you can add it,
use the manipulator to adjust the size.!!!!!!!! - Add text!!1. Click Text tool on the left toolbox.!2. Choose font, size, opacity and border size on
the top properties. !3. Choose color by color settings. !4. Click mouse on canvas, and
type your text into the text editor.!!!!! - Color Settings!
Set fill color and border color for shapes and texts, also can use gradient or pattern.!1. Click the color button on the left toolbox.!2. Choose what type fill color you want use
by the 3 tabs, then set it easily.!3. The first color for fill, and the second color
for border.
� of �10 13
!+ Save and Publish your work!! - Save your work: !
Click the file menu button, then you can choose “Save” option to export your work to an image, and download it.!! - Upgrade to Premium Account!!Sometimes, the free version may had some limitation, you need to upgrade to premium account to enable this function. !1. Visit our website homepage: http://www.youidraw.com/ !!2. You can find a “MENU” button at the right-top corner, click the menu and choose “Premium”
option.!!3. You can subscribe our monthly or yearly plan to get unlimited function.!
!
� of �11 13
!!+ Keyboard shortcuts: Windows / Mac / ChromeOS!!Delete: "Delete"!!MAC OS X!Return: "Crop"!Shift+Command+Z: "Redo"!Command+Z: "Undo"!Command+C: "Copy"!Command+V: "Paste"!Command+X: "Cut"!Command+A: "Select All"!Command+S: “Save”!!Windows / Chrome OS!Enter: "Crop"!Control+Z: "Undo"!Control+Y: "Redo"!Control+C: "Copy"!Control+V: "Paste"!Control+X: "Cut"!Control+A: "Select All"!Control+S: “Save"
� of �12 13
+ Release Notes!!2014.6.28!1.fix time is not suit or error in firefox and safari!2.painter: fix bug of rect does not hide when use pen!3.add custom cursor, when select tool!!2014.7.2!1.fix import large svg can’t save and open file!2.show context menu when edit shape, remove pt, close shape,convert bezier!!2014.7.8!1.erase every thing in current layer, try fix crush bug!2.fix hard to select only has stroke shape, like line,arc..!!2014.7.10!1.check project when share it, no content show on canvas can’t be shared.!2.add download browser icon.!!2014.7.11!1.show rotate,position,size data when drag in canvas!!2014.7.19!1.new file in specify fodder from google drive!2.add save as function!3.add replace share function!!2014.7.23!find inner shadow export bug(chrome bug), fix it!!2014.7.24!1.fix fill pattern bugs and fill dialog function.!2.set export jpeg image quality!3.add more setting to grid!4.when scale canvas (drag freehand point) need scale some appropriate,add line to rotate point!!2014.7.28!1.update share file dialog, need input name, select type.!2.add home page, user guide link to apps!!2014.7.29!1.fix design bug of shape combine. fix bug of divide.!!2014.8.01!1.fix can’t drag shape to canvas bug!2.add export to PDF and print function!3.start app, when log in success, click Ok button to continue!4.add project preview page.
� of �13 13
