「Tips 02」(2005/08/16 (火) 18:25:06) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
・ Tips02 きれいな反転文字《Ver1.74》<br>
<br>
今回のTipsはきれいな反転文字ですが、きれいとは文字のアンチエイリアスをそのまま生かすことによって、ギザギザ感が少ない反転文字に仕上げてみる事です。<br>
完成品は下図のような図になります。<br>
<img height="60" src=
"http://limeworld.chu.jp/neo_tips/02_images/reverse_text.png" width="180"
border="0"><br>
<br>
1.このTipsで使用するキャンバスサイズは180x60で製作しますので新規作成で設定して下さい。<br>
準備する物<br>
<em><b> ・文字列ツール<br>
・パレットダイアログ 青色(0,0,255)<br>
・レイヤーダイアログ レイヤー0を指定</b></em><br>
この状態で左上部の適当な位置でクリックして下さい。<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/dialog_001.png" border=
"0"><br>
すると上図のダイアログが表示されますので、図のように設定して下さい。<br>
設定内容<br>
<em><b> ・文字列 : 「PictBear」<br>
・フォント : 「Westminster」<br>
・サイズ : 「45」<br>
・太字、アンチエイリアス : チェックON</b></em><br>
この設定でカレントレイヤーに書き込みます。<br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/border01.png"><br>
<br>
2.続いて移動ツールを用いて、だいたい真ん中位になる位置に文字を移動します。<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/prodaction02_01.png"
border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/border01.png"><br>
<br>
3. 移動できたら、そのレイヤーを複製します。<br>
続いてレイヤーを追加して、追加したレイヤーを一番下に移動します。<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/layer_dialog_01.png"
border="1"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/border01.png"><br>
<br>
4.移動したレイヤー2をカレントレイヤーにした状態で、「選択範囲|座標入力による選択」を選びます。<br>
表示されたダイアログにて次の設定をします。<br>
<em><b> ・左 : 「0」<br>
・右 : 「179」<br>
・上 : 「0」<br>
・下 : 「29」</b></em><br>
つまり、キャンバスサイズの上半分の領域になります。<br>
設定が完了したら範囲を実行して下さい。<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/dialog_002.png" border=
"0"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/border01.png"><br>
<br>
5. 範囲設定が指定できたら色塗りをします。<br>
準備する物<br>
<em><b> ・塗りつぶしツール<br>
・パレットダイアログ 黄色(255,255,0)</b></em><br>
選択範囲内で塗りつぶしを実行して下さい。<br>
<br>
次に「選択範囲|選択範囲の反転」を実行して、選択範囲を今とは逆の下側にします。<br>
再度色塗りをします。<br>
準備する物<br>
<em><b> ・塗りつぶしツール<br>
・パレットダイアログ 青色(0,0,255)</b></em><br>
塗りつぶしを実行すると、下図のような状態になります。<br>
選択範囲は解除しないで下さい。<br>
<img height="60" src=
"http://limeworld.chu.jp/neo_tips/02_images/prodaction02_02.png" width="180"
border="0"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/border01.png"><br>
<br>
6.今塗りつぶしたレイヤー2から一番上のレイヤー0(複製)にカレントレイヤーを移動して、Deleteキーにて削除を実行します。<br>
<img height="120" src=
"http://limeworld.chu.jp/neo_tips/02_images/layer_dialog_02.png" width="225"
border="0"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/border01.png"><br>
<br>
7.続いて「選択範囲|選択範囲の反転」を実行して、選択範囲を今とは逆の上側にします。<br>
レイヤー0(複製)からレイヤー0にカレントレイヤーを移動して同じようにDeleteキーにて削除を実行します。<br>
選択範囲は解除します。<br>
<img height="120" src=
"http://limeworld.chu.jp/neo_tips/02_images/layer_dialog_03.png" width="225"
border="0"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/border01.png"><br>
<br>
8.レイヤー0がカレントレイヤーの状態で、「フィルタ|カラー|色の置換」を選択します。<br>
選択されると下図のダイアログが表示されますので、下記の設定にて実行します。<br>
<em><b> ・検索色 : 青色(0,0,255)<br>
・置換色 : 黄色(255,255,0)<br>
・範囲 : 256</b></em><br>
設定が完了したら、『OK』で処理を実行して下さい。<br>
<img height="159" src=
"http://limeworld.chu.jp/neo_tips/02_images/dialog_003.png" width="333" border=
"0"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/border01.png"><br>
<br>
9.処理が実行されると、下図のように完成品になります。<br>
簡単でしょ !<br>
<img height="60" src=
"http://limeworld.chu.jp/neo_tips/02_images/reverse_text.png" width="180"
border="0"><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/border01.png"><br>
<br>
10.この様に簡単に反対文字を作成する事が出来ます。<br>
次にサンプルを幾つか表示しておきますので、色々挑戦してみてください。<br>
サンプルで使用した処理方法では下記に処理が追加されて処理を実行しています。<br>
<em><b> ・単色効果フィルタ<br>
・色相シフトフィルタ<br>
・ドロップシャドウフィルタ 等</b></em><br>
<br>
<img src="http://limeworld.chu.jp/neo_tips/02_images/border01.png"><br>
<br>
11. サンプル1<br>
「斜め境界(赤黒)」<br>
<img height="60" src=
"http://limeworld.chu.jp/neo_tips/02_images/reverse_text03.png" width="180"
border="0"><br>
<br>
サンプル2<br>
「ハート型画像境界(青黄)」<br>
<img height="60" src=
"http://limeworld.chu.jp/neo_tips/02_images/reverse_text02.png" width="180"
border="0"><br>
<br>
サンプル3<br>
「いげたカラー境界(青緑ピンク)」<br>
<img height="60" src=
"http://limeworld.chu.jp/neo_tips/02_images/reverse_text04.png" width="180"
border="0"><br>
<br>
サンプル4<br>
「立体的いげたカラー境界(青緑ピンク)」<br>
<img height="60" src=
"http://limeworld.chu.jp/neo_tips/02_images/reverse_text05.png" width="180"
border="0"><br>
・ Tips02 きれいな反転文字《Ver1.74》<br>
<br>
今回のTipsはきれいな反転文字ですが、きれいとは文字のアンチエイリアスをそのまま生かすことによって、ギザギザ感が少ない反転文字に仕上げてみる事です。<br>
完成品は下図のような図になります。<br>
<img height="60" src=
"http://picture.sub.jp/powerful/neo_tips/02_images/reverse_text.png" width=
"180" border="0"><br>
<br>
1.このTipsで使用するキャンバスサイズは180x60で製作しますので新規作成で設定して下さい。<br>
準備する物<br>
<em><b> ・文字列ツール<br>
・パレットダイアログ 青色(0,0,255)<br>
・レイヤーダイアログ レイヤー0を指定</b></em><br>
この状態で左上部の適当な位置でクリックして下さい。<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/dialog_001.png"
border="0"><br>
すると上図のダイアログが表示されますので、図のように設定して下さい。<br>
設定内容<br>
<em><b> ・文字列 : 「PictBear」<br>
・フォント : 「Westminster」<br>
・サイズ : 「45」<br>
・太字、アンチエイリアス : チェックON</b></em><br>
この設定でカレントレイヤーに書き込みます。<br>
<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/border01.png"><br>
<br>
2.続いて移動ツールを用いて、だいたい真ん中位になる位置に文字を移動します。<br>
<img src=
"http://picture.sub.jp/powerful/neo_tips/02_images/prodaction02_01.png" border=
"1"><br>
<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/border01.png"><br>
<br>
3. 移動できたら、そのレイヤーを複製します。<br>
続いてレイヤーを追加して、追加したレイヤーを一番下に移動します。<br>
<img src=
"http://picture.sub.jp/powerful/neo_tips/02_images/layer_dialog_01.png" border=
"1"><br>
<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/border01.png"><br>
<br>
4.移動したレイヤー2をカレントレイヤーにした状態で、「選択範囲|座標入力による選択」を選びます。<br>
表示されたダイアログにて次の設定をします。<br>
<em><b> ・左 : 「0」<br>
・右 : 「179」<br>
・上 : 「0」<br>
・下 : 「29」</b></em><br>
つまり、キャンバスサイズの上半分の領域になります。<br>
設定が完了したら範囲を実行して下さい。<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/dialog_002.png"
border="0"><br>
<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/border01.png"><br>
<br>
5. 範囲設定が指定できたら色塗りをします。<br>
準備する物<br>
<em><b> ・塗りつぶしツール<br>
・パレットダイアログ 黄色(255,255,0)</b></em><br>
選択範囲内で塗りつぶしを実行して下さい。<br>
<br>
次に「選択範囲|選択範囲の反転」を実行して、選択範囲を今とは逆の下側にします。<br>
再度色塗りをします。<br>
準備する物<br>
<em><b> ・塗りつぶしツール<br>
・パレットダイアログ 青色(0,0,255)</b></em><br>
塗りつぶしを実行すると、下図のような状態になります。<br>
選択範囲は解除しないで下さい。<br>
<img height="60" src=
"http://picture.sub.jp/powerful/neo_tips/02_images/prodaction02_02.png" width=
"180" border="0"><br>
<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/border01.png"><br>
<br>
6.今塗りつぶしたレイヤー2から一番上のレイヤー0(複製)にカレントレイヤーを移動して、Deleteキーにて削除を実行します。<br>
<img height="120" src=
"http://picture.sub.jp/powerful/neo_tips/02_images/layer_dialog_02.png" width=
"225" border="0"><br>
<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/border01.png"><br>
<br>
7.続いて「選択範囲|選択範囲の反転」を実行して、選択範囲を今とは逆の上側にします。<br>
レイヤー0(複製)からレイヤー0にカレントレイヤーを移動して同じようにDeleteキーにて削除を実行します。<br>
選択範囲は解除します。<br>
<img height="120" src=
"http://picture.sub.jp/powerful/neo_tips/02_images/layer_dialog_03.png" width=
"225" border="0"><br>
<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/border01.png"><br>
<br>
8.レイヤー0がカレントレイヤーの状態で、「フィルタ|カラー|色の置換」を選択します。<br>
選択されると下図のダイアログが表示されますので、下記の設定にて実行します。<br>
<em><b> ・検索色 : 青色(0,0,255)<br>
・置換色 : 黄色(255,255,0)<br>
・範囲 : 256</b></em><br>
設定が完了したら、『OK』で処理を実行して下さい。<br>
<img height="159" src=
"http://picture.sub.jp/powerful/neo_tips/02_images/dialog_003.png" width="333"
border="0"><br>
<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/border01.png"><br>
<br>
9.処理が実行されると、下図のように完成品になります。<br>
簡単でしょ !<br>
<img height="60" src=
"http://picture.sub.jp/powerful/neo_tips/02_images/reverse_text.png" width=
"180" border="0"><br>
<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/border01.png"><br>
<br>
10.この様に簡単に反対文字を作成する事が出来ます。<br>
次にサンプルを幾つか表示しておきますので、色々挑戦してみてください。<br>
サンプルで使用した処理方法では下記に処理が追加されて処理を実行しています。<br>
<em><b> ・単色効果フィルタ<br>
・色相シフトフィルタ<br>
・ドロップシャドウフィルタ 等</b></em><br>
<br>
<img src="http://picture.sub.jp/powerful/neo_tips/02_images/border01.png"><br>
<br>
11. サンプル1<br>
「斜め境界(赤黒)」<br>
<img height="60" src=
"http://picture.sub.jp/powerful/neo_tips/02_images/reverse_text03.png" width=
"180" border="0"><br>
<br>
サンプル2<br>
「ハート型画像境界(青黄)」<br>
<img height="60" src=
"http://picture.sub.jp/powerful/neo_tips/02_images/reverse_text02.png" width=
"180" border="0"><br>
<br>
サンプル3<br>
「いげたカラー境界(青緑ピンク)」<br>
<img height="60" src=
"http://picture.sub.jp/powerful/neo_tips/02_images/reverse_text04.png" width=
"180" border="0"><br>
<br>
サンプル4<br>
「立体的いげたカラー境界(青緑ピンク)」<br>
<img height="60" src=
"http://picture.sub.jp/powerful/neo_tips/02_images/reverse_text05.png" width=
"180" border="0"><br>
表示オプション
横に並べて表示:
変化行の前後のみ表示: