home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / gimp / 2.0 / help / en / gimp-tool-text.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  19.8 KB  |  525 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>6.5.¬†Text</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" />
  10.     <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" />
  11.     <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
  12.     <link rel="start" href="index.html" title="GNU Image Manipulation Program" />
  13.     <link rel="up" href="gimp-tools-other.html" title="6.¬† Other" />
  14.     <link rel="prev" href="gimp-tool-measure.html" title="6.4.¬† Measure" />
  15.     <link rel="next" href="gimp-toolbox-areas.html" title="7.¬† Color and Indicator Area" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">6.5.¬†Text</th>
  22.         </tr>
  23.         <tr>
  24.           <td width="20%" align="left"><a accesskey="p" href="gimp-tool-measure.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  25.           <th width="60%" align="center">6.¬†
  26.     <span lang="en" xml:lang="en">Other</span>
  27.   </th>
  28.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-toolbox-areas.html"><img src="../images/next.png" alt="Next" /></a></td>
  29.         </tr>
  30.       </table>
  31.       <hr />
  32.     </div>
  33.     <div class="sect2" lang="en" xml:lang="en">
  34.       <div class="titlepage">
  35.         <div>
  36.           <div>
  37.             <h3 class="title"><a id="gimp-tool-text"></a>6.5.¬†Text</h3>
  38.           </div>
  39.           <div>
  40.             <div class="revhistory">
  41.               <table border="1" width="100%" summary="Revision history">
  42.                 <tr>
  43.                   <th align="left" valign="top" colspan="3">
  44.                     <b>Revision History</b>
  45.                   </th>
  46.                 </tr>
  47.                 <tr>
  48.                   <td align="left">Revision $Revision: 2429 $</td>
  49.                   <td align="left">2008-01-05</td>
  50.                   <td align="left">j.h</td>
  51.                 </tr>
  52.               </table>
  53.             </div>
  54.           </div>
  55.         </div>
  56.       </div>
  57.       <a id="id2650946" class="indexterm"></a>
  58.       <a id="id2650961" class="indexterm"></a>
  59.       <div class="figure">
  60.         <a id="id2650975"></a>
  61.         <p class="title">
  62.           <b>Figure¬†13.153.¬†
  63.       <span lang="en" xml:lang="en">The Text tool in Toolbox</span>
  64.     </b>
  65.         </p>
  66.         <div class="figure-contents">
  67.           <div class="mediaobject">
  68.             <img src="../images/toolbox/toolbox-text.png" alt="The Text tool in Toolbox" />
  69.           </div>
  70.         </div>
  71.       </div>
  72.       <br class="figure-break" />
  73.       <p>
  74.     The Text tool places text into an image. When you click on an image with
  75.     this tool the <span class="emphasis"><em>Text Editor dialog</em></span> is opened where
  76.     you can type your text, and a text layer is added in the Layer Dialog.
  77.     In the <span class="emphasis"><em>Text Option dialog</em></span>, you can change the font,
  78.     color and size of your text, and justify it, interactively.
  79.   </p>
  80.       <p>
  81.     With the Move tool, you can move the text layer. But you must click on a
  82.     letter, and this is not always easy when letters are fine.
  83.   </p>
  84.       <div class="sect3" lang="en" xml:lang="en">
  85.         <div class="titlepage">
  86.           <div>
  87.             <div>
  88.               <h4 class="title"><a id="id2651030"></a>6.5.1.¬†
  89.       <span lang="en" xml:lang="en">Activate the Tool</span>
  90.     </h4>
  91.             </div>
  92.           </div>
  93.         </div>
  94.         <p>
  95.       You can access this tool in several ways:
  96.     </p>
  97.         <div class="itemizedlist">
  98.           <ul type="disc">
  99.             <li>
  100.               <p>
  101.           In the image menu through
  102.           <span class="guimenu"><span class="accel">T</span>ools</span> ‚Üí <span class="guisubmenu">Te<span class="accel">x</span>t</span>,
  103.         </p>
  104.             </li>
  105.             <li>
  106.               <p>
  107.           by clicking the tool icon
  108.           <span class="guiicon">
  109.             <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-text-22.png" /></span>
  110.           </span>
  111.           in Toolbox,
  112.         </p>
  113.             </li>
  114.             <li>
  115.               <p>
  116.           or by using the <span class="keycap"><strong>T</strong></span> keyboard shortcut.
  117.         </p>
  118.             </li>
  119.           </ul>
  120.         </div>
  121.       </div>
  122.       <div class="sect3" lang="en" xml:lang="en">
  123.         <div class="titlepage">
  124.           <div>
  125.             <div>
  126.               <h4 class="title"><a id="id2651121"></a>6.5.2.¬†
  127.       <span lang="en" xml:lang="en">Options</span>
  128.     </h4>
  129.             </div>
  130.           </div>
  131.         </div>
  132.         <div class="figure">
  133.           <a id="id2651132"></a>
  134.           <p class="title">
  135.             <b>Figure¬†13.154.¬†
  136.         <span lang="en" xml:lang="en">Text tool options</span>
  137.       </b>
  138.           </p>
  139.           <div class="figure-contents">
  140.             <div class="mediaobject">
  141.               <img src="../images/toolbox/tool-options-text.png" alt="Text tool options" />
  142.             </div>
  143.           </div>
  144.         </div>
  145.         <br class="figure-break" />
  146.         <div class="variablelist">
  147.           <dl>
  148.             <dt>
  149.               <span class="term">Overview</span>
  150.             </dt>
  151.             <dd>
  152.               <p>
  153.             The available tool options for the Text tool can be accessed
  154.             by double clicking the text tool icon:<span class="guiicon">
  155.               <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-text-22.png" /></span>
  156.             </span>
  157.           </p>
  158.             </dd>
  159.             <dt>
  160.               <span class="term">Font</span>
  161.             </dt>
  162.             <dd>
  163.               <p>
  164.             There are two ways of selecting fonts in GIMP. The first is from
  165.             the image Dialogs/Fonts menu. The second is with the Font selector
  166.             in this tool. Both methods select from the installed X fonts. When
  167.             you select a font it is interactively applied to your text.
  168.           </p>
  169.               <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  170.                 <table border="0" summary="Note">
  171.                   <tr>
  172.                     <td rowspan="2" align="center" valign="top" width="25">
  173.                       <img alt="[Note]" src="../images/note.png" />
  174.                     </td>
  175.                     <th align="left">Note</th>
  176.                   </tr>
  177.                   <tr>
  178.                     <td align="left" valign="top">
  179.                       <p>
  180.               You can get special characters in the same way as you get
  181.               them in other text editors: <span class="keycap"><strong>AltGr</strong></span> + key in
  182.               Linux, <span class="keycap"><strong>Alt</strong></span> + number key pad in Windows.
  183.             </p>
  184.                     </td>
  185.                   </tr>
  186.                 </table>
  187.               </div>
  188.             </dd>
  189.             <dt>
  190.               <span class="term">Size</span>
  191.             </dt>
  192.             <dd>
  193.               <p>
  194.             This control sets the size of the font in any of several
  195.             selectable units.
  196.           </p>
  197.             </dd>
  198.             <dt>
  199.               <span class="term">Hinting</span>
  200.             </dt>
  201.             <dd>
  202.               <p>
  203.             Uses the indices of adjustment to modify the characters in
  204.             order to produce clear letters in small font sizes.
  205.           </p>
  206.             </dd>
  207.             <dt>
  208.               <span class="term">Force Auto-Hinter</span>
  209.             </dt>
  210.             <dd>
  211.               <p>
  212.             <span class="guilabel">Auto Hinter</span> tries to automatically
  213.             compute information for better representation of the
  214.             character font.
  215.           </p>
  216.             </dd>
  217.             <dt>
  218.               <span class="term">Antialiasing</span>
  219.             </dt>
  220.             <dd>
  221.               <p>
  222.             Antialiasing will render the text with much smoother edges and
  223.             curves. This is achieved by slight blurring and merging of the
  224.             edges. This option can radically improve the visual appearance of
  225.             the rendered typeface. Caution should be exercised when using
  226.             antialiasing on images that are not in RGB color space.
  227.           </p>
  228.             </dd>
  229.             <dt>
  230.               <span class="term">Color</span>
  231.             </dt>
  232.             <dd>
  233.               <p>
  234.             Color of the text that will be drawn next. Defaults to black.
  235.             Selectable from the color picker dialog box that opens when the
  236.             current color sample is clicked.
  237.           </p>
  238.               <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  239.                 <table border="0" summary="Tip">
  240.                   <tr>
  241.                     <td rowspan="2" align="center" valign="top" width="25">
  242.                       <img alt="[Tip]" src="../images/tip.png" />
  243.                     </td>
  244.                     <th align="left">Tip</th>
  245.                   </tr>
  246.                   <tr>
  247.                     <td align="left" valign="top">
  248.                       <p>
  249.               You can also click-and-drag the color from the Toolbox color
  250.               area onto the text.
  251.             </p>
  252.                     </td>
  253.                   </tr>
  254.                 </table>
  255.               </div>
  256.             </dd>
  257.             <dt>
  258.               <span class="term">Justify</span>
  259.             </dt>
  260.             <dd>
  261.               <a id="id2651380" class="indexterm"></a>
  262.               <p>
  263.             Causes the text to be justified according to any of four rules
  264.             selectable from the associated icons.
  265.           </p>
  266.             </dd>
  267.             <dt>
  268.               <span class="term">Indent</span>
  269.             </dt>
  270.             <dd>
  271.               <a id="id2651409" class="indexterm"></a>
  272.               <p>
  273.             Controls the indent spacing from the left margin, for the fist
  274.             line.
  275.           </p>
  276.             </dd>
  277.             <dt>
  278.               <span class="term">Line Spacing</span>
  279.             </dt>
  280.             <dd>
  281.               <a id="id2651436" class="indexterm"></a>
  282.               <p>
  283.             Controls the spacing between successive lines of text. This
  284.             setting is interactive: it appears at the same time in image text.
  285.             The number is not the space between lines itself, but how many
  286.             pixels must be added to or subtracted from this space (the value
  287.             can be negative).
  288.           </p>
  289.             </dd>
  290.             <dt>
  291.               <span class="term">Letter Spacing</span>
  292.             </dt>
  293.             <dd>
  294.               <p>
  295.             Controls the spacing between letters. Also in this case the number
  296.             is not the space itself between letters, but how many pixels must
  297.             be added to or substracted from this space (the value can be
  298.             negative).
  299.           </p>
  300.             </dd>
  301.             <dt>
  302.               <span class="term">Text along Path</span>
  303.             </dt>
  304.             <dd>
  305.               <p>
  306.             This option is enabled only if a
  307.             <a class="link" href="gimp-using-paths.html" title="5.¬† Paths">path</a> exists. First, create
  308.             or import a path and make it active.
  309.           </p>
  310.               <p>
  311.             Then select the Text tool and enter your text. If you want to
  312.             use a text which already exists, make it active in the
  313.             <a class="link" href="gimp-dialogs-structure.html#gimp-layer-dialog" title="2.1.¬† Layers Dialog">Layer dialog</a>, select the
  314.             Text tool and click on the text in the image window.
  315.           </p>
  316.               <p>
  317.             Click on the <span class="guibutton">Text along Path</span> button. The
  318.             text is bent along the path. Letters are represented with their
  319.             outline. Each of them is a component of the new path which
  320.             appears in the <a class="link" href="gimp-path-dialog.html" title="2.3.¬† Path Dialog">Path
  321.               dialog</a>. All path options should apply to this new path.
  322.           </p>
  323.               <div class="figure">
  324.                 <a id="id2651555"></a>
  325.                 <p class="title">
  326.                   <b>Figure¬†13.155.¬†
  327.               <span lang="en" xml:lang="en">
  328.                 ‚Äú<span class="quote">Text along Path</span>‚Äù example
  329.               </span>
  330.             </b>
  331.                 </p>
  332.                 <div class="figure-contents">
  333.                   <div class="mediaobject">
  334.                     <img src="../images/toolbox/text-along-path.png" alt="Text along Path example" />
  335.                   </div>
  336.                   <div class="mediaobject">
  337.                     <img src="../images/toolbox/text-path.png" alt="Text along Path example" />
  338.                   </div>
  339.                 </div>
  340.               </div>
  341.               <br class="figure-break" />
  342.             </dd>
  343.             <dt>
  344.               <span class="term">Create Path from Text</span>
  345.             </dt>
  346.             <dd>
  347.               <p>  
  348.             This tool creates a selection path from the selected text. Every
  349.             letter is surrounded with a path component. So you can modify
  350.             the shape of letters by moving path control points.
  351.           </p>
  352.             </dd>
  353.           </dl>
  354.         </div>
  355.       </div>
  356.       <div class="sect3" lang="en" xml:lang="en">
  357.         <div class="titlepage">
  358.           <div>
  359.             <div>
  360.               <h4 class="title"><a id="gimp-text-editor-dialog"></a>6.5.3.¬†
  361.       <span lang="en" xml:lang="en">Text Editor</span>
  362.     </h4>
  363.             </div>
  364.           </div>
  365.         </div>
  366.         <a id="id2651642" class="indexterm"></a>
  367.         <div class="figure">
  368.           <a id="id2651655"></a>
  369.           <p class="title">
  370.             <b>Figure¬†13.156.¬†
  371.         <span lang="en" xml:lang="en">The Text Editor options</span>
  372.       </b>
  373.           </p>
  374.           <div class="figure-contents">
  375.             <div class="mediaobject">
  376.               <img src="../images/toolbox/tool-dialog-text.png" alt="The Text Editor options" />
  377.             </div>
  378.           </div>
  379.         </div>
  380.         <br class="figure-break" />
  381.         <div class="variablelist">
  382.           <a id="id2651688" class="indexterm"></a>
  383.           <dl>
  384.             <dt>
  385.               <span class="term">Overview</span>
  386.             </dt>
  387.             <dd>
  388.               <p>
  389.             This dialog window is opened when you click on the image with the
  390.             Text Tool. It's a still basic text editor that nevertheless
  391.             allows you to write on several lines. Word wrap is not possible
  392.             - the text layer lengthens gradually - and you have to press the
  393.             <span class="keycap"><strong>Enter</strong></span> key to move to the next line.
  394.           </p>
  395.               <p>
  396.             The text you type appears interactively in the image. If the
  397.             option ‚Äú<span class="quote">Show Layer Boundary</span>‚Äù is checked in the View
  398.             menu, this text will be surrounded with black and yellow dashes
  399.             that mark the layer boundary. Now look, it's not a selection:
  400.             if you want to move the text, you must click on the text itself
  401.             and not inside this frame only.
  402.           </p>
  403.               <p>
  404.             You can correct the text you are writing and you can change the
  405.             text font with the Font Editor.
  406.           </p>
  407.               <p>
  408.             You can move the text by using the Move Tool, but you loose the
  409.             Editor then. You can re-edit this text as you will see now.
  410.           </p>
  411.               <p>
  412.             As soon as you start writing, a Text layer is created in the Layer
  413.             Dialog. On an image with such a layer (the image you are working
  414.             on, or a .xcf image), you can resume text editing by activating
  415.             this text layer then clicking on it (double click). Of course,
  416.             you can apply to this text layer the same functions you use with
  417.             other layers.
  418.           </p>
  419.               <p>
  420.             To add another text to your image click on a non-text layer: a new
  421.             Text Editor will appear and a new text layer will be created. To
  422.             pass from a text to another one activate the corresponding text
  423.             layer and click on it to activate the editor.
  424.           </p>
  425.             </dd>
  426.             <dt>
  427.               <span class="term">Load Text from File</span>
  428.             </dt>
  429.             <dd>
  430.               <p>
  431.             Text can be loaded from a text file by clicking the folder icon in
  432.             the text editor.
  433.           </p>
  434.             </dd>
  435.             <dt>
  436.               <span class="term">Clear all Text</span>
  437.             </dt>
  438.             <dd>
  439.               <p>
  440.             Clicking this icon clears the editor and the associated text on
  441.             the image.
  442.           </p>
  443.             </dd>
  444.             <dt>
  445.               <span class="term">From Left to Right</span>
  446.             </dt>
  447.             <dd>
  448.               <p>
  449.             This option causes text to be entered from left to right, as
  450.             is the case with most Western languages and may Eastern
  451.             languages.
  452.           </p>
  453.             </dd>
  454.             <dt>
  455.               <span class="term">From Right to Left</span>
  456.             </dt>
  457.             <dd>
  458.               <p>
  459.             This option allows text to be entered from right to left, as is
  460.             the case with some Eastern languages, such as Arabic (illustrated
  461.             in the icon).
  462.           </p>
  463.             </dd>
  464.             <dt>
  465.               <span class="term">Use Selected Font</span>
  466.             </dt>
  467.             <dd>
  468.               <p>
  469.             Default doesn't use the font you have selected in the Options
  470.             dialog. If you want to use it, check this option.
  471.           </p>
  472.               <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  473.                 <table border="0" summary="Note">
  474.                   <tr>
  475.                     <td rowspan="2" align="center" valign="top" width="25">
  476.                       <img alt="[Note]" src="../images/note.png" />
  477.                     </td>
  478.                     <th align="left">Note</th>
  479.                   </tr>
  480.                   <tr>
  481.                     <td align="left" valign="top">
  482.                       <p>
  483.               See also <a class="xref" href="gimp-using-text.html" title="5.¬† Text">Section¬†5, ‚Äú
  484.     <span lang="en" xml:lang="en">Text</span>
  485.   ‚Äù</a>.
  486.             </p>
  487.                     </td>
  488.                   </tr>
  489.                 </table>
  490.               </div>
  491.             </dd>
  492.           </dl>
  493.         </div>
  494.       </div>
  495.     </div>
  496.     <div class="navfooter">
  497.       <hr />
  498.       <table width="100%" summary="Navigation footer">
  499.         <tr>
  500.           <td width="40%" align="left"><a accesskey="p" href="gimp-tool-measure.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  501.           <td width="20%" align="center">
  502.             <a accesskey="u" href="gimp-tools-other.html">
  503.               <img src="../images/up.png" alt="Up" />
  504.             </a>
  505.           </td>
  506.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-toolbox-areas.html"><img src="../images/next.png" alt="Next" /></a></td>
  507.         </tr>
  508.         <tr>
  509.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-tool-measure.html">6.4.¬†
  510.     <span lang="en" xml:lang="en">Measure</span>
  511.   </a>¬†</td>
  512.           <td width="20%" align="center">
  513.             <a accesskey="h" href="index.html">
  514.               <img src="../images/home.png" alt="Home" />
  515.             </a>
  516.           </td>
  517.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-toolbox-areas.html">7.¬†
  518.     <span lang="en" xml:lang="en">Color and Indicator Area</span>
  519.   </a></td>
  520.         </tr>
  521.       </table>
  522.     </div>
  523.   </body>
  524. </html>
  525.