~ubuntu-branches/ubuntu/vivid/gimp-help/vivid

« back to all changes in this revision

Viewing changes to html/en/ch04s02s02.html

  • Committer: Bazaar Package Importer
  • Author(s): Ari Pollak
  • Date: 2005-05-08 18:04:08 UTC
  • mfrom: (1.2.1 upstream) (2.1.1 hoary)
  • Revision ID: james.westby@ubuntu.com-20050508180408-mjwl3kmjczfnmu5v
Tags: 2+0.7-5
Fix doc-base entry for gimp-help-zh-cn to point to correct directory
name (Closes: #308228)

Show diffs side-by-side

added added

removed removed

Lines of Context:
3
3
<html xmlns="http://www.w3.org/1999/xhtml">
4
4
  <head>
5
5
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6
 
    <title>2.2. Layer masks</title>
 
6
    <title>2.2. Using the Layerdialog</title>
7
7
    <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
8
8
    <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
9
 
    <meta name="generator" content="DocBook XSL Stylesheets V1.64.1" />
10
 
    <link rel="home" href="index.html" title="GIMP User Manual" />
 
9
    <meta name="generator" content="DocBook XSL Stylesheets V1.66.1" />
 
10
    <link rel="start" href="index.html" title="&#10;      &#10;    " />
11
11
    <link rel="up" href="ch04s02.html" title="2. Layers dialog" />
12
 
    <link rel="previous" href="ch04s02.html" title="2. Layers dialog" />
13
 
    <link rel="next" href="ch04s03.html" title="3. Channels dialog" />
 
12
    <link rel="prev" href="ch04s02.html" title="2. Layers dialog" />
 
13
    <link rel="next" href="ch04s02s03.html" title="2.3. Layer masks" />
14
14
  </head>
15
15
  <body>
16
 
    <div class="navheader">
 
16
    <div xmlns="" class="navheader">
17
17
      <table width="100%" summary="Navigation header">
18
18
        <tr>
19
 
          <th colspan="3" align="center">2.2. Layer masks</th>
 
19
          <th colspan="3" align="center" id="chaptername">2.2. Using the Layerdialog</th>
20
20
        </tr>
21
21
        <tr>
22
22
          <td width="20%" align="left"><a accesskey="p" href="ch04s02.html">Prev</a> </td>
23
 
          <th width="60%" align="center">2. Layers dialog</th>
24
 
          <td width="20%" align="right"> <a accesskey="n" href="ch04s03.html">Next</a></td>
 
23
          <th width="60%" align="center" id="sectionname">2.2. Using the Layerdialog</th>
 
24
          <td width="20%" align="right"> <a accesskey="n" href="ch04s02s03.html">Next</a></td>
25
25
        </tr>
26
26
      </table>
27
27
      <hr />
30
30
      <div class="titlepage">
31
31
        <div>
32
32
          <div>
33
 
            <h3 class="title"><a id="gimp-layer-mask"></a>2.2. Layer masks</h3>
 
33
            <h3 class="title"><a id="id3333822"></a>2.2. Using the Layerdialog</h3>
34
34
          </div>
35
35
        </div>
36
 
        <div></div>
37
 
      </div>
38
 
      <div class="mediaobject">
39
 
        <img src="../images/dialogs/dialogs-layer-addmask.png" />
40
36
      </div>
41
37
      <div class="variablelist">
42
38
        <dl>
43
 
          <dt></dt>
44
 
          <dd>
45
 
            <p>
46
 
          A transparency mask can be added to each layer, it's called Layer
47
 
          mask.  A layer mask has the same size and same pixel number as
48
 
          the layer to which it is attached. Every pixel of the mask can
49
 
          then be coupled with a pixel at the same location in the layer.
50
 
          The mask is a set of pixels in graytone on a value scale from 0
51
 
          to 255. The pixels with a value 0 are black and give a full
52
 
          transparency to the coupled pixel in the layer.  The pixels with
53
 
          a value 255 are white and give a full opacity to the coupled
54
 
          pixel in the layer.
55
 
        </p>
56
 
            <p>
57
 
          To create a layer mask start with a right click on the layer to
58
 
          call the context menu and select <span class="guilabel">Add layer
59
 
            mask</span> in the menu. If the menu item is grayed first
60
 
          select <span class="guilabel">Add Alpha channel</span> in the same menu.
61
 
          A dialog appears where you can initialize the content of the
62
 
          mask:
63
 
          </p>
64
 
            <div class="itemizedlist">
65
 
              <ul type="disc">
66
 
                <li>
67
 
                  <p>
68
 
                <span class="guilabel">White</span>: the mask has no effect,
69
 
                all layer pixels are full visible.
70
 
              </p>
71
 
                </li>
72
 
                <li>
73
 
                  <p>
74
 
                <span class="guilabel">Black</span>: the mask gives a full
75
 
                transparency
76
 
                to the layer which becomes invisible.
77
 
              </p>
78
 
                </li>
79
 
                <li>
80
 
                  <p>
81
 
                <span class="guilabel">Layer's Alpha channel</span>: the mask is
82
 
                initialized according to the content of layer Alpha
83
 
                channel.  If the layer still contains transparency it's
84
 
                copied in the mask.
85
 
              </p>
86
 
                </li>
87
 
                <li>
88
 
                  <p>
89
 
                <span class="guilabel">Selection</span> : the mask is initialized
90
 
                according to pixel values found in the selection.
91
 
              </p>
92
 
                </li>
93
 
                <li>
94
 
                  <p>
95
 
                <span class="guilabel">Grayscale copy of layer</span>: the mask
96
 
                is
97
 
                initialized according to pixel values of the layer.
98
 
              </p>
99
 
                </li>
100
 
              </ul>
101
 
            </div>
102
 
            <p>
103
 
        </p>
104
 
            <p>
105
 
          When the mask is created it appears as a thumbnail right to the
106
 
          layer thumbnail. By clicking alternatively on the layer and mask
107
 
          thumbnail you can enable one or other. The active itemis
108
 
          highlighted by a white border (which is not well visible around a
109
 
          white mask). To view mask content instead of its effect in image
110
 
          window, press <span><b class="keycap">Ctrl Alt</b></span> and then on mask
111
 
          thumbnail. To return to normal view redo last operation.
112
 
        </p>
113
 
            <div class="caution" style="margin-left: 0.5in; margin-right: 0.5in;">
114
 
              <table border="0" summary="Caution">
 
39
          <dt>
 
40
            <span class="term">Overview</span>
 
41
          </dt>
 
42
          <dd>
 
43
            <p>
 
44
            Every layer appears in the dialog in form of a thumbnail. When
 
45
            an image has many layers as components then it appears like a
 
46
            list. The upper layer in the list is the first one visible and
 
47
            the lowest layer the last visible, the background. Above the
 
48
            list one can find characteristics related individually to each
 
49
            layer. Under the list one can find managements buttons for the
 
50
            layer list. A right-click in a layer thumbnail opens the layer
 
51
            <a href="ch05s07.html" title="7. Layers">menu</a>.
 
52
          </p>
 
53
          </dd>
 
54
          <dt>
 
55
            <span class="term">Layer attributes</span>
 
56
          </dt>
 
57
          <dd>
 
58
            <p>
 
59
            Every layer is shown in the list with its own attributes. The
 
60
            main attribute is the name of the layer itself. You can edit it
 
61
            by a double-click on the name or the thumbnail of the layer. In
 
62
            front of the thumbnail is an icon showing an eye
 
63
            <span class="guiicon"> 
 
64
              <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-eye.png" /></span>
 
65
            </span>.  By clicking on the eye, you toggle whether the layer is
 
66
            visible or not. (Shift-clicking on the eye causes all
 
67
            <span class="emphasis"><em>other</em></span> to be temporarily hidden.)  An
 
68
            other icon showing a chain <span class="guiicon"> 
 
69
              <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-vchain.png" /></span>
 
70
            </span> enables to group layers for operations on multiples
 
71
            layers (for example with the Move tool).
 
72
          </p>
 
73
            <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
 
74
              <table border="0" summary="Tip">
115
75
                <tr>
116
76
                  <td rowspan="2" align="center" valign="top" width="25">
117
 
                    <img alt="[Caution]" src="../images/caution.png" />
 
77
                    <img alt="[Tip]" src="../images/tip.png" />
118
78
                  </td>
119
 
                  <th align="left">Caution</th>
 
79
                  <th align="left">Tip</th>
120
80
                </tr>
121
81
                <tr>
122
82
                  <td colspan="2" align="left" valign="top">
123
 
          The layer mask acts like a transparency mask on a particular
124
 
          layer.  Since you have many layers it becomes different from the
125
 
          image Alpha channel which represents transparency applied to the
126
 
          whole image.
127
 
        </td>
 
83
                    <p>
 
84
              In case of an animation layer GIF or MNG the name of the
 
85
              layer can be used to specify some parameters : Layer_name
 
86
              (delay in ms) (combination mode), for example Frame-1 (100
 
87
              ms) (replace).  The <span class="guilabel">delay</span> set the time
 
88
              during the layer is visible in the animation. The combination
 
89
              mode set if you combine with the previous layer or replace
 
90
              it: the two modes are (combine) or (replace).
 
91
            </p>
 
92
                  </td>
128
93
                </tr>
129
94
              </table>
130
95
            </div>
131
96
          </dd>
 
97
          <dt>
 
98
            <span class="term">Layers characteristics</span>
 
99
          </dt>
 
100
          <dd>
 
101
            <p>
 
102
            Above the layer list it's possible to specify some properties for
 
103
            the active layer. The active layer is the one highlighted in blue. The
 
104
            properties are : "Layer mode", "Keep transparency", and "Opacity".
 
105
          </p>
 
106
            <div class="itemizedlist">
 
107
              <ul type="disc">
 
108
                <li>
 
109
                  <div class="mediaobject">
 
110
                    <img src="../images/dialogs/dialogs-layer-modes.png" />
 
111
                  </div>
 
112
                  <p>
 
113
                <span class="guilabel">Layer modes</span>:
 
114
                The layer mode determines how the layer interact with the
 
115
                other layers.  From the combo box you can access to all the
 
116
                mode provided by Gimp.  The layer modes are full detailled
 
117
                in the <a href="go01.html#glossary-modes">Glossary</a>.
 
118
              </p>
 
119
                </li>
 
120
                <li>
 
121
                  <div class="mediaobject">
 
122
                    <img src="../images/dialogs/dialogs-layer-keeptrans.png" />
 
123
                  </div>
 
124
                  <p>
 
125
                <span class="guilabel">Keep transparency</span>: If you check this
 
126
                option the transparent areas of the layer will be keeped,
 
127
                this even if you have checked the <span class="guilabel">Fill
 
128
                  transparent areas</span> option for the Bucket fill
 
129
                tool.
 
130
              </p>
 
131
                </li>
 
132
                <li>
 
133
                  <p>
 
134
                  <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-layer-opacity.png" /></span>
 
135
                </p>
 
136
                  <p>
 
137
                <span class="guilabel"><a id="gimp-layer-dialog-opacity-scale"></a>Opacity</span>:
 
138
                By moving the slider you give less or more opacity to the
 
139
                layer. With a 0 opacity value the layer is transparent and
 
140
                full invisible.  Don't mistake with the Layer mask (see
 
141
                chapter Layer mask) that sets the transparency pixel by
 
142
                pixel.
 
143
              </p>
 
144
                </li>
 
145
              </ul>
 
146
            </div>
 
147
          </dd>
 
148
          <dt>
 
149
            <span class="term">Layer management</span>
 
150
          </dt>
 
151
          <dd>
 
152
            <p>
 
153
            Under the layer list a set of buttons allows you to perform
 
154
            some basis operations on the layer list.
 
155
          </p>
 
156
            <div class="itemizedlist">
 
157
              <ul type="disc">
 
158
                <li>
 
159
                  <p>
 
160
                <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-edit.png" /></span>
 
161
                 <span class="guilabel">Edit layer attributs</span>:
 
162
                 You can change here the name of the active layer in the list.
 
163
               </p>
 
164
                </li>
 
165
                <li>
 
166
                  <a id="gimp-layer-new"></a>
 
167
                  <p>
 
168
                <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-new.png" /></span>
 
169
                 <span class="guilabel">New layer</span>:
 
170
                 You can create here a new layer. A dialog is opened where
 
171
                 you have to fill the <span class="guilabel">Layer name</span>,
 
172
                 perhaps change default <span class="guilabel">Height</span> and
 
173
                 <span class="guilabel">Width</span> choose the <span class="guilabel">Layer fill
 
174
                   type</span> which will be the new layer background.
 
175
               </p>
 
176
                </li>
 
177
                <li>
 
178
                  <a id="gimp-layer-raise"></a>
 
179
                  <p>
 
180
                 <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-raise.png" /></span>
 
181
                 <span class="guilabel">Raise layer</span>:
 
182
                 You can here put the layer up a level in the list. Press the
 
183
                 <span><b class="keycap">Shift</b></span> key to move the layer to the top of
 
184
                 the list.
 
185
               </p>
 
186
                </li>
 
187
                <li>
 
188
                  <a id="gimp-layer-lower"></a>
 
189
                  <p>
 
190
                <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-lower.png" /></span>
 
191
                 <span class="guilabel">Lower layer</span>:
 
192
                 You can here put the layer down a level in the list. Press the
 
193
                 <span><b class="keycap">Shift</b></span> key to move the layer to the bottom of
 
194
                 the list.
 
195
                 </p>
 
196
                  <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
 
197
                    <table border="0" summary="Tip">
 
198
                      <tr>
 
199
                        <td rowspan="2" align="center" valign="top" width="25">
 
200
                          <img alt="[Tip]" src="../images/tip.png" />
 
201
                        </td>
 
202
                        <th align="left">Tip</th>
 
203
                      </tr>
 
204
                      <tr>
 
205
                        <td colspan="2" align="left" valign="top">
 
206
                          <p>
 
207
                     To move a layer at the bottom of the list, first
 
208
                     give a transparency channel to the Backgrpund layer
 
209
                     (also called Alpha channel).  Right click on the
 
210
                     Background layer and select <span class="guilabel">Add Alpha
 
211
                     channel</span> in the menu.
 
212
                   </p>
 
213
                        </td>
 
214
                      </tr>
 
215
                    </table>
 
216
                  </div>
 
217
                  <p>
 
218
               </p>
 
219
                </li>
 
220
                <li>
 
221
                  <a id="gimp-layer-duplicate"></a>
 
222
                  <p>
 
223
                 <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-duplicate.png" /></span>                   
 
224
                 <span class="guilabel">Duplicate layer</span>:
 
225
                 You can create here a copy of the active layer. Name of new
 
226
                 layer is suffixed with a number.
 
227
               </p>
 
228
                </li>
 
229
                <li>
 
230
                  <a id="gimp-layer-anchor"></a>
 
231
                  <p>
 
232
                 <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-anchor.png" /></span>
 
233
                 <span class="guilabel">Anchor layer</span>:
 
234
                 When the active layer is a temporary layer (also called floating
 
235
                 selection) shown by this icon
 
236
                 <span class="guiicon">
 
237
                    <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-floating.png" /></span>
 
238
                 </span>,
 
239
                 this button anchors it in the previous active layer.
 
240
               </p>
 
241
                </li>
 
242
                <li>
 
243
                  <a id="gimp-layer-delete"></a>
 
244
                  <p>
 
245
                <span class="inlinemediaobject"><img src="../images/dialogs/dialogs-icon-delete.png" /></span>
 
246
                 <span class="guilabel">Delete layer</span> :
 
247
                 You can here delete the active layer.
 
248
               </p>
 
249
                </li>
 
250
              </ul>
 
251
            </div>
 
252
          </dd>
132
253
        </dl>
133
254
      </div>
134
255
    </div>
140
261
          <td width="20%" align="center">
141
262
            <a accesskey="u" href="ch04s02.html">Up</a>
142
263
          </td>
143
 
          <td width="40%" align="right"> <a accesskey="n" href="ch04s03.html">Next</a></td>
 
264
          <td width="40%" align="right"> <a accesskey="n" href="ch04s02s03.html">Next</a></td>
144
265
        </tr>
145
266
        <tr>
146
267
          <td width="40%" align="left" valign="top">2. Layers dialog </td>
147
268
          <td width="20%" align="center">
148
269
            <a accesskey="h" href="index.html">Home</a>
149
270
          </td>
150
 
          <td width="40%" align="right" valign="top"> 3. Channels dialog</td>
 
271
          <td width="40%" align="right" valign="top"> 2.3. Layer masks</td>
151
272
        </tr>
152
273
      </table>
153
274
    </div>