ArtRage*, part of Intel® Education · 1. Press System Menu. 2. Press New Painting. 3. Enter a Name and Size for the new painting. 4. Set up the canvas settings using Presets, Roughness

Copyright © 2014 Intel® Corporation. All rights reserved. Intel® and the Intel® logo are registered trademarks of Intel® Corporation in the United States and other countries. *Other names and brands may be claimed as the property of others.

ArtRage*, part of Intel® Education

User Guide

Copyright © 2014 Intel Corporation. All rights reserved. Intel and the Intel logo are trademarks of Intel Corporation in the U.S. and/or other countries. *Other names and brands may be claimed as the property of others.

Disclaimer

INFORMATION IN THIS DOCUMENT IS PROVIDED IN CONNECTION WITH INTEL® PRODUCTS. EXCEPT AS PROVIDED IN INTEL'S TERMS AND CONDITIONS OF SALE FOR SUCH PRODUCTS, INTEL ASSUMES NO LIABILITY WHATSOEVER, AND INTEL DISCLAIMS ANY EXPRESS OR IMPLIED WARRANTY RELATING TO SALE AND/OR USE OF INTEL PRODUCTS, INCLUDING LIABILITY OR WARRANTIES RELATING TO FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR INFRINGEMENT OF ANY PATENT, COPYRIGHT, OR OTHER INTELLECTUAL PROPERTY RIGHT.

All products, dates, and figures specified are preliminary based on current expectations and are subject to change without notice. Availability in different channels may vary.

Intel and the Intel logo are trademarks of Intel Corporation in the U.S. and/or other countries.

The hardware vendors of the bare bone notebooks and the interchangeable components remain solely responsible for the design, sale and functionality of their respective products, including any liability arising from product infringement and product warranty. Intel is not warranting the products of the hardware vendors.

Information regarding third-party products is provided solely for educational purposes. Intel is not responsible for the performance or support of third-party products and does not make any representations or warranties whatsoever regarding quality, reliability, functionality, or compatibility of these devices or products.

Intel may make changes to specifications and product descriptions at any time, without notice. Designers must not rely on the absence or characteristics of any features or instructions marked "reserved" or "undefined." Intel reserves these for future definition and shall have no responsibility whatsoever for conflicts or incompatibilities arising from future changes to them. The information here is subject to change without notice. Do not finalize a design with this information.

The vendors of the Intel® Education Solutions and other components remain solely responsible for the design, sale and functionality of their respective products, including any liability arising from intellectual property infringement and/or product warranty. Information about these products is provided for informational purposes only; Intel is not recommending any particular third-party product, Intel is not responsible for the performance or support of third-party products, and Intel does not make any representations or warranties whatsoever regarding quality, reliability, functionality, or compatibility of these products. This document contains information on products in the design phase of development.

*Other names and brands may be claimed as the property of others.


Contents Getting started with ArtRage ................................................................................................................................................. 4

Benefits in education ........................................................................................................................................................... 4

Accessing the application .................................................................................................................................................. 5

Main Features .......................................................................................................................................................................... 6

Main Screen and Elements ................................................................................................................................................ 7

Menu Bar ................................................................................................................................................................................ 10

Create a new painting ................................................................................................................................................... 13

Painting tools ....................................................................................................................................................................... 21

Tool picker ........................................................................................................................................................................ 25

Adjust settings of the current tool .......................................................................................................................... 26

Add presets ...................................................................................................................................................................... 27

Create presets ................................................................................................................................................................. 28

Insert a sticker (Windows) .......................................................................................................................................... 29

Draw with stencils (Windows) ................................................................................................................................... 29

Color controls .................................................................................................................................................................. 30

Color picker ...................................................................................................................................................................... 31

Select colors ..................................................................................................................................................................... 32

Add a color sample ....................................................................................................................................................... 33

Create a new layer ......................................................................................................................................................... 34

Change the visibility of a layer .................................................................................................................................. 35

Change the opacity of a layer ................................................................................................................................... 36

Access to the options menu in the layers panel ............................................................................................... 37

Insert an image for reference .................................................................................................................................... 38

Insert an image for tracing ......................................................................................................................................... 39


Getting started with ArtRage

ArtRage provides intuitive tools that simulate the use of real materials to create digital art projects, encouraging the development of creativity, artistic appreciation, and visual communication.

Through an intuitive interface ArtRage is designed to work as a real tool for drawing and painting. ArtRage provides a set of features that allow users to test a wide range of different artistic styles, colors and professional class textures.

Benefits in education

• Encourages the development of art appreciation, imagination and visual communication. • Helps students develop creative and motor skills enhancing the brain functions. • Promotes self-esteem, motivation, emotional expression and esthetic appreciation.


Accessing the application

1. Press the ArtRage icon to bring up the canvas. 2. Select a tool from the tool picker to start drawing.

Main Screen (Windows 8)

Main Screen (Android)


Main Features

Natural painting tools Provides natural finishes on the basis of thickness, wetness, or translucent paint.

Stickers & Spray Adds pre-constructed elements to decorate a design.

Sketching & Drawing Tools Draws freehand sketches.

Canvas / Paper Defines the properties of the canvas such as texture and color.

Special Effect Tools Creates decorated scenes or adds an unusual touch.

Tracing images Places a background image as a tracing guide.

Utility tools Transforms, rotates, resizes objects.

References Places an image as a reference for the user while drawing.

Presets & settings Allows the use of drawing tools with predefined characteristics.

Layers & Blend Modes Places the design elements in different levels facilitating their handling.

Colors Displays the color picker with the corresponding color model HLS or RGB.

User interface Provides a workspace that allows the user to focus on the design instead of software management.

Stencils & Rulers Creates accurate designs using stencils or rulers, suitable to any drawing tool.

File Formats, Import & Export Provides support for the following image formats: PNG, JPG, TIFF, BMP.


Main Screen and Elements

Windows Android Windows Android

Menu Bar

Contains basic functions for common operations such as undo, redo and quit.

●

Tool picker

Shows the tools available and allows user to set the tool size. ● ●

Color picker

Shows the color rainbow and allows user to select tone, hue, brightness and metallic finishes.

● ●

Stickers

Shows the sticker sheets available. ●

Stencils

Allows the use of stencils. ●

Settings

Shows options to adjust the settings of the current tool.

●

Presets

Allows the use of drawing tools with predefined characteristics.

● ●

Samples

Lists the customized colors saved as samples.

●

Layers

Simplifies object handling by managing them at independent levels.

● ●

Tracing

Places a background image as a tracing guide.

● ●



References

Places an image as a reference for the user while drawing.

● ●

Tool Size

Allows user to set up the tool size. ●

System Menu

Contains options to save, create new paintings, and gallery access.

●

Redo

Repeats the last action. ●

Undo

Undoes the last action. ●


User Interface Details

Windows

1. Menu Bar

2. Stickers

3. Stencils

4. Settings

5. Tool picker

6. Presets

7. Samples

8. Color picker

9. References

10. Tracing

11. Layer

Android

1. Color Samples

2. Tool Size

3. Tool Picker

4. Color Picker

5. References

6. Layers

7. Tracing

8. Undo

9. Redo

10. Menu

11. Tool Settings

12. Presets

1

2

3

4

5 7 6 8

9

10

11

1 2 3

5

4

6 7 8

11 12

10 9


Menu Bar

The menu bar contains functions that allow the user to interact with the application and perform common operations such as new painting, import image file, and save painting. Although the menu bar is only available for in the Windows 8 version, the System Menu in the top bar on Android contains similar functions.

User interface details

Windows Android

Collapse Panel

Displays or collapses the menu bar. ●

Menu Bar

Shows the functions to interact with the application organized by category.

●

File

Contains commands related to the handling of files, such as open painting, save painting, print painting, among others.

●

Edit

Contains commands related to the manipulation of the images, such as copy, paste, select all, crop to selection, among others.

●

Tools

Contains the settings for all the tools. ●

View

Shows / hides the panels. ●

Help

Contains links to ArtRage support websites and help. ●

Zoom canvas in / Zoom canvas out

Zooms in or zooms out the canvas. ●

Undo

Undoes the last action. ●

Redo

Repeats the last action. ●

Canvas positioner

Rotates, zooms in or zooms out the canvas. ●


Windows Android

Hide ArtRage window

Shrinks the applications to the task bar or dock. ●

Toggle window full screen

Maximizes the ArtRage window hiding the title bar. ●

Quit application

Closes the ArtRage window. ●

System Menu

Display options to save, create new paintings, and gallery access.

●

Save Painting

Saves an ArtRage file. ●

Save Painting As

Saves an ArtRage file with a new name. ●

New Painting

Creates a new ArtRage file. ●

Gallery

Opens the Gallery screen. ●

Share

Shares/Exports an image. ●

Settings

Opens the Settings screen. ●

Help

Opens the ArtRage help screen. ●


Windows

Collapse panel Menu Zoom out Zoom in Quit application

Toggle window full screen

Hide ArtRage window

Canvas positioner

Redo

Undo

Android

System menu


Create a new painting Windows

1. Press File menu. 2. Select New Painting. 3. Set up the canvas size using the options Screen Size and Print Size. 4. Set up additional options using the Canvas and Tracing menus. 5. Press OK.

1 Image 1 Creation of a new painting in ArtRage for Windows.

2

3

4

5


Android

1. Press System Menu. 2. Press New Painting. 3. Enter a Name and Size for the new painting. 4. Set up the canvas settings using Presets, Roughness and Metallic. 5. Press OK.

1 Image 2 Creation of a new painting in ArtRage for Android.

2

3

4

5


Import images Windows

1. Press File menu. 2. Select Import Image File. 3. In the Open dialog browse and choose the image file to be imported. 4. Press Open.

1 Image 3 Import of an image file in ArtRage for Windows.

2

3

4


Android

1. Press System Menu. 2. Select Gallery. 3. Press Import button. 4. Choose an action:

a. Take a photo. b. Import image.

1 Image 4 Import of an image file in ArtRage for Android.

2

3

4


Export images Windows

1. Press File menu. 2. Select Export Image File. 3. In the Save As dialog select a folder to store the painting. 4. In File Name type a name for the painting. 5. In Save as type choose a file format. 6. Press Save.

1 Image 5 Export of an image file in ArtRage for Windows.

2

3

4 5

6


Android

1. Press System Menu. 2. Press Share. 3. Select Export Image. 4. Choose an action:

a. Save JPG to Pictures. b. Save PNG to Pictures.

1 Image 6 Export of an image file in ArtRage for Android.

2

3

4


Save a painting Windows

1. Press File menu. 2. Select Save Painting As. 3. In the Save As dialog select a folder to store the painting. 4. In File Name type a name for the painting. 5. In Save as type choose a file format. 6. Press Save.

1 Image 7 Saving of a painting file in ArtRage for Windows.

2

3

4 5

6


Android

1. Press System Menu. 2. Press Save Painting As. 3. In File Name type a name for the painting. 4. Press OK.

1 Image 8 Saving of a painting file in ArtRage for Android.

2

3

4


Painting tools

This category includes the tool picker and the panels: settings, presets, stickers, and stencils which are arranged to the left of the ArtRage window.



Tool picker

Shows the tools available and allows the user to set the tool size. ● ●

Oil brush

Paints like using a firm-bristled brush with oil or acrylic finishes.

● ●

Watercolor

Paints like using a soft-bristled brush on wet or dry paper.

●

Palette knife

Mixes and spreads the paint on the canvas to produce a variety of effects.

● ●

Air brush

Spreads a fine spray of pigment on the painting.

● ●

Ink pen

Draws illustrations with precision without mixing the paint on canvas.

● ●



Pencil

Draws illustrations with precision, offering a wide variety of soft and hard pencils.

● ●

Paint roller

Paints the canvas with solid strokes.

● ●

Felt pen

Draws with markers of different wetness and quality.

● ●

Gloop pen

Sprinkles drops of ink, spreading them on the canvas.

● ●

Sticker spray

Sprays adhesive sheets on the canvas.

●

Crayon

Produces strokes of varying boldness depending on the pressure of the stroke.

● ●

Chalk

Simulates a stick of chalk responding to the pressure applied.

●

Eraser

Removes paint from the surface of the canvas.

● ●



Paint tube

Places lines of thick paint on the canvas for blending with other paint.

● ●

Glitter tube

Spreads brightly colored particles on the canvas.

● ●

Selection

Allows the marking of areas for other operations such as copy and paste or transformation.

●

Transform

Allows the adjustment of paint and other objects that have already been placed on the canvas.

●

Color sampler

Samples colors from the canvas. ● ●

Fill tool

Pours large areas of paint onto the canvas that expand until they find a border they cannot flow over.

● ●

Text

Places text that can be edited using standard fonts, color and metallic effects.

●

Tool size %

Sets the tool size % of the current tool. ● ●

Stickers

Shows the sticker sheets available. ●

Stencils

Allows the use of stencils. ●

Settings

Shows options to adjust the settings of the current tool.

● ●



Presets

Allows the use of drawing tools with predefined characteristics.

● ●


Tool picker Windows

Oil brush

Eraser Watercolor Felt pen Pencil Palette knife Paint roller Gloop pen

Airbrush

Crayon Chalk Selection Transform Color sampler Paint tube Fill Ink pen

Sticker spray Glitter tube Tool size % Text

Android

Fill tool

Eraser

Color sampler

Paint roller

Glitter tube

Paint tube

Gloop pen

Crayon

Felt pen

Pencil

Ink pen

Palette knife

Airbrush

Oil brush


Adjust settings of the current tool Windows

1. Press Settings. The appearance of the settings panel changes depending on which tool is selected.

Image 9 Adjustment of the current tool settings in ArtRage for Windows.

1

Android

1. Press Tool Settings. The appearance of the settings panel changes depending on which tool is selected.

1 Image 10 Adjustment of the current tool settings in ArtRage for Android.


Add presets Windows

1. Press Presets. 2. In the Presets panel, select a preset.

The presets panel indicates how many presets are available for the current tool.

Image 11 Addition of presets in ArtRage for Windows.

1

2

Android

1. Press Presets.

2. In the Presets panel, select a preset. The presets panel indicates how many presets are available for the current tool.

1 Image 12 Addition of presets in ArtRage for Android.

2


Create presets Windows

1. In the Presets panel press New Preset. 2. Select a Group to add the new preset. 3. Type a Preset Name. 4. Press OK.

Image 13 Creation of presets in ArtRage for Windows.

1

2

3

4

Android

1. In the Presets panel, press New Preset. 2. Type a Name. 3. Press OK.

Image 14 Creation of presets in ArtRage for Android.

1

2

3


Insert a sticker (Windows) 1. Press Stickers. 2. On the left side of the Stickers panel select a Group. 3. On the right side choose a Sticker sheet. 4. Select a Sticker.

Image 15 Insertion of stickers in ArtRage for Windows.

Draw with stencils (Windows) 1. Press Stencils. 2. On the left side of the Stencils panel select a Group. 3. Select a Stencil. 4. To move the stencils use the Transform tool. 5. In the Tool picker select a painting tool to paint over the stencil.

Image 16 Drawing with stencils in ArtRage for Windows.

1 2 3

4

1 2

3 5

4


Color controls This category includes the color picker and the panels: samples, tracing, references and layers which are arranged to the right of the ArtRage window.



Color picker

Shows the color rainbow and allows user to select tone, hue, brightness and metallic finishes.

● ●

Samples

Lists the customized colors saved as samples. ● ●

Layers

Simplifies object handling by managing them at independent levels.

● ●

Tracing

Places a background image as a tracing guide. ● ●

References

Places an image as a reference for the user while drawing.

● ●


Color picker

Windows

Small color arc

Large color arc

Metal slider Current color

Collapse panel

Android

Small color arc

Large color arc

Metal slider Current color


Select colors Windows

1. Select the tone and hue in the Small color arc. 2. Select the brightness in the Large color arc. 3. Verify the color in Current color sample.

Image 17 Selection of colors in ArtRage for Windows.

Android

1. Press Color picker. 2. Select the tone and hue in the Small color arc. 3. Select the brightness in the Large color arc.

Image 18 Selection of colors in ArtRage for Android.

1

2 3

1

2 3


Add a color sample Windows

1. Press Samples. 2. In the Samples panel press Add Local Sample. 3. Enter a name for the new color sample.

Image 19 Addition of a color sample in ArtRage for Windows.

Android

1. Press Color Samples. 2. Select Add Sample.

Image 20 Addition of a color sample in ArtRage for Android.

1

2

3

1

2


Create a new layer Windows

1. Press Layers. 2. In the Layers panel press New. The new layer will be created above the current one.

Image 21 Creation of a new layer in ArtRage for Windows.

Android

1. Press Layers. 2. In the Layers panel press New. The new layer will be created above the current one.

Image 22 Creation of a new layer in ArtRage for Android.

1

2

1

2


Change the visibility of a layer Windows

1. Press Layers. 2. In the Layers panel, press Layer visibility.

Image 23 Change of the visibility of a layer in ArtRage for Windows.

Android

1. Press Layers. 2. In the Layers panel, press Layer visibility.

Image 24 Change of the visibility of a layer in ArtRage for Android.

1 2

1

2


Change the opacity of a layer Windows

1. Press Set Opacity %. 2. Enter the opacity %. 3. Press OK.

Image 25 Change of the opacity of a layer in ArtRage for Windows.

Android

1. Press Set opacity %. 2. Enter the opacity %. 3. Press OK.

Image 26 Change of the opacity of a layer in ArtRage for Android.

1 2

3

1

2

3


Access to the options menu in the layers panel Windows

1. Press Menu.

Image 27 Access to the options menu in the layers panel in ArtRage for Windows.

Android

1. Press Menu.

Image 28 Access to the options menu in the layers panel in ArtRage for Android.

1

1


Insert an image for reference Windows

1. Press References. 2. In the Open dialog browse and choose the image file to be imported. 3. Press Open.

Image 29 Insertion of an image for reference in ArtRage for Windows.

Android

1. Press References. 2. Choose an action: Take a photo or Import Image.

Image 30 Insertion of an image for reference in ArtRage for Android.

1

2

3

1

2


Insert an image for tracing Windows

1. Press Tracing. 2. In the Open dialog browse and choose the image file to be imported. 3. Press Open.

Image 31 Insertion of an image for tracing in ArtRage for Windows.

Android

1. Press Tracing. 2. Choose an action: Take a photo or Import Image.

Image 32 Insertion of an image for tracing in ArtRage for Android.

1

2

3

1

2

Documents

ArtRage*, part of Intel® Education · 1. Press System Menu. 2. Press New Painting. 3. Enter a Name and Size for the new painting. 4. Set up the canvas settings using Presets, Roughness