「Tips 08」の編集履歴(バックアップ)一覧に戻る

Tips 08 - (2005/09/12 (月) 18:46:00) のソース

・ Tips08
手書きによる発光文字 No.2(装飾編)!《Ver1.74》<br>
<br>
今回のTipsは「Tips07
手書きによる発光文字」を利用して幾つかの装飾例を紹介します<br>

まずは <a href="http://www5.atwiki.jp/pictbear/pages/15.html" target=
"_blank">こちら</a> の「Tips07
手書きによる発光文字」の10番まで処理をしてください。<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_000.png" width="200"
height="100" border="1"><br>
<br>
1.
最初はレイヤー1に塗ったバックの発光部部をグラデーション描画にしてみましょう。<br>

完成例は下図のような状態になります。<br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_001.png" width="200"
height="100" border="1"><br>
グリーンから水色になるグラデーション効果を適用してみます。<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
2.
レイヤーダイアログで、「レイヤー1」を選択します。<br>
選択した状態でメニューの「選択範囲|不透明部分の選択」を実行します。<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_003.png" width="262"
height="267"><br>
<br>
すると下図のように点線で描画した部分だけが選択された状態になります。<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_002.png" width="200"
height="100" border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
3.
選択が出来たら、グラデーション描画の準備を行ないます。<br>

<br>
準備する物<br>
<em><b> ・グラデーションツール<br>
 ・パレットダイアログ 緑色(0,255,0)<br>
 ・ツールオプションダイアログ<br>
   種類:直線<br>
   終了色:ユーザー指定で水色(0,255,255)<br>
   不透明度:(255)</b></em><br>
<br>
この状態に設定します。<br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_004.png" width="271"
height="202"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
4.
準備が出来たら描画してある文字の上から下までドラッグして離します。<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_005.png" width="200"
height="100" border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
5.
最後にメニューの「選択範囲|選択範囲の解除」を行なえば下図のように完成です。<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_001.png" width="200"
height="100" border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
6.
次に紹介する例は、下図のように適当な感じで発光部分をライン状に塗りつぶす処理です。<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_006.png" width="200"
height="100" border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
7.
まず先程と同じようにレイヤーダイアログで、「レイヤー1」を選択します。<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_003.png" width="262"
height="267"><br>
<br>
選択した状態でメニューの「選択範囲|不透明部分の選択」を実行します。<br>

すると下図のように点線で描画した部分だけが選択された状態になります<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_002.png" width="200"
height="100" border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
8.
選択が出来たら、グラデーション描画の準備を行ないます。<br>

<br>
準備する物<br>
<em><b> ・ブラシツール<br>
 ・パレットダイアログ 薄い水色(177,226,255)<br>
 ・ブラシダイアログ 上から1段目一番右側</b></em><br>
<br>
この状態に設定します。<br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_007.png" width="200"
height="180"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
9.
準備が出来たら下図のように適当な位置で描画します。<br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_008.png" width="200"
height="100" border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
10.
最後にメニューの「選択範囲|選択範囲の解除」を行なえば下図のように完成です。<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_006.png" width="200"
height="100" border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
11.
次に紹介する例は、下図のように部分的に色を変える処理方法です。<br>

<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_009.png" width="200"
height="100" border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
12.
まず先程と同じようにレイヤーダイアログで、「レイヤー1」を選択します。<br>

<br>
次に自由選択ツールを指定します。<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_015.png" width="94"
height="55" border="1"><br>
<br>
指定したら選択しやすくする為に、メニューの「表示|ズームイン」で200%に拡大表示させます。<br>

この状態でまず適当に塗りつぶしたい範囲をマウスでドラッグしながら選択します。<br>

下図では『ラ』の文字の上の線付近を選択しています。<br>
選択する際は大体で良いです。<br>
間違って選択しても後で修正が出来ますのでご心配しなくて大丈夫です。<br>

右図の状態ですとまだ全ては選択できていないので、追加選択しなければいけません。<br>

<span style=
"font-weight : bold; font-size : 14pt; color : #0000FF">【Shiftキー +
マウスドラッグ】</span>で出来ます。<br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/08_images/tips8_010.png" width="224"
height="136" border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br>
<br>
13.
目安箱バナー