testing commit
This commit is contained in:
parent
cbf2b5b2fa
commit
2508f644fa
68 changed files with 6690 additions and 8033 deletions
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>
|
||||
Tux Paint 用のスタンプを作成する方法 </title>
|
||||
Tux Paint Advanced Stamps 'How-To' </title>
|
||||
<meta http-equiv="Content-Type"
|
||||
content="text/html; charset=utf-8">
|
||||
</head>
|
||||
|
|
@ -17,15 +17,15 @@
|
|||
width="205"
|
||||
height="210"
|
||||
alt="Tux Paint"><br>
|
||||
バージョン 0.9.27 スタンプ作成の詳細について </h1>
|
||||
version 0.9.27 Advanced Stamps 'How-To' </h1>
|
||||
|
||||
<p>
|
||||
Copyright © 2006-2021 by Albert Cahalan ほか; "AUTHORS" 参照.<br>
|
||||
Copyright © 2006-2021 by Albert Cahalan and others; see AUTHORS.<br>
|
||||
<a href="http://www.tuxpaint.org/">http://www.tuxpaint.org/</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
2021年8月29日 </p>
|
||||
August 29, 2021 </p>
|
||||
</center>
|
||||
|
||||
<hr size="2"
|
||||
|
|
@ -34,29 +34,29 @@
|
|||
<table border="2"
|
||||
cellspacing="0"
|
||||
cellpadding="2"
|
||||
summary="目次">
|
||||
summary="Table of Contents">
|
||||
<tr>
|
||||
<th>
|
||||
目次 </th>
|
||||
Table of Contents </th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#about">この解説について</a>
|
||||
<a href="#about">About this 'How-To'</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#choice">使用する画像の選択</a>
|
||||
<a href="#choice">Image choice is crucial</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#prepare_mask">マスクの設定</a>
|
||||
<a href="#prepare_mask">Prepare the mask</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#replace_fringe">縁取りと不要なピクセルの除去</a>
|
||||
<a href="#replace_fringe">Replace the fringe and junk pixels</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#save">Tux Paint 用の画像の保存</a>
|
||||
<a href="#save">Save the image for Tux Paint</a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
|
|
@ -71,15 +71,15 @@
|
|||
|
||||
<h2>
|
||||
<a name="about" id="about">
|
||||
この解説について </a>
|
||||
About this 'How-To' </a>
|
||||
</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
この解説では、デジカメ写真などのJPEG画像をもとに、PNG形式で、高いクォリティの Tux Paint 用スタンプを作成したいという場合を想定しています。クォリティにこだわらなければ、もっと簡単で早い方法もあります。 </p>
|
||||
This 'How-To' assumes that you want to make an excellent Tux Paint stamp, in PNG bitmapped format, from a JPEG image (e.g., a digital photograph). There are easier and faster methods that produce lower quality. </p>
|
||||
|
||||
<p>
|
||||
扱う対象としては、通常の透明ではないものを前提としており、半透明のもの(火、動く扇風機の羽根、風船)や発光するもの(火、電球、太陽)を扱うには、専用のソフトウェアを使用するのが最適です。背景が完全なベタ塗りの画像も、専用のソフトを使うのが良いですが、以下のようにしても問題はありません。 </p>
|
||||
This 'How-To' assumes you are dealing with normal opaque objects. Dealing with semi-transparent objects (fire, moving fan blade, kid's balloon) or light-giving objects (fire, lightbulb, sun) is best done with custom software. Images with perfect solid-color backgrounds are also best done with custom software, but are not troublesome to do as follows. </p>
|
||||
</blockquote>
|
||||
|
||||
<hr size="2"
|
||||
|
|
@ -87,45 +87,45 @@
|
|||
|
||||
<h2>
|
||||
<a name="choice" id="choice">
|
||||
使用する画像の選択 </a>
|
||||
Image choice is crucial </a>
|
||||
</h2>
|
||||
|
||||
<blockquote>
|
||||
<h3>
|
||||
著作権 </h3>
|
||||
License </h3>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
タックスペイントの開発者に作品を提供して公式プロジェクトへの採用を検討してもらいたい場合や、タックスペイントに独自の画像を同梱して配布したい場合には、タックスペイントが採用しているライセンスである GNU 一般公衆利用許諾 と互換性があるライセンスの画像を用いる必要があります。 </p>
|
||||
If you wish to submit artwork to the Tux Paint developers for consideration for inclusion in the official project, or if you wish to release your own copy of Tux Paint, bundled with your own graphics, you need an image that is compatible with the GNU General Public License used by Tux Paint. </p>
|
||||
|
||||
<p>
|
||||
米国政府が制作した画像はパブリックドメインですが、米国政府がウェブ上でパプリックドメイン以外の画像を使用していることもあるので注意が必要です。<a href="http://images.google.com/">Googleの画像検索</a>で、<code>site:gov</code> または<code>site:mil</code> のいずれかを指定すると、適切な画像が多数表示されます。(注:*.mil のサイトには、軍事関係以外のコンテンツも含まれています!) </p>
|
||||
Images produced by the US government are Public Domain, but be aware that the US government sometimes uses other images on the web. <a href="http://images.google.com/">Google image</a> queries including either <code>site:gov</code> or <code>site:mil</code> will supply many suitable images. (Note: the *.mil sites include non-military content, too!) </p>
|
||||
|
||||
<p>
|
||||
自分自身で作成した画像は、<a href="https://creativecommons.org/publicdomain/zero/1.0/">クリエイティブ・コモンズ CC0</a>といったパブリックドメインあるいは適切なライセンスである旨を明示すれば、そのように位置づけることができます。(法的なアドバイスが必要だと感じたら、弁護士に相談してください) </p>
|
||||
Your own images can be placed in the Public Domain or a suitable license, such as the <a href="https://creativecommons.org/publicdomain/zero/1.0/">Creative Commons CC0</a> by declaring it so. (Hire a lawyer if you feel the need for legal advice.) </p>
|
||||
|
||||
<p>
|
||||
個人的に使用する場合は、合法的に修正して使用できる画像であれば問題ありません。 </p>
|
||||
For personal use, any image you can legitimately modify and use for your own personal use should be fine. </p>
|
||||
</blockquote>
|
||||
|
||||
<h3>
|
||||
画像の大きさと向き </h3>
|
||||
Image Size and Orientation </h3>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
使いやすい向きの画像が必要で、遠近感のあるものは禁物です。被写体を隅の方から見たような画像は、お絵かきに使うには向いていません。一般的には、遠方から、かつ、真横から見たような画像がベストです。実際にはありえませんが、例えば車の2つの車輪が他の2つの車輪の後ろに完全に隠れているというようなものが理想的です。 </p>
|
||||
You need an image that has a useful orientation. Perspective is an enemy. Images that show an object from the corner are difficult to fit into a nice drawing. As a general rule, telephoto side views are the best. The impossible ideal is that, for example, two wheels of a car are perfectly hidden behind the other two. </p>
|
||||
|
||||
<p>
|
||||
画像を回転させるとぼやけてしまいます。回転を必要としない画像が最良で、大きな角度の回転(30〜60度)を必要とする画像が次に良く、わずかに(数度)回転が必要な画像は最悪です。画像を回転させると暗くなりますが、これは、ほとんどの画像編集ソフトはガンマ値の扱いが非常に不適切だからです。(回転はガンマ値が1.0の画像にのみ有効です)。 </p>
|
||||
Rotating an image can make it blurry, especially if you only rotate by a few degrees. Images that don't need rotation are best, images that need lots of rotation (30 to 60 degrees) are next best, and images that need just a few degrees are worst. Rotation will also make an image darker because most image editing software is very bad about gamma handling. (Rotation is only legitimate for gamma=1.0 images.) </p>
|
||||
|
||||
<p>
|
||||
非常に大きなサイズの画像は、ミスに寛容なので、作業がしやすくなります。できれば 1000 ピクセル以上の被写体が写っている画像を選びましょう。編集後に縮小することで、細かいミスを目立たなくすることができます。 </p>
|
||||
Very large images are more forgiving of mistakes, and thus easier to work with. Choose an image with an object that is over 1000 pixels across if you can. You can shrink this later to hide your mistakes. </p>
|
||||
|
||||
<p>
|
||||
画像が、粒度が粗すぎたり、薄暗すぎたり、半透明になりすぎたりしないように注意してください。 </p>
|
||||
Be sure that the image is not too grainy, dim, or washed out. </p>
|
||||
|
||||
<p>
|
||||
生き物の足や車のホイールなどにも注意が必要です。これらが何かに隠れて見えなくなっている場合は新しく描き足す必要があります。隠れているのが一部だけの場合は、他の部分をコピーして描き換えることができるかもしれません。 </p>
|
||||
Pay attention to feet and wheels. If they are buried in something, you will need to draw new ones. If only one is buried, you might be able to copy the other one as a replacement. </p>
|
||||
</blockquote>
|
||||
</blockquote>
|
||||
|
||||
|
|
@ -133,11 +133,11 @@
|
|||
noshade>
|
||||
|
||||
<h2>
|
||||
画像の準備 </h2>
|
||||
Prepare the image </h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
まず、画像をJPEGで保存し直さないようにしてください。これは品質低下の原因となります。<a href="https://jpegclub.org/">jpegtran</a>という特別なツールを使えば、品質を維持したまま画像を切り抜くことができます。 </p>
|
||||
First of all, be sure to avoid re-saving the image as a JPEG. This causes quality loss. There is a special tool called <a href="https://jpegclub.org/">jpegtran</a> that lets you crop an image without the normal quality loss. </p>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
|
|
@ -146,28 +146,28 @@
|
|||
</blockquote>
|
||||
|
||||
<p>
|
||||
次に、切り抜いた画像を画像エディタで表示させます。トリミングをしていない大きな画像を開く場合は、画像エディタの動作が非常に遅くなるかもしれません。必要に応じて画像を回転させたりトリミングしたりして、画像を保存します。保存の際は、レイヤー、マスク、アルファチャンネルなどが保存されるように、各ソフトウェア専用のフォーマットを選択します。GIMPをお使いの方は「XCF」、Adobe Photoshopをお使いの方は「PSD」などを選択して下さい。 </p>
|
||||
Bring that image up in your image editor. If you didn't crop it yet, you may find that your image editor is very slow. Rotate and crop the image as needed. Save the image — choose whatever native format supports layers, masks, alpha, etc. <a href="http://www.gimp.org/">GIMP</a> users should choose "XCF", and Adobe Photoshop users should choose "PSD", for example. </p>
|
||||
|
||||
<p>
|
||||
画像編集ソフトで画像を回転させたり切り抜いたりした場合は、マスクやアルファチャンネルのない1層の RGB レイヤーに統合して下さい。 </p>
|
||||
If you have rotated or cropped the image in your image editor, flatten it now. You need to have just one RGB layer <i>without mask or alpha</i>. </p>
|
||||
|
||||
<p>
|
||||
レイヤーダイアログボックスを開いて、以下のように、レイヤーを上から順に何度か複製します: </p>
|
||||
Open the layers dialog box. Replicate the one layer several times. From top to bottom you will need something like this: </p>
|
||||
|
||||
<ol>
|
||||
<li>編集前の画像(可能であればプロテクトする)</li>
|
||||
<li>編集を行う画像 - "作業用" レイヤー</li>
|
||||
<li>グリーン1色のレイヤー(可能であればプロテクトする)</li>
|
||||
<li>マゼンダ1色のレイヤー(可能であればプロテクトする)</li>
|
||||
<li>編集前の画像(可能であればプロテクトする)</li>
|
||||
<li>unmodified image (write-protect this if you can)</li>
|
||||
<li>an image you will modify — the "work in progress" layer</li>
|
||||
<li>solid green (write-protect this if you can)</li>
|
||||
<li>solid magenta (write-protect this if you can)</li>
|
||||
<li>unmodified image (write-protect this if you can)</li>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<p>
|
||||
作業用レイヤーに、大まかに初期マスクを作成します。選択範囲から始めても良いですし、作業レイヤーのグレースケール値を用いても良いでしょう。また、マスクを反転させることもできます。 </p>
|
||||
Give the work in progress (WIP) layer a rough initial mask. You might start with a selection, or by using the grayscale value of the WIP layer. You might invert the mask. </p>
|
||||
|
||||
<p>
|
||||
<b>注意:</b>マスクを設定した後は、画像の回転や拡大縮小は行えません。これはデータ損失の原因となります。サイズを調整するための特別な方法は後述します。 </p>
|
||||
<b>Warning:</b> once you have the mask, you may not rotate or scale the image normally. This would cause data loss. You will be given special scaling instructions later. </p>
|
||||
</blockquote>
|
||||
|
||||
<hr size="2"
|
||||
|
|
@ -175,39 +175,39 @@
|
|||
|
||||
<h2>
|
||||
<a name="prepare_mask" id="prepare_mask">
|
||||
マスクの設定 </a>
|
||||
Prepare the mask </a>
|
||||
</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
レイヤーダイアログのサムネイル画像を <b>[Ctrl]</b> キーを押しながらクリックしたり、<b>[Alt]</b> キーを押しながらクリックしたりすることに慣れておきましょう。これは、何を見て何を編集しているかを把握するために必要となります。例えば、変更されていない画像を見ながら作業用レイヤーのマスクを編集する場合など、見えていないものを編集することもあります。混乱して間違ってしまわないように注意してください。自分が編集しているものが正しいかどうかを常に確認するようにしましょう。 </p>
|
||||
Get used to doing <b>[Ctrl]</b>-click and <b>[Alt]</b>-click on the thumbnail images in the layers dialog. You will need this to control what you are looking at and what you are editing. Sometimes you will be editing things you can't see. For example, you might edit the mask of the WIP layer while looking at the unmodified image. Pay attention so you don't screw up. Always verify that you are editing the right thing. </p>
|
||||
|
||||
<p>
|
||||
一番上のオリジナル画像のレイヤーを表示しながら、作業用レイヤーに対して編集を加えるするように設定します。編集作業の必要に応じて画像を約400%に拡大してください(画像の各ピクセルを画面上 4x4 ピクセルのブロックとして表示し、編集することができます) </p>
|
||||
Set an unmodified image as what you will view (the top one is easiest). Set the WIP mask as what you will edit. At some point, perhaps not immediately, you should magnify the image to about 400% (each pixel of the image is seen and edited as a 4x4 block of pixels on your screen). </p>
|
||||
|
||||
<p>
|
||||
100%不透明な部分と完全に透明な部分を選択します。色を指定することで、オブジェクトや背景をある程度正確に選択できる場合は、そのようにします。部分的に不透明にすべきピクセル(一般的にはオブジェクトの輪郭)を選択しないように、必要に応じて選択範囲を拡大、縮小、反転させます。 </p>
|
||||
Select parts of the image that need to be 100% opaque or 0% opaque. If you can select the object or background somewhat accurately by color, do so. As needed to avoid selecting any pixels that should be partially opaque (generally at the edge of the object) you should grow, shrink, and invert the selection. </p>
|
||||
|
||||
<p>
|
||||
不透明な部分を白で、透明な部分を黒で塗りつぶします。この作業は、前景/背景色のインジケータからドラッグ&ドロップするのが最も簡単です。作業用レイヤーのマスクを編集しながら、変更されていない画像レイヤーを見ているので、見た目には何も起こらないはずですが、サムネイル画像では大きな変更が見えるかもしれません。 </p>
|
||||
Fill the 100% opaque areas with white, and the 0% opaque areas with black. This is most easily done by drag-and-drop from the foreground/background color indicator. You should not see anything happen, because you are viewing the unmodified image layer while editing the mask of the WIP layer. Large changes might be noticable in the thumbnail. </p>
|
||||
|
||||
<p>
|
||||
次に、画像を拡大します。 </p>
|
||||
Now you must be zoomed in. </p>
|
||||
|
||||
<p>
|
||||
作業内容を確認します。まず、一番上のオリジナルレイヤーを隠します。マスクだけを表示すると、黒の背景に白のオブジェクトが表示されるはずです (おそらく輪郭の部分には未編集のグレーが表示されます)。次に 作業用レイヤーを通常通り表示し、マスクがアクティブになるようにします。これで、あなたのオブジェクトが、次の有効レイヤーの上に表示されるはずです。このレイヤーは、コントラストを最大にするために、必要に応じてグリーンまたはマゼンタにする必要があります。緑のレイヤーを繰り返しクリックして有効/無効にすることで、これらの背景を行ったり来たりすることができます。マスクを見ながら編集して、単純なミスを修正します。 </p>
|
||||
Check your work. Hide the top unmodified image layer. Display just the mask, which should be a white object on a black background (probably with unedited grey at the edge). Now display the WIP layer normally, so that the mask is active. This should show your object over top of the next highest enabled layer, which should be green or magenta as needed for maximum contrast. You might wish to flip back and forth between those backgrounds by repeatedly clicking to enable/disable the green layer. Fix any obvious and easy problems by editing the mask while viewing the mask. </p>
|
||||
|
||||
<p>
|
||||
作業用レイヤーのマスクを編集しながら、一番上のオリジナルレイヤーの表示に戻ります。描画ツールを「ブラシ」に設定します。ブラシには、円形の小さなぼかし筆を選びます。5x5 サイズがほとんどの場合に適しています。 </p>
|
||||
Go back to viewing the top unmodified layer while editing the WIP mask. Set your drawing tool the paintbrush. For the brush, choose a small fuzzy circle. The 5x5 size is good for most uses. </p>
|
||||
|
||||
<p>
|
||||
ゆっくりとぶれないように画像の輪郭をトレースします。外側には黒色、内側には白色を使います。色を変更しないまま複数のパスにならないように注意して下さい。 </p>
|
||||
With a steady hand, trace around the image. Use black around the outside, and white around the inside. Avoid making more than one pass without switching colors (and thus sides). </p>
|
||||
|
||||
<p>
|
||||
表示をちらっと反転させ、マスクがうまく機能していることを確認します。作業用レイヤーをグリーンまたはマゼンタの上に合成すると、元の背景が、境界周りのほんのわずかなギザギザした縁取りのように見えるはずです。この縁取りが見えない場合、オブジェクトマスクを小さくしすぎたことになります。この縁取りを構成するピクセルは、完全にオブジェクト内でもオブジェクト外でもありません。そのため、マスクは100%でも0%でもありません。この縁取りはこの後に取り除かれます。 </p>
|
||||
Flip views a bit, checking to see that the mask is working well. When the WIP layer is composited over the green or magenta, you should see a tiny bit of the original background as an ugly fringe around the edge. If this fringe is missing, then you made the object mask too small. The fringe consists of pixels that are neither 100% object nor 0% object. For them, the mask should be neither 100% nor 0%. The fringe gets removed soon. </p>
|
||||
|
||||
<p>
|
||||
マスクを表示して編集します。黒か白の色で領域を選択します。ほとんどの場合、選択されていない色の斑点が残っていると思います。選択範囲を反転させ、鉛筆ツールを使ってこれらの点を取り除きます。この作業を白と黒の両方で行います。 </p>
|
||||
View and edit the mask. Select by color, choosing either black or white. Most likely you will see unselected specks that are not quite the expected color. Invert the selection, then paint these away using the pencil tool. Do this operation for both white and black. </p>
|
||||
</blockquote>
|
||||
|
||||
<hr size="2"
|
||||
|
|
@ -215,41 +215,41 @@
|
|||
|
||||
<h2>
|
||||
<a name="replace_fringe" id="replace_fringe">
|
||||
縁取りと不要なピクセルの除去 </a>
|
||||
Replace the fringe and junk pixels </a>
|
||||
</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
マスクをを表示しながら、黒で領域を選択した後、選択範囲を数ピクセル縮小します。ただし、マスクの端から縮小しないように注意してください(縮小することで、ミスを防いだりやり直したりすることができます) </p>
|
||||
Still viewing the mask, select by color. Choose black. Shrink the selection by several pixels, being sure to NOT shrink from the edges of the mask (the shrink helps you avoid and recover from mistakes). </p>
|
||||
|
||||
<p>
|
||||
ここでマスクを無効にします。マスクされていない作業用レイヤーを表示して編集します。色選択ツールを使って、対象の平均的な色を選択します。この色を選択範囲にドラッグ&ドロップすると、オブジェクト以外のピクセルのほとんどが削除されます。 </p>
|
||||
Now disable the mask. View and edit the unmasked WIP layer. Using the color picker tool, choose a color that is average for the object. Drag-and-drop this color into the selection, thus removing most of the non-object pixels. </p>
|
||||
|
||||
<p>
|
||||
この単色の領域は、Tux Paintが画像を縮小する際に生じる縁取りを抑制するのに役立ちます。オブジェクトの輪郭に大きく異なる複数の色がある場合は、選択範囲を分割して、近くの背景が似たような色になるようにします。 </p>
|
||||
This solid color will compress well and will help prevent ugly color fringes when Tux Paint scales the image down. If the edge of the object has multiple colors that are very different, you should split up your selection so that you can color the nearby background to be similar. </p>
|
||||
|
||||
<p>
|
||||
ここで、輪郭周りの縁取りを消去します。作業用レイヤーの画像を編集、表示していることを確認してください。以下の全てのレイヤーを頻繁に切り替えて表示することで、自分が何をしているのかを確認することができます: </p>
|
||||
Now you will paint away the existing edge fringe. Be sure that you are editing and viewing the WIP image. Frequent layer visibility changes will help you to see what you are doing. You are likely to use all of: </p>
|
||||
|
||||
<ul>
|
||||
<li>グリーン との合成(マスク有効)</li>
|
||||
<li>マゼンタ との合成(マスク有効)</li>
|
||||
<li>オリジナル(一番上、または一番下のレイヤー)</li>
|
||||
<li>オリジナル との合成(マスク有効)</li>
|
||||
<li>作業用レイヤー(マスク<strong>無効</strong>)</li>
|
||||
<li>composited over green (mask enabled)</li>
|
||||
<li>composited over magenta (mask enabled)</li>
|
||||
<li>original (the top or bottom layer)</li>
|
||||
<li>composited over the original (mask enabled)</li>
|
||||
<li>raw WIP layer (mask <strong>disabled</strong>)</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
失敗を減らすために、マスクの中の灰色ではないピクセルだけを選択するとよいでしょう。(「マスクから色で領域選択、黒を選択、色加算モード、白を選択、反転」あるいは「すべてを選択、マスクから色で領域選択、色減算モード、黒を選択、白を選択」)この作業を行う際、選択範囲を少し広げて、選択領域を示す線を隠したくなるかもしれません。 </p>
|
||||
To reduce accidents, you may wish to select only those pixels that are not grey in the mask. (Select by color from the mask, choose black, add mode, choose white, invert. Alternately: Select all, select by color from the mask, subtract mode, choose black, choose white.) If you do this, you'll probably want to expand the selection a bit and/or hide the "crawling ants" line that marks the selection. </p>
|
||||
|
||||
<p>
|
||||
ここではクローンツールとブラシツールを使います。必要に応じて不透明度を変えて下さい。3x3か5x5の小さな円形のブラシを主に使います。ぼかし筆かどうかは問いません。(ぼかし筆は不透明度100%、ぼかしではないブラシは不透明度70%程度で組み合わせると良いでしょう)。あまり一般的ではない使い方ですが、半透明のオブジェクトの場合には有効です。 </p>
|
||||
Use the clone tool and the brush tool. Vary the opacity as needed. Use small round brushes mostly, perhaps 3x3 or 5x5, fuzzy or not. (It is generally nice to pair up fuzzy brushes with 100% opacity and non-fuzzy brushes with about 70% opacity.) Unusual drawing modes can be helpful with semi-transparent objects. </p>
|
||||
|
||||
<p>
|
||||
最終目標は、オブジェクトの内側と外側の両方の縁取りを除去することです。内側の縁取りは、マゼンタやグリーンの上にオブジェクトを合成したときに見えるもので、明らかに除去が必要です。外側のフリンジは、画像を縮小したときに見えるようになるため、こちらも除去する必要があります。例として、鋭角なオブジェクトの輪郭にある2x2のピクセルの領域を考えてみましょう。左半分は黒で、不透明度は0%。右半分は白で、100%不透明です。つまり、黒い背景に白い物体がある状態です。Tux Paintがこれを50%(1x1ピクセルの領域)にスケーリングすると、結果はグレーの50%不透明ピクセルになりますが、正しい結果は、白の50%不透明ピクセルです。この結果を得るためには、黒いピクセルを塗り潰します。不透明度が0%であるにもかかわらず、黒いピクセルは重要です。 </p>
|
||||
The goal is to remove the edge fringe, both inside and outside of the object. The inside fringe, visible when the object is composited over magenta or green, must be removed for obvious reasons. The outside fringe must also be removed because it will become visible when the image is scaled down. As an example, consider a 2x2 region of pixels at the edge of a sharp-edged object. The left half is black and 0% opaque. The right half is white and 100% opaque. That is, we have a white object on a black background. When Tux Paint scales this to 50% (a 1x1 pixel area), the result will be a grey 50% opaque pixel. The correct result would be a white 50% opaque pixel. To get this result, we would paint away the black pixels. They matter, despite being 0% opaque. </p>
|
||||
|
||||
<p>
|
||||
タックスペイントでは、画像を非常に大きく縮小することができるため、オブジェクトの輪郭を外側に大きく広げることが重要です。オブジェクトの輪郭の部分では、非常に正確に処理する必要がありますが、輪郭から離れるにつれて、少々手を抜いても大丈夫です。十数ピクセル以上外側まで描くとちょうど良くなります。これを太くすればするだけ、Tux Paintは汚い色の縁どりを発生させずにスケールダウンすることができます。オブジェクトの端から数ピクセル以上離れた部分については、鉛筆ツール(またはドラッグ&ドロップで適当に色を選択)を使用して、結果がきれいに縮小されるようにしてください。 </p>
|
||||
Tux Paint can scale images down by a very large factor, so it is important to extend the edge of your object outward by a great deal. Right at the edge of your object, you should be very accurate about this. As you go outward away from the object, you can get a bit sloppy. It is reasonable to paint outward by a dozen pixels or more. The farther you go, the more Tux Paint can scale down without creating ugly color fringes. For areas that are more than a few pixels away from the object edge, you should use the pencil tool (or sloppy select with drag-and-drop color) to ensure that the result will compress well. </p>
|
||||
</blockquote>
|
||||
|
||||
<hr size="2"
|
||||
|
|
@ -257,31 +257,31 @@
|
|||
|
||||
<h2>
|
||||
<a name="save" id="save">
|
||||
Tux Paint 用の画像の保存 </a>
|
||||
Save the image for Tux Paint </a>
|
||||
</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
せっかくの労作も簡単にダメになることがあります。画像編集ソフトは、不透明度0%の領域のピクセルを勝手にで破棄することがあります。この現象が発生する条件は、ソフトウェアのバージョンによっても異なります。慎重を期すため、画像を直接PNGとして保存してみてください。その後、不透明度0%の部分が黒くなったり白くなったりしていないことを確認するために、もう一度画像を読み込んでみてください。ディスクスペースを節約するため(そして自分のミスを隠すため)に画像を縮小する必要がある場合、ほぼ確実に 0%の不透明部分をすべて破壊してしまうことになります。そこで、もっと良い方法があります。 </p>
|
||||
It is very easy to ruin your hard work. Image editors can silently destroy pixels in 0% opaque areas. The conditions under which this happens may vary from version to version. If you are very trusting, you can try saving your image directly as a PNG. Be sure to read it back in again to verify that the 0% opaque areas didn't turn black or white, which would create fringes when Tux Paint scales the image down. If you need to scale your image to save space (and hide your mistakes), you are almost certain to destroy all the 0% opaque areas. So here is a better way... </p>
|
||||
|
||||
<h3>
|
||||
より安全な保存方法 </h3>
|
||||
A Safer Way to Save </h3>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
マスクをレイヤーダイアログからツールバーの未使用部分(最後の描画ツールの直後)にドラッグします。これで、マスクデータを含む1つのレイヤーからなる新しい画像が作成されます。これを、使用する設定に応じた希望のサイズまで縮小します。多くの場合、700~1500ピクセル程度の画像から始めて、最終的には300~400ピクセル程度の画像を作成します。 </p>
|
||||
Drag the mask from the layers dialog to the unused portion of the toolbar (right after the last drawing tool). This will create a new image consisting of one layer that contains the mask data. Scale this as desired, remembering the settings you use. Often you should start with an image that is about 700 to 1500 pixels across, and end up with one that is 300 to 400. </p>
|
||||
|
||||
<p>
|
||||
マスク画像を NetPBM の Portable Greymap ("<code>.pgm</code>") ファイルとして保存します。(古いバージョンの GIMPを使用している場合は、保存する前に画像をグレースケールに変換する必要があるかもしれません)。よりコンパクトな「RAW PGM」フォーマットを選択して保存します。(ファイルの2文字目はASCII数字の「5」、16進数のバイト0x35である必要があります) </p>
|
||||
Save the mask image as a NetPBM portable greymap ("<code>.pgm</code>") file. (If you are using an old release of The GIMP, you might need to convert the image to greyscale before you can save it.) Choose the more compact "RAW PGM" format. (The second character of the file should be the ASCII digit "5", hex byte 0x35.) </p>
|
||||
|
||||
<p>
|
||||
マスク画像を閉じます </p>
|
||||
You may close the mask image. </p>
|
||||
|
||||
<p>
|
||||
マルチレイヤー画像に戻って、作業用レイヤーを選択します。マスクと同じように、レイヤーダイアログからツールバーにドラッグしてください。これで作業用データの単一レイヤー画像ができあがります。マスクが付いていた場合は取り除かれます。レイヤーダイアログにマスクのサムネイルが表示されていない状態で、オブジェクトと輪郭の縁取りが表示されているはずです。マスクを拡大縮小したのであれば、この画像も同様に正確に拡大縮小してください。この画像を NetPBM の Portable pixmap ("<code>.ppm</code>") ファイルとして保存します。(注:<code>.ppm</code> ではなく <code>.pgm</code> です。) (RAW PPMフォーマットを選択した場合、ファイルの2バイト目はASCII数字の "6"、16進数のバイト0x36である必要があります) </p>
|
||||
Going back to the multi-layer image, now select the WIP layer. As you did with the mask, drag this from the layers dialog to the toolbar. You should get a single-layer image of your WIP data. If the mask came along too, get rid of it. You should be seeing the object and the painted-away surroundings, without any mask thumbnail in the layers dialog. If you scaled the mask, then scale this image in exactly the same way. Save this image as a NetPBM portable pixmap ("<code>.ppm</code>") file. (Note: <code>.ppm</code>, not <code>.pgm</code>.) (If you choose the RAW PPM format, the second byte of the file should be the ASCII digit "6", hex byte 0x36.) </p>
|
||||
|
||||
<p>
|
||||
最後に、以下のように <a href="http://netpbm.sourceforge.net/">pnmtopng</a> コマンドで、2つのファイルを1つに合成します: </p>
|
||||
Now you need to merge the two files into one. Do that with the <a href="http://netpbm.sourceforge.net/">pnmtopng</a> command, like this: </p>
|
||||
|
||||
<blockquote>
|
||||
<p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue