Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/build/html/paint.html
blob: 89f498f47f13ef2fd576f6d5b46ed1c3ab336422 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>Paint &mdash; Sugar 0.94 documentation</title>
    
    <link rel="stylesheet" href="_static/default.css" type="text/css" />
    <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
    
    <script type="text/javascript">
      var DOCUMENTATION_OPTIONS = {
        URL_ROOT:    '',
        VERSION:     '0.94',
        COLLAPSE_INDEX: false,
        FILE_SUFFIX: '.html',
        HAS_SOURCE:  true
      };
    </script>
    <script type="text/javascript" src="_static/jquery.js"></script>
    <script type="text/javascript" src="_static/underscore.js"></script>
    <script type="text/javascript" src="_static/doctools.js"></script>
    <link rel="author" title="About these documents" href="about.html" />
    <link rel="top" title="Sugar 0.94 documentation" href="index.html" />
    <link rel="next" title="Pippy" href="pippy.html" />
    <link rel="prev" title="Memorize" href="memorize.html" /> 
  </head>
  <body>
    <div class="related">
      <h3>Navigation</h3>
      <ul>
        <li class="right" style="margin-right: 10px">
          <a href="pippy.html" title="Pippy"
             accesskey="N">next</a></li>
        <li class="right" >
          <a href="memorize.html" title="Memorize"
             accesskey="P">previous</a> |</li>
        <li><a href="index.html">Sugar 0.94 documentation</a> &raquo;</li> 
      </ul>
    </div>  

    <div class="document">
      <div class="documentwrapper">
        <div class="bodywrapper">
          <div class="body">
            
  <div class="section" id="paint">
<h1>Paint<a class="headerlink" href="#paint" title="Permalink to this headline">¶</a></h1>
<div class="section" id="about">
<h2>About<a class="headerlink" href="#about" title="Permalink to this headline">¶</a></h2>
<p>This Activity allows users to create paintings or drawings. It can also be used to edit images created by other Activities and the images it creates can be imported into some Activities.</p>
</div>
<div class="section" id="using">
<h2>Using<a class="headerlink" href="#using" title="Permalink to this headline">¶</a></h2>
<div class="section" id="starting">
<h3>Starting<a class="headerlink" href="#starting" title="Permalink to this headline">¶</a></h3>
<p>You can start a new project or open an existing Paint project in the Journal. You can also edit other images, in the Journal use the &#8216;Start with&#8217; menu item for images made with Record etc.</p>
</div>
</div>
<div class="section" id="primary-tool-bar">
<h2>Primary tool bar<a class="headerlink" href="#primary-tool-bar" title="Permalink to this headline">¶</a></h2>
<img alt="_images/DrawMainToolbar.JPG" src="_images/DrawMainToolbar.JPG" />
<ol class="arabic simple">
<li>secondary toolbar - display or change the name of the image that is saved in the Journal</li>
<li>secondary toolbar - edit</li>
<li>tool properties</li>
<li>brush tool</li>
<li>erase tool</li>
<li>flood-fill tool - fills an enclosed area with the color selected in tool properties (if the shape you try to fill has gaps then the whole screen may fill)</li>
<li>color-picker tool - click on the screen to set the drawing color</li>
<li>stamp tool - select an area with the select tool, then copy it with the stamp tool</li>
<li>select tool - drag to select a rectangular area of the screen, drag again to move the selection. Also use with the edit toolbar (copy, paste, clear), with the stamp tool or with the image toolbar (rotate, mirror, scale, invert colors)</li>
<li>secondary toolbar - shapes</li>
<li>secondary toolbar - insert text, set bold, italic, size, and font</li>
<li>secondary toolbar - image</li>
<li>stop - quits the Activity</li>
</ol>
</div>
<div class="section" id="secondary-tool-bar-edit">
<h2>Secondary tool bar - Edit<a class="headerlink" href="#secondary-tool-bar-edit" title="Permalink to this headline">¶</a></h2>
<img alt="_images/Edit-tb.JPG" src="_images/Edit-tb.JPG" />
<ol class="arabic simple">
<li>undo</li>
<li>redo</li>
<li>copy area selected with the select tool to the clipboard (use this to crop images, select the area you want, copy to the clipboard and then select &#8216;Keep&#8217; on the clip item on the left border of the screen. The original image is unchanged and a new &#8216;Image clipping&#8217; item is saved in the Journal)</li>
<li>paste from clipboard (the image is pasted in the top left, use the select tool to drag to the desired place)</li>
<li>clear the selected area</li>
</ol>
</div>
<div class="section" id="tool-properties">
<h2>Tool properties<a class="headerlink" href="#tool-properties" title="Permalink to this headline">¶</a></h2>
<p>Changes the properties of the brush tool or the stamp tool</p>
<p>When the brush tool is selected, changes the color, size and shape of the brush tool. Also affects the shape and text tools.</p>
<img alt="_images/Brush-props.JPG" src="_images/Brush-props.JPG" />
<p>When the stamp tool is selected, changes the size of the stamp</p>
<img alt="_images/Stamp-props.JPG" src="_images/Stamp-props.JPG" />
</div>
<div class="section" id="secondary-tool-bar-shapes">
<h2>Secondary tool bar - Shapes<a class="headerlink" href="#secondary-tool-bar-shapes" title="Permalink to this headline">¶</a></h2>
<img alt="_images/Shapes-tb.JPG" src="_images/Shapes-tb.JPG" />
<ol class="arabic simple">
<li>Shapes properties - set the fill color, aspect ratio, the number of sides of stars and polygons (the border is set in brush properties)</li>
<li>Ellipse (hold down shift for circle)</li>
<li>Rectangle (hold down shift for squares)</li>
<li>Line</li>
<li>Free form</li>
<li>Polygon (number of sides set in Shapes properties)</li>
<li>Heart</li>
<li>Parallelogram</li>
<li>Arrow</li>
<li>Star (number of points set in Shapes properties)</li>
<li>Trapezoid</li>
<li>Triangle</li>
</ol>
</div>
<div class="section" id="secondary-tool-bar-images">
<h2>Secondary tool bar - Images<a class="headerlink" href="#secondary-tool-bar-images" title="Permalink to this headline">¶</a></h2>
<img alt="_images/Image-tb.JPG" src="_images/Image-tb.JPG" />
<ol class="arabic simple">
<li>Insert image from Journal</li>
<li>Rotate selected area left</li>
<li>Rotate selected area right</li>
<li>Horizontal mirror selected area</li>
<li>Vertical mirror selected area</li>
<li>Scale selected area height</li>
<li>Scale selected area width</li>
<li>Convert selected area from color to gray</li>
<li>Rainbow</li>
<li>Invert colors in selected area (white -&gt; black, red -&gt; blue etc.)</li>
</ol>
</div>
<div class="section" id="applying">
<h2>Applying<a class="headerlink" href="#applying" title="Permalink to this headline">¶</a></h2>
<p>Paint is a versatile Activity with many uses such as:</p>
<ul class="simple">
<li>creating drawings or paintings</li>
<li>creating images for inserting into Write documents</li>
<li>creating slides for a Portfolio Activity slide show</li>
<li>creating images for using in other Activities including Turtle Blocks and many more</li>
<li>editing and cropping images made by other Activities including Turtle Blocks and many more</li>
<li>editing and cropping screen shots (take screen shots with Alt-1)</li>
<li>editing and cropping photos taken with the Record Activity</li>
</ul>
</div>
<div class="section" id="sharing">
<h2>Sharing<a class="headerlink" href="#sharing" title="Permalink to this headline">¶</a></h2>
<p>Paint does not support sharing. You can use Turtle Blocks for collaborative drawing.</p>
</div>
<div class="section" id="extending">
<h2>Extending<a class="headerlink" href="#extending" title="Permalink to this headline">¶</a></h2>
<ul class="simple">
<li>take a photo of an animal with Record, crop the image with Paint, use as a custom turtle in Turtle Blocks</li>
<li>start a school newspaper, take photos with Record, crop with Paint, import them into Write</li>
<li>do a portfolio of your schoolwork, get screenshots (Alt-1) crop with Paint and add explanatory labels then make a slideshow in Portfolio Activity</li>
<li>create a custom Memorize Activity Activity game, create the images in Paint</li>
<li>create custom cards for the Dimensions (Visual Match) Activity</li>
<li>create custom foods for the Nutrition Activity</li>
<li>create custom images for the Labrynth Activity (mind maps)</li>
<li>create a web page with images from Paint</li>
<li>take photos of plants or animals, crop the photos, label them</li>
<li>take the output of SimpleGraph and use the flood-fill tool to make a multicolored graph</li>
</ul>
</div>
<div class="section" id="developers-information">
<h2>Developers&#8217; information<a class="headerlink" href="#developers-information" title="Permalink to this headline">¶</a></h2>
<p><strong>History</strong></p>
<p>Oficina (the Paint Activity) was developed and adapted to the XO using Python for the team NATE-LSI (Integrated Systems Laboratory), in the Polytechnical School at University of São Paulo, Brazil.</p>
<p><strong>Resources</strong></p>
<p><a class="reference external" href="https://git.sugarlabs.org/projects/paint">Sources</a></p>
<p><a class="reference external" href="http://activities.sugarlabs.org/en-US/sugar/addon/4082">Sugar Activity Library page</a></p>
</div>
<div class="section" id="where-to-report-problems">
<h2>Where to report problems<a class="headerlink" href="#where-to-report-problems" title="Permalink to this headline">¶</a></h2>
<p>In <a class="reference external" href="http://bugs.sugarlabs.org">http://bugs.sugarlabs.org</a>, component Paint.</p>
</div>
</div>


          </div>
        </div>
      </div>
      <div class="sphinxsidebar">
        <div class="sphinxsidebarwrapper">
  <h3><a href="index.html">Table Of Contents</a></h3>
  <ul>
<li><a class="reference internal" href="#">Paint</a><ul>
<li><a class="reference internal" href="#about">About</a></li>
<li><a class="reference internal" href="#using">Using</a><ul>
<li><a class="reference internal" href="#starting">Starting</a></li>
</ul>
</li>
<li><a class="reference internal" href="#primary-tool-bar">Primary tool bar</a></li>
<li><a class="reference internal" href="#secondary-tool-bar-edit">Secondary tool bar - Edit</a></li>
<li><a class="reference internal" href="#tool-properties">Tool properties</a></li>
<li><a class="reference internal" href="#secondary-tool-bar-shapes">Secondary tool bar - Shapes</a></li>
<li><a class="reference internal" href="#secondary-tool-bar-images">Secondary tool bar - Images</a></li>
<li><a class="reference internal" href="#applying">Applying</a></li>
<li><a class="reference internal" href="#sharing">Sharing</a></li>
<li><a class="reference internal" href="#extending">Extending</a></li>
<li><a class="reference internal" href="#developers-information">Developers&#8217; information</a></li>
<li><a class="reference internal" href="#where-to-report-problems">Where to report problems</a></li>
</ul>
</li>
</ul>

        </div>
      </div>
      <div class="clearer"></div>
    </div>
    <div class="related">
      <h3>Navigation</h3>
      <ul>
        <li class="right" style="margin-right: 10px">
          <a href="pippy.html" title="Pippy"
             >next</a></li>
        <li class="right" >
          <a href="memorize.html" title="Memorize"
             >previous</a> |</li>
        <li><a href="index.html">Sugar 0.94 documentation</a> &raquo;</li> 
      </ul>
    </div>
    <div class="footer">
        &copy; Copyright 2013, SugarLabs.
      Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.
    </div>
  </body>
</html>