「SE New Feature No.6」の編集履歴(バックアップ)一覧はこちら

SE New Feature No.6」(2005/09/26 (月) 18:55:37) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

<span style= "font-size: 12pt; color: #0000FF; font-weight: bold;width:400;filter:dropshadow(color='#88ee33',offX=1,offY=1,positive=1)"> 右クリックメニューの実装 PART1</span><br> <br> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://limeworld.chu.jp/neo_newfeature/images_pbse/point01.png" width="15" height="15" align="left"></td> <td><span style= "font-size: 12pt; color: #88ee33; font-weight: bold;width:720;filter:dropshadow(color='#4040ff',offX=1,offY=1,positive=1)"> キャンバス内での右クリックメニュー</span></td> </tr> </table> <br> PictBear SecondEditionからは、イメージ操作でもっとも頻繁に使用されると思われるメニューがキャンバス内での右クリックメニューに実装されました。<br> ではどのようなメニューがあるか確認してみましょう。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 1. まず、イメージ操作の右クリックメニューを表示させるには、単にイメージ内での右クリックでは表示されない。<br> <br> 単に右クリックしてしまうと、色の抽出動作になってしまいますので、注意してください。<br> <br> メニュー表示操作はキーボードの<span style= "font-size: 12pt; color: #0000FF"><b>「Ctrl」</b></span>キー <span style= "font-size: 12pt; color: #0000FF"><b>+</b></span> マウスの<span style= "font-size: 12pt; color: #0000FF"><b>「右クリック」</b></span>でメニュー表示がされます。<br> <br> 表示された状態が下図になります。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details601.png" width="342" height="474" border="0" alt= "イメージ右クリックメニュー"><br> <br> このように15項目のメニューが用意されております。<br> <br> メニューに見える左側の項目が操作項目で、右側の文字がキーボードのアクセラレーターキー表示になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 2. ここで各機能の説明をしておきます。<br> <br> <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機  能</td> <td width="520" align="center">解     説</td> </tr> <tr> <td width="160">ズームイン</td> <td width="520"> イメージを拡大します。(拡大は現在の大きさを%で表しその倍数で大きくなります)</td> </tr> <tr> <td width="160">ズームアウト</td> <td width="520"> イメージを縮小します。(縮小は拡大の反対動作を行ないます)</td> </tr> <tr> <td width="160">元に戻す</td> <td width="520"> 操作を一つ前の状態の戻します。(アンドゥ動作)</td> </tr> <tr> <td width="160">やり直し</td> <td width="520"> 操作を一つ先の状態に戻します。(リドゥ動作)</td> </tr> <tr> <td width="160">切り取り</td> <td width="520"> 選択範囲を切り取ってクリップボードに保存します。</td> </tr> <tr> <td width="160">コピー</td> <td width="520"> 選択範囲の複製をクリップボードに保存します。</td> </tr> <tr> <td width="160">貼り付け</td> <td width="520"> クリップボードに保存されたイメージを貼り付けます。</td> </tr> <tr> <td width="160">グリッドの表示</td> <td width="520">イメージ上にグリッド線を表示させます。</td> </tr> <tr> <td width="160">ピクセルグリッドの表示</td> <td width="520"> 1ピクセル単位のグリッド線をON(表示させる)かOFF(表示させない)の設定が出来ます。</td> </tr> <tr> <td width="160">選択範囲の表示</td> <td width="520"> 選択範囲の点線表示をON(表示させる)かOFF(表示させない)の設定が出来ます。</td> </tr> <tr> <td width="160">すべて選択</td> <td width="520">イメージ全体を選択範囲をします。</td> </tr> <tr> <td width="160">選択範囲の解除</td> <td width="520">指定した選択範囲を解除させます。</td> </tr> <tr> <td width="160">選択範囲の反転</td> <td width="520"> 指定した選択範囲とは反対の部分を選択範囲に出来ます。</td> </tr> <tr> <td width="160">カレントレイヤーのみ表示</td> <td width="520"> 現在指定しているレイヤーだけをON(表示させる)かOFF(表示させない)の設定が出来ます。</td> </tr> <tr> <td width="160">透明部分の保護</td> <td width="520"> レイヤーの透明部分には各種処理が出来ないように指定できる設定が出来ます。</td> </tr> </table> <br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 3. 各機能の使用感は、みなさまが実際に操作して頂いたほうが感覚がつかめますので、ここでは説明を省かせていただきます。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://limeworld.chu.jp/neo_newfeature/images_pbse/point01.png" width="15" height="15" align="left"></td> <td><span style= "font-size: 12pt; color: #88ee33; font-weight: bold;width:720;filter:dropshadow(color='#4040ff',offX=1,offY=1,positive=1)"> ブラシダイアログ内での右クリックメニュー</span></td> </tr> </table> <br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 1. ブラシダイアログ内で右クリックすると下図のようなメニューが表示されます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details602.png" width="282" height="245" border="0" alt= "ブラシダイアログ右クリックメニュー"><br> <br> このメニューを使用してブラシの追加や操作が可能になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 2. ここで各機能の説明をしておきます。<br> <br> <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機  能</td> <td width="520" align="center">解     説</td> </tr> <tr> <td width="160">アクティブイメージから追加</td> <td width="520"> アクティブイメージをブラシとして登録させる機能</td> </tr> <tr> <td width="160">アクティブイメージで置換</td> <td width="520"> 選択したブラシをアクティブイメージと置き換えができる機能</td> </tr> <tr> <td width="160">イメージへ変換</td> <td width="520"> 選択したブラシをイメージとして出力させる事ができる機能</td> </tr> <tr> <td width="160">ブラシの削除</td> <td width="520">選択したブラシを削除する機能</td> </tr> <tr> <td width="160">ブラシの初期化</td> <td width="520"> ブラシダイアログ全てを初期状態に戻すことができる機能</td> </tr> </table> <br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 3. 各機能の説明は、一つ前の紹介「ブラシの種類を増やすことが出来るようになった」で詳しく説明しておりますので、そちらを参考にお願いいたします。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://limeworld.chu.jp/neo_newfeature/images_pbse/point01.png" width="15" height="15" align="left"></td> <td><span style= "font-size: 12pt; color: #88ee33; font-weight: bold;width:720;filter:dropshadow(color='#4040ff',offX=1,offY=1,positive=1)"> パレットダイアログ内での右クリックメニュー</span></td> </tr> </table> <br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 1. パレットダイアログの「RGB」タブは今まで通り自由に色を決められるパレットになっていますので、色をクリックで決めるか、RGBAに数値を直接入力して決められます。<br> <br> この「RGB」タブでは特に右クリックメニューは用意されておりません。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/pallet1.jpg" width= "251" height="244" border="0" alt="パレットダイアログ"><br> <br> その次の「サンプル」タグで右クリックメニューが用意されていますので、そちらを開いてください。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 2. パレットダイアログ内で右クリックすると下図のようなメニューが表示されます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details603.png" width="275" height="310" border="0" alt= "パレットダイアログ右クリックメニュー"><br> <br> このメニューを使用してパレットの編集が可能になり、自分だけのパレットを作ることも可能です。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 3. ここで各機能の説明をしておきます。 <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機  能</td> <td width="520" align="center">解     説</td> </tr> <tr> <td width="160">追加</td> <td width="520"> 現在のパレットにパレット色を追加する機能</td> </tr> <tr> <td width="160">編集</td> <td width="520"> 現在のパレットにパレット色を編集する機能</td> </tr> <tr> <td width="160">削除</td> <td width="520"> 現在のパレットにパレット色を削除する機能</td> </tr> <tr> <td width="160">描画色を登録</td> <td width="520">現在のパレットに描画色を登録する機能</td> </tr> <tr> <td width="160">背景色を登録</td> <td width="520">現在のパレットに背景色を登録する機能</td> </tr> <tr> <td width="160">サンプルの初期化</td> <td width="520"> 現在のパレットを初期状態にする機能(ここでいう初期化とは白と黒2色だけの登録された状態)</td> </tr> <tr> <td width="160">サンプルを開く</td> <td width="520"> 既に保存されているパレットを指定して変更出来るようにした機能</td> </tr> <tr> <td width="160">サンプルの保存</td> <td width="520"> 現在のパレットをファイルとして保存する機能</td> </tr> <tr> <td width="160">Windows システムカラー</td> <td width="520">Windws システムで保有する256色パレットに変更する機能</td> </tr> <tr> <td width="160">Macintosh システムカラー</td> <td width="520">Macintosh システムで保有する256色パレットに変更する機能</td> </tr> <tr> <td width="160">Web セーフカラー</td> <td width="520"> Web上で確実に表示できる216色で構成されたパレットに変更する機能</td> </tr> </table> <br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 4. では実際の動作を確認してみましょう。<br> 最初の「追加」は後で説明します。まずは「編集」から。<br> <br> パレットダイアログで一番上の左側の白色の上で右クリックして「編集」を指定します。<br> すると下図のダイアログが表示されます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details604.png" width="395" height="302" border="0" alt= "パレット編集ダイアログ"><br> <br> このダイアログがパレット色を変更させるダイアログになります。<br> このダイアログの「Standard」は144色の基本色が簡易に選択できるようになっています。<br> 右下に表示されている色で「NEW」が選択した色で、「Current」が元々パレットで指定していた色になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 5. 次に「Custom」タブをクリックしてみましょう。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details605.png" width="395" height="302" border="0" alt= "パレット編集ダイアログ"><br> <br> このダイアログの「Custom」はフルカラーから任意の色を選択できるようになっております。<br> また、下に表示されているHue(色合い)、Sat(鮮やかさ)、Lum(明るさ)での数値指定による選択もでき、もちろんRGBカラーの数値指定による選択もできる。<br> 「Standard」と同じように、右下に表示されている色で「NEW」が選択した色で、「Current」が元々パレットで指定していた色になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 6. では実際に変更してみましょう。<br> ダイアログを「Standard」に変更して、一番右上の「紫色」をクリックします。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details606.png" width="395" height="302" border="0" alt= "パレット編集ダイアログ"><br> <br> 色を指定したら「OK」をクリックしてダイアログを閉じます。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 7. パレットに戻ると下図の様に白色が紫色に変更されていることが確認できます。<br> これが編集動作になります。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details607.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 8. 次に「削除」の動作を見てみましょう。<br> <br> 今編集した、左上の紫のの上で右クリックをして「削除」を選択します。<br> <br> すると下図の様に、紫色が削除されてパレット全体が前に詰まって、一番最後の右下が網掛けの色が無い状態になります。 このように削除すると色のパレットが失われてしまいますので、注意して操作しましょう。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details608.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 9. 次に先程飛ばした「追加」の動作を見てみましょう。<br> <br> 追加操作はパレットと全て256色存在する場合は操作できないようになっております。<br> 先程一つ削除して空きが出来た為、追加動作が可能になりました。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details608.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> ではまず、パレットのタブを「RGB」に切り替えます。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 10. パレットのタブを「RGB」に切り替えたら、描画色を白色に設定してください。<br> <br> 下図参照<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/pallet2.jpg" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> 描画色を設定できたらもう一度「サンプル」タブへ移動します。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 11. 「サンプル」タブへ戻ったら、一番左上の灰色部分で右クリックをして出てきたメニューの「追加」を指定します。<br> <br> 追加されると一番左上の灰色のあった位置に白色が追加され、灰色以下が押されて後ろに後退します。<br> このように、追加処理を行なう場合は描画色が追加されますので、事前に描画色を指定しておく必要があります。 <img src="http://limeworld.chu.jp/neo_newfeature/images006/details609.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが追加動作になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 12. 次に「描画色を登録」の動作を見てみましょう。<br> <br> 動作を確認する前に「RGB」タブにて描画色と背景色を指定します。<br> <br> 下図の様にここでは、描画色を「黄色」、背景色を「白色」にて動作確認を致します。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/pallet3.jpg" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> 設定ができたら「サンプル」タブに戻ります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 13. 「サンプル」タブに戻ったら一番左上の白色の部分で右クリックして、出てきたメニューの「描画色を登録」を実行します。<br> <br> すると下図の様に「白色」が「黄色」に変わったことが確認できると思われます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details610.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが描画色を登録の動作になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 14. 次に「背景色を登録」の動作を見てみましょう。<br> <br> 先程と同じように一番左上の黄色の部分で右クリックして、出てきたメニューの「背景色を登録」を実行します。<br> <br> すると下図の様に「黄色」が「白色」に変わったことが確認できると思われます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details609.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが背景色を登録の動作になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 15. 次に「サンプルの初期化」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルの初期化」を実行します。<br> すると下図の確認のためのダイアログが表示されますので、「はい」を選択すると初期化が実行されて、「いいえ」を選択すると処理を中止します。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details611.png" width="213" height="121" border="0" alt="パレットダイアログ"><br> <br> ここでは初期化を実行しますので、「はい」を選択して処理を実行します。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 16. 初期化が実行されると下図の様に黒と白だけのサンプルが表示されます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details612.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> これを使って自分で一からサンプルパレットを作り上げることが可能です。<br> <br> これが「サンプルの初期化」の動作になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 17. 次に「サンプルを開く」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルを開く」を実行します。<br> すると下図のダイアログが表示されます。<br> ここで使用するサンプルファイルを選択して指定するとそのアンプルが反映されます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details613.png" width="656" height="390" border="0" alt="ダイアログ"><br> <br> ここでは「Original.plt」を選択して開きます。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 18. ファイルを開くとサンプルが反映され、下図の様にサンプルが表示されます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details609.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが「サンプルを開く」の動作になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 19. 次に「サンプルを保存」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルを保存」を実行します。<br> すると下図のダイアログが表示されます。<br> ここで保存するサンプルファイルを名前を付けて保存することができます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details614.png" width="656" height="390" border="0" alt="ダイアログ"><br> <br> ファイル名のところに適当な名前を入力します。<br> ここでは「Copy」と名前を付けて保存します。<br> 名前の入力が終わったら、「保存」ボタンで保存を実行します。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 20. 保存が完了すると、ブラシダイアログ表示に戻り、そのまま作業が続けられる状態になります。<br> <br> 保存できたかどうか確認するには、サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルを開く」を実行すると、先程のダイアログが表示されますので、そこで自分で名前をつけたパレットがあるかどうか確認できます。<br> <br> これが「サンプルを保存」の動作になります。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details609.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 21. 次に「Windows システムカラー」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルの初期化」を実行します。<br> すると下図の確認のためのダイアログが表示されますので、「はい」を選択すると初期化が実行されて、「いいえ」を選択すると処理を中止します。<br> ここでは初期化を実行して「Windows システムカラー」に入れ替えますので、「はい」を選択して処理を実行します。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details611.png" width="213" height="121" border="0" alt="パレットダイアログ"><br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 22. 初期化が実行されると下図の様にWindows システムカラーのパレットに変更されます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details615.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが「Windows システムカラー」の動作になります。 23. 次に「Macintosh システムカラー」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルの初期化」を実行します。<br> すると右図の確認のためのダイアログが表示されますので、「はい」を選択すると初期化が実行されて、「いいえ」を選択すると処理を中止します。<br> ここでは初期化を実行して「Macintosh システムカラー」に入れ替えますので、「はい」を選択して処理を実行します。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details611.png" width="213" height="121" border="0" alt="パレットダイアログ"><br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 24. 初期化が実行されると下図の様にMacintosh システムカラーのパレットに変更されます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details616.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが「Macintosh システムカラー」の動作になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 25. 次に「Web セーフカラー」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルの初期化」を実行します。<br> すると右図の確認のためのダイアログが表示されますので、「はい」を選択すると初期化が実行されて、「いいえ」を選択すると処理を中止します。<br> ここでは初期化を実行して「Web セーフカラー」に入れ替えますので、「はい」を選択して処理を実行します。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details611.png" width="213" height="121" border="0" alt="パレットダイアログ"><br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 26. 初期化が実行されると下図の様にWeb セーフカラーのパレットに変更されます。<br> <br> <img src="http://limeworld.chu.jp/neo_newfeature/images006/details617.png" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが「Web セーフカラー」の動作になります。<br> <br> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"><br> <br> 27. 以上がブラシダイアログでの右クリックメニューの説明になります。<br> <br> 最後にちょっとしたことを記述しておきます。<br> ・パレットを編集して保存しなくても、次回起動時はパレットの最後の状態が保持されますので、消えることはありません。<br> ・右クリックメニューの「描画色を登録」動作が有りましたが、この動作をCtrl + クリックでも同じ動作が実現できます。<br> <br>
<span style= "font-size: 12pt; color: #0000FF; font-weight: bold;width:400;filter:dropshadow(color='#88ee33',offX=1,offY=1,positive=1)"> 右クリックメニューの実装 PART1</span><br> <br> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://picture.sub.jp/powerful/neo_newfeature/images_pbse/point01.png" width= "15" height="15" align="left"></td> <td><span style= "font-size: 12pt; color: #88ee33; font-weight: bold;width:720;filter:dropshadow(color='#4040ff',offX=1,offY=1,positive=1)"> キャンバス内での右クリックメニュー</span></td> </tr> </table> <br> PictBear SecondEditionからは、イメージ操作でもっとも頻繁に使用されると思われるメニューがキャンバス内での右クリックメニューに実装されました。<br> ではどのようなメニューがあるか確認してみましょう。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 1. まず、イメージ操作の右クリックメニューを表示させるには、単にイメージ内での右クリックでは表示されない。<br> <br> 単に右クリックしてしまうと、色の抽出動作になってしまいますので、注意してください。<br> <br> メニュー表示操作はキーボードの<span style= "font-size: 12pt; color: #0000FF"><b>「Ctrl」</b></span>キー <span style= "font-size: 12pt; color: #0000FF"><b>+</b></span> マウスの<span style= "font-size: 12pt; color: #0000FF"><b>「右クリック」</b></span>でメニュー表示がされます。<br> <br> 表示された状態が下図になります。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details601.png" width= "342" height="474" border="0" alt= "イメージ右クリックメニュー"><br> <br> このように15項目のメニューが用意されております。<br> <br> メニューに見える左側の項目が操作項目で、右側の文字がキーボードのアクセラレーターキー表示になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 2. ここで各機能の説明をしておきます。<br> <br> <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機  能</td> <td width="520" align="center">解     説</td> </tr> <tr> <td width="160">ズームイン</td> <td width="520"> イメージを拡大します。(拡大は現在の大きさを%で表しその倍数で大きくなります)</td> </tr> <tr> <td width="160">ズームアウト</td> <td width="520"> イメージを縮小します。(縮小は拡大の反対動作を行ないます)</td> </tr> <tr> <td width="160">元に戻す</td> <td width="520"> 操作を一つ前の状態の戻します。(アンドゥ動作)</td> </tr> <tr> <td width="160">やり直し</td> <td width="520"> 操作を一つ先の状態に戻します。(リドゥ動作)</td> </tr> <tr> <td width="160">切り取り</td> <td width="520"> 選択範囲を切り取ってクリップボードに保存します。</td> </tr> <tr> <td width="160">コピー</td> <td width="520"> 選択範囲の複製をクリップボードに保存します。</td> </tr> <tr> <td width="160">貼り付け</td> <td width="520"> クリップボードに保存されたイメージを貼り付けます。</td> </tr> <tr> <td width="160">グリッドの表示</td> <td width="520">イメージ上にグリッド線を表示させます。</td> </tr> <tr> <td width="160">ピクセルグリッドの表示</td> <td width="520"> 1ピクセル単位のグリッド線をON(表示させる)かOFF(表示させない)の設定が出来ます。</td> </tr> <tr> <td width="160">選択範囲の表示</td> <td width="520"> 選択範囲の点線表示をON(表示させる)かOFF(表示させない)の設定が出来ます。</td> </tr> <tr> <td width="160">すべて選択</td> <td width="520">イメージ全体を選択範囲をします。</td> </tr> <tr> <td width="160">選択範囲の解除</td> <td width="520">指定した選択範囲を解除させます。</td> </tr> <tr> <td width="160">選択範囲の反転</td> <td width="520"> 指定した選択範囲とは反対の部分を選択範囲に出来ます。</td> </tr> <tr> <td width="160">カレントレイヤーのみ表示</td> <td width="520"> 現在指定しているレイヤーだけをON(表示させる)かOFF(表示させない)の設定が出来ます。</td> </tr> <tr> <td width="160">透明部分の保護</td> <td width="520"> レイヤーの透明部分には各種処理が出来ないように指定できる設定が出来ます。</td> </tr> </table> <br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 3. 各機能の使用感は、みなさまが実際に操作して頂いたほうが感覚がつかめますので、ここでは説明を省かせていただきます。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://picture.sub.jp/powerful/neo_newfeature/images_pbse/point01.png" width= "15" height="15" align="left"></td> <td><span style= "font-size: 12pt; color: #88ee33; font-weight: bold;width:720;filter:dropshadow(color='#4040ff',offX=1,offY=1,positive=1)"> ブラシダイアログ内での右クリックメニュー</span></td> </tr> </table> <br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 1. ブラシダイアログ内で右クリックすると下図のようなメニューが表示されます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details602.png" width= "282" height="245" border="0" alt= "ブラシダイアログ右クリックメニュー"><br> <br> このメニューを使用してブラシの追加や操作が可能になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 2. ここで各機能の説明をしておきます。<br> <br> <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機  能</td> <td width="520" align="center">解     説</td> </tr> <tr> <td width="160">アクティブイメージから追加</td> <td width="520"> アクティブイメージをブラシとして登録させる機能</td> </tr> <tr> <td width="160">アクティブイメージで置換</td> <td width="520"> 選択したブラシをアクティブイメージと置き換えができる機能</td> </tr> <tr> <td width="160">イメージへ変換</td> <td width="520"> 選択したブラシをイメージとして出力させる事ができる機能</td> </tr> <tr> <td width="160">ブラシの削除</td> <td width="520">選択したブラシを削除する機能</td> </tr> <tr> <td width="160">ブラシの初期化</td> <td width="520"> ブラシダイアログ全てを初期状態に戻すことができる機能</td> </tr> </table> <br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 3. 各機能の説明は、一つ前の紹介「ブラシの種類を増やすことが出来るようになった」で詳しく説明しておりますので、そちらを参考にお願いいたします。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://picture.sub.jp/powerful/neo_newfeature/images_pbse/point01.png" width= "15" height="15" align="left"></td> <td><span style= "font-size: 12pt; color: #88ee33; font-weight: bold;width:720;filter:dropshadow(color='#4040ff',offX=1,offY=1,positive=1)"> パレットダイアログ内での右クリックメニュー</span></td> </tr> </table> <br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 1. パレットダイアログの「RGB」タブは今まで通り自由に色を決められるパレットになっていますので、色をクリックで決めるか、RGBAに数値を直接入力して決められます。<br> <br> この「RGB」タブでは特に右クリックメニューは用意されておりません。<br> <br> <img src="http://picture.sub.jp/powerful/neo_newfeature/images006/pallet1.jpg" width="251" height="244" border="0" alt="パレットダイアログ"><br> <br> その次の「サンプル」タグで右クリックメニューが用意されていますので、そちらを開いてください。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 2. パレットダイアログ内で右クリックすると下図のようなメニューが表示されます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details603.png" width= "275" height="310" border="0" alt= "パレットダイアログ右クリックメニュー"><br> <br> このメニューを使用してパレットの編集が可能になり、自分だけのパレットを作ることも可能です。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 3. ここで各機能の説明をしておきます。 <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機  能</td> <td width="520" align="center">解     説</td> </tr> <tr> <td width="160">追加</td> <td width="520"> 現在のパレットにパレット色を追加する機能</td> </tr> <tr> <td width="160">編集</td> <td width="520"> 現在のパレットにパレット色を編集する機能</td> </tr> <tr> <td width="160">削除</td> <td width="520"> 現在のパレットにパレット色を削除する機能</td> </tr> <tr> <td width="160">描画色を登録</td> <td width="520">現在のパレットに描画色を登録する機能</td> </tr> <tr> <td width="160">背景色を登録</td> <td width="520">現在のパレットに背景色を登録する機能</td> </tr> <tr> <td width="160">サンプルの初期化</td> <td width="520"> 現在のパレットを初期状態にする機能(ここでいう初期化とは白と黒2色だけの登録された状態)</td> </tr> <tr> <td width="160">サンプルを開く</td> <td width="520"> 既に保存されているパレットを指定して変更出来るようにした機能</td> </tr> <tr> <td width="160">サンプルの保存</td> <td width="520"> 現在のパレットをファイルとして保存する機能</td> </tr> <tr> <td width="160">Windows システムカラー</td> <td width="520">Windws システムで保有する256色パレットに変更する機能</td> </tr> <tr> <td width="160">Macintosh システムカラー</td> <td width="520">Macintosh システムで保有する256色パレットに変更する機能</td> </tr> <tr> <td width="160">Web セーフカラー</td> <td width="520"> Web上で確実に表示できる216色で構成されたパレットに変更する機能</td> </tr> </table> <br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 4. では実際の動作を確認してみましょう。<br> 最初の「追加」は後で説明します。まずは「編集」から。<br> <br> パレットダイアログで一番上の左側の白色の上で右クリックして「編集」を指定します。<br> すると下図のダイアログが表示されます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details604.png" width= "395" height="302" border="0" alt="パレット編集ダイアログ"><br> <br> このダイアログがパレット色を変更させるダイアログになります。<br> このダイアログの「Standard」は144色の基本色が簡易に選択できるようになっています。<br> 右下に表示されている色で「NEW」が選択した色で、「Current」が元々パレットで指定していた色になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 5. 次に「Custom」タブをクリックしてみましょう。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details605.png" width= "395" height="302" border="0" alt="パレット編集ダイアログ"><br> <br> このダイアログの「Custom」はフルカラーから任意の色を選択できるようになっております。<br> また、下に表示されているHue(色合い)、Sat(鮮やかさ)、Lum(明るさ)での数値指定による選択もでき、もちろんRGBカラーの数値指定による選択もできる。<br> 「Standard」と同じように、右下に表示されている色で「NEW」が選択した色で、「Current」が元々パレットで指定していた色になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 6. では実際に変更してみましょう。<br> ダイアログを「Standard」に変更して、一番右上の「紫色」をクリックします。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details606.png" width= "395" height="302" border="0" alt="パレット編集ダイアログ"><br> <br> 色を指定したら「OK」をクリックしてダイアログを閉じます。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 7. パレットに戻ると下図の様に白色が紫色に変更されていることが確認できます。<br> これが編集動作になります。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details607.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 8. 次に「削除」の動作を見てみましょう。<br> <br> 今編集した、左上の紫のの上で右クリックをして「削除」を選択します。<br> <br> すると下図の様に、紫色が削除されてパレット全体が前に詰まって、一番最後の右下が網掛けの色が無い状態になります。 このように削除すると色のパレットが失われてしまいますので、注意して操作しましょう。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details608.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 9. 次に先程飛ばした「追加」の動作を見てみましょう。<br> <br> 追加操作はパレットと全て256色存在する場合は操作できないようになっております。<br> 先程一つ削除して空きが出来た為、追加動作が可能になりました。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details608.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> ではまず、パレットのタブを「RGB」に切り替えます。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 10. パレットのタブを「RGB」に切り替えたら、描画色を白色に設定してください。<br> <br> 下図参照<br> <br> <img src="http://picture.sub.jp/powerful/neo_newfeature/images006/pallet2.jpg" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> 描画色を設定できたらもう一度「サンプル」タブへ移動します。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 11. 「サンプル」タブへ戻ったら、一番左上の灰色部分で右クリックをして出てきたメニューの「追加」を指定します。<br> <br> 追加されると一番左上の灰色のあった位置に白色が追加され、灰色以下が押されて後ろに後退します。<br> このように、追加処理を行なう場合は描画色が追加されますので、事前に描画色を指定しておく必要があります。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details609.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが追加動作になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 12. 次に「描画色を登録」の動作を見てみましょう。<br> <br> 動作を確認する前に「RGB」タブにて描画色と背景色を指定します。<br> <br> 下図の様にここでは、描画色を「黄色」、背景色を「白色」にて動作確認を致します。<br> <br> <img src="http://picture.sub.jp/powerful/neo_newfeature/images006/pallet3.jpg" width="251" height="274" border="0" alt="パレットダイアログ"><br> <br> 設定ができたら「サンプル」タブに戻ります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 13. 「サンプル」タブに戻ったら一番左上の白色の部分で右クリックして、出てきたメニューの「描画色を登録」を実行します。<br> <br> すると下図の様に「白色」が「黄色」に変わったことが確認できると思われます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details610.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが描画色を登録の動作になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 14. 次に「背景色を登録」の動作を見てみましょう。<br> <br> 先程と同じように一番左上の黄色の部分で右クリックして、出てきたメニューの「背景色を登録」を実行します。<br> <br> すると下図の様に「黄色」が「白色」に変わったことが確認できると思われます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details609.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが背景色を登録の動作になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 15. 次に「サンプルの初期化」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルの初期化」を実行します。<br> すると下図の確認のためのダイアログが表示されますので、「はい」を選択すると初期化が実行されて、「いいえ」を選択すると処理を中止します。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details611.png" width= "213" height="121" border="0" alt="パレットダイアログ"><br> <br> ここでは初期化を実行しますので、「はい」を選択して処理を実行します。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 16. 初期化が実行されると下図の様に黒と白だけのサンプルが表示されます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details612.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> これを使って自分で一からサンプルパレットを作り上げることが可能です。<br> <br> これが「サンプルの初期化」の動作になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 17. 次に「サンプルを開く」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルを開く」を実行します。<br> すると下図のダイアログが表示されます。<br> ここで使用するサンプルファイルを選択して指定するとそのアンプルが反映されます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details613.png" width= "656" height="390" border="0" alt="ダイアログ"><br> <br> ここでは「Original.plt」を選択して開きます。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 18. ファイルを開くとサンプルが反映され、下図の様にサンプルが表示されます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details609.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが「サンプルを開く」の動作になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 19. 次に「サンプルを保存」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルを保存」を実行します。<br> すると下図のダイアログが表示されます。<br> ここで保存するサンプルファイルを名前を付けて保存することができます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details614.png" width= "656" height="390" border="0" alt="ダイアログ"><br> <br> ファイル名のところに適当な名前を入力します。<br> ここでは「Copy」と名前を付けて保存します。<br> 名前の入力が終わったら、「保存」ボタンで保存を実行します。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 20. 保存が完了すると、ブラシダイアログ表示に戻り、そのまま作業が続けられる状態になります。<br> <br> 保存できたかどうか確認するには、サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルを開く」を実行すると、先程のダイアログが表示されますので、そこで自分で名前をつけたパレットがあるかどうか確認できます。<br> <br> これが「サンプルを保存」の動作になります。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details609.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 21. 次に「Windows システムカラー」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルの初期化」を実行します。<br> すると下図の確認のためのダイアログが表示されますので、「はい」を選択すると初期化が実行されて、「いいえ」を選択すると処理を中止します。<br> ここでは初期化を実行して「Windows システムカラー」に入れ替えますので、「はい」を選択して処理を実行します。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details611.png" width= "213" height="121" border="0" alt="パレットダイアログ"><br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 22. 初期化が実行されると下図の様にWindows システムカラーのパレットに変更されます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details615.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが「Windows システムカラー」の動作になります。 23. 次に「Macintosh システムカラー」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルの初期化」を実行します。<br> すると右図の確認のためのダイアログが表示されますので、「はい」を選択すると初期化が実行されて、「いいえ」を選択すると処理を中止します。<br> ここでは初期化を実行して「Macintosh システムカラー」に入れ替えますので、「はい」を選択して処理を実行します。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details611.png" width= "213" height="121" border="0" alt="パレットダイアログ"><br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 24. 初期化が実行されると下図の様にMacintosh システムカラーのパレットに変更されます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details616.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが「Macintosh システムカラー」の動作になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 25. 次に「Web セーフカラー」の動作を見てみましょう。<br> <br> サンプルの適当な場所で右クリックをして、出てきたメニューの「サンプルの初期化」を実行します。<br> すると右図の確認のためのダイアログが表示されますので、「はい」を選択すると初期化が実行されて、「いいえ」を選択すると処理を中止します。<br> ここでは初期化を実行して「Web セーフカラー」に入れ替えますので、「はい」を選択して処理を実行します。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details611.png" width= "213" height="121" border="0" alt="パレットダイアログ"><br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 26. 初期化が実行されると下図の様にWeb セーフカラーのパレットに変更されます。<br> <br> <img src= "http://picture.sub.jp/powerful/neo_newfeature/images006/details617.png" width= "251" height="274" border="0" alt="パレットダイアログ"><br> <br> これが「Web セーフカラー」の動作になります。<br> <br> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"><br> <br> 27. 以上がブラシダイアログでの右クリックメニューの説明になります。<br> <br> 最後にちょっとしたことを記述しておきます。<br> ・パレットを編集して保存しなくても、次回起動時はパレットの最後の状態が保持されますので、消えることはありません。<br> ・右クリックメニューの「描画色を登録」動作が有りましたが、この動作をCtrl + クリックでも同じ動作が実現できます。<br> <br>

表示オプション

横に並べて表示:
変化行の前後のみ表示:
目安箱バナー