Ｐ！ぼかしが黒ずまないネオン加工リニューアル

黒ずまないネオンは前にも書いてたんですけど、一般的な作り方に沿ったやり方で書いてみます。

とにかくキモは、原因である、「境界のぼかしをして塗りつぶす」のをしないことです。そんだけ。

１．てきとーなサイズで新規作成して、レイヤーを１枚追加してから白で文字をフォントで書きます。
文字列の窓の出力方法は「新規レイヤー」にしてください。
見にくかったら、一番下の背景を濃い色で塗りつぶしてやると分かりやすいです。
レイヤーのところは画像のように、背景、レイヤー１（なんにも書かれていません）、文字列レイヤー（文字が書かれています）となります。

２．選択範囲→不透明部分の選択します。文字の形に選択範囲ができます。

選択範囲→選択範囲の変更→拡張で少し拡張。ちょっと選択範囲が広がったのが分かるでしょうか。

３．レイヤー１を選んで、好きな色を選んで、編集→塗りつぶしします。

選択を解除（選択解除はCtrl+Dのショートカットを使うと便利）。

４．レイヤー１で、フィルタ→ぼかし→ぼかし(ガウス）をして、ぼかします。

イメージ統合して出来上がり。

Ｐ！グラデーションの効果を付けた文字みたいな

人様の作ったものを見て作ってみたので、どういう文字って名前を付ける事はできませんが、ちょっときれいだったので。ちなみにその人がどうやって作ったのかは知りません。自分ならこう作る、という方法を考えました。
こんなの。

あらかじめ、ガウスぼかしフィルタを追加しておいてください。
フィルタについては、フィルタ追加のページを見てください。

１、太めのフォントで新規作成したキャンバスに出力方法新規レイヤーで文字を書きます。
背景の白いレイヤーの上に文字列のレイヤーができます。
文字の色は何色でも構いません。

２、そのまますぐ選択範囲→色域指定→ＯＫで、文字の部分を選択範囲にします。
上に1枚レイヤーを追加し、ブラシの一番細いものを選び、白色を選んで、編集→境界線の描画します。
選択範囲の点線に隠れてよくわからないとは思いますが、文字の形に縁どられたはず。

この時は、背景、文字列レイヤー、レイヤー２に3枚になってますよ。一番上のレイヤー２に白で縁取り線が描かれてます。

３、真ん中の文字列レイヤーに移動して、選択範囲→選択範囲の変更→拡張で少し拡張します。今は3ほど拡張してみました。

４、サンプルから使いたい色をクリック。

ＲＧＢタブを見ると、さっき選んだ色が左上になってますよね。その隣の矢印をクリック。

すると、描画色（左上の色）と背景色（右下の色）が入れ替わります。

この状態でもう一度サンプルからグラデーションに使いたいもう1色を選びます。
選んだら、ＲＧＢタブをもう一度見てください。使いたい色が2色選べていればＯＫです。

５、グラデーションツールをクリックして、

グラデーションをかけたい範囲をドラッグします。
今回は、この画像のように、文字の範囲より狭くドラッグした方が色がはっきり出ていいです。
まっすぐドラッグしたかったら、shiftキーを押しながらドラッグしてください。

↓　　　　　　　　　　↓　　　　　　　　　　↓

６、選択範囲を解除。
そのまま文字列レイヤーにフィルタ→ぼかし→ぼかしガウスします。今は3.5にしてみました。

↓　　　　　　　　　　↓　　　　　　　　　　↓

一番上のレイヤーを選んで、「下のレイヤーと結合」をクリック。白い枠のレイヤーとグラデーションのレイヤーが1つにまとめられ、結果、文字列レイヤーと白い背景のレイヤーの2枚になります。

↓　　　　　　　　　　↓　　　　　　　　　　↓

７、ここからは好みの問題ですが。
好きなキラキラブラシでキラキラを付けて飾ります。

文字列レイヤーにカーソルを合わせて右クリックし、レイヤーの複製を選びます。文字列レイヤーの複製が増えます。
その複製のモードを「オーバーレイ」にします。

これはほんとに好みの問題なんですけど、グラデーションのなめらかな色の混じりが減って、なんかちょっと派手？になる気がするので

お好みでほかのモードも試してみて。

ピクトベアのマスク

そーか、そういえばマスクがあったんだったこのソフト・・・。

選択範囲の修正、これでもできたのね；

記事修正しなくちゃだけど、その前に自分が理解せねばね。

Ｐ！既存の画像の色を一部変更する（色相/彩度/明度フィルタ使用）

色を一部だけ変更したいときありますよね。その方法。

一つは、お化粧加工の所でも書いた、上にレイヤーを追加して、そのモードをソフトライトなどに変更して色を塗ること。
→Ｐ！お化粧加工その１　髪色変化/つけまつげ

ソフトライト以外にも、スクリーンとかいろいろ変えてみるとかなり色が変わります。

フィルタを使って変えることもできます。
あらかじめ、色相/彩度/明度フィルタをインストールしておいてください。
フィルタはこちらにあります→http://web.archive.org/web/20071213070257/egis-s.hp.infoseek.co.jp/pb/dllist.html

１、画像を開いて色を変えたい部分を選択範囲にします。
ピクトベアは選択範囲の修正がしづらいのが難点。
選択範囲の修正方法はこちらを見てください→P！自動選択ツールできれいに切り抜き(gif)/選択範囲の修正

背景色と選択したい部分が同じ色の場合は上の方法で修正してください。

それか、shiftキーを押しながら自動選択を繰り返すと、どんどん選択範囲が追加されていきます。それで選択しきれるようならその方法で。ドット絵の場合はこの方法が簡単です。

それか、上の方法の応用みたいな方法ですが、こんな手も。

この画像のスカートの色を変えようと思います。

スカートの花柄も含めて選択範囲にしたいです。

開いた画像のレイヤーのところで右クリックして、「背景からレイヤーへ」を選んで「背景レイヤー」に変更してから、もう一度右クリックして「レイヤーの複製」をクリック。
同じ画像が2枚のレイヤーになります。
上になっているレイヤーのスカート部分を背景とは違う色で1色で塗りつぶしてしまいます。

つながってしまいそうなところ（赤い靴のところ）は違う色で塗っちゃいます。

で、自動選択ツールでクリック。スカート全体が選択範囲に。

複製したレイヤーを削除します。
柄も含めたスカート部分が選択範囲になりました。

２、フィルタ→カラー→色相/彩度/明度をクリック。

色相/彩度/明度の窓が開きます。色相で色が変わります。明るさや鮮やかさがそれぞれ明度、彩度のレバーで変えらえます。変えたらＯＫクリック。

白っぽいパステル系の色にしたければ、彩度を落として、明度を上げるといいみたいです。この辺、フォトショップの色相/彩度/明度フィルタとはだいぶ違う感じ

後から、イメージ→明るさの調節とかコントラストを変えてみてもいいかも。

選択を解除してできあがり。

人様のまねっこ

こんなのを見かけたので作ってみた。

Photoshop Elementsで作ったんで、ブラシとかテキトーですが、結構きれいかなと思って。
その人のトップ画、とってもお見事でした。そんなに難しいことしてないけど、可愛い、きれい。
いやー、素晴らし。

これ、PictBearでも十分作れるよ。
講座にした方が良いのかな？
でもタイトルなんてつけたらいいんかな（＾＾；

ポイントは、オーバーレイかビビットライトにすることｗ

Ｐ！飛び出す文字

かくかくした文字で作ると効果的。

フォントで文字を打ちます。
その時に、文字列の窓で、出力方法を新規レイヤーにしてください。

こんな風に文字列レイヤーが別に出ます。水色で文字を打ってみました。

レイヤーのところの文字列レイヤーにカーソルを合わせ、右クリックし「レイヤーの複製」をクリック。

文字列レイヤーの複製ができます。そのレイヤーの文字部分を、飛び出す部分の色で塗りつぶし。
今は黒で塗りつぶしました。

移動ツールを選んで

キーボードの→キーを1回、↑キーを1回押します。これで、右に1ピクセル、上に1ピクセル黒い文字のレイヤーがずれます。

次に、黒い文字のレイヤーを複製し、それも、右に1ピクセル上に1ピクセルずらします。同じように10回くらい複製してはそれぞれ１ピクセルずつずらすのを繰り返します。こんな感じにだんだん立体になってきます。

下から2番目にある、最初に文字を打った文字列レイヤーを選んで前面に移動ボタンをだだだっとクリックして、一番上まで移動します。

↓　　　　　　　　　　↓　　　　　　　　　　↓

一番上になりました。

画像はこうなります。できあがり。

複製してずらすのを何度もするのが面倒だったら、5回ずらしたら一度黒い飛び出し部分のみを結合して、それを複製すれば、いっぺんに5回分の高さになるので早いです。

Ｐ！ラメの効果を付けた文字(文字に模様を付ける）

ノイズ追加フィルタを使います。
あらかじめノイズを追加フィルタを追加しておいてください。とても簡単です。

今回はラメの効果ですけど、ノイズフィルタを使う代わりに、模様のブラシなどでクリックすればその模様の付いた文字になります。いろいろやってみてください。

１．左のツールから文字列ツール（Ａのアイコン）を使って、文字を書く。ちょっと太めのフォントの方が良いです。
ほかの画像に貼り付ける目的なら、レイヤーを1枚追加してそのレイヤーに文字を書いてください。
もしくは、文字列の窓で出力方法を「新規レイヤー」にすれば、別レイヤーに書かれます。

２．選択範囲→色域指定→ＯＫします。
色域指定の「色」のところは、その時パレットのサンプルで選んでいる色が出ていますから、文字を書いてから違う色を選びなおしていなければ、そのままＯＫで大丈夫。

↓　　　　　　　　　↓　　　　　　　　　↓

書いた文字が選択範囲になります。

３．フィルタ→特殊効果→ノイズを追加をクリック。

こんな窓が開くので、密度など各項目を好きなように設定してＯＫします。現在はこんな風に設定してみました。描画色は文字色のピンク色、背景色は白です。

↓　　　　　　　　　　↓　　　　　　　　　　↓

ラメ効果が選択範囲内に付きました。

選択範囲を解除して出来上がり。

ノイズを追加フィルタ設定でいろいろ変わります。
「ノイズで覆う」にチェックを入れるとこんな感じ。ギラギラしてますね。

ドロップシャドウをリバースで付けるのもいいかもね。

ところで、ラメってフランス語なんだって。知らなかった～。

Ｐ！ソフトフォーカス(にじんだようなぼかし）

ぼかしを普通にかけると、みーんなボケボケになっちゃいますよね。

それはそれでもいいんですけど、均一にボケるのではなくて、線の部分はある程度はっきりしてて、なおかつぼけてるような感じの、にじんだ？ような雰囲気、いわゆるソフトフォーカスです。

１．画像を開いて、背景からレイヤーに変え、余白を削除して、必要な部分以外は透明にします。
これは絶対しなくてもいいです。背景ごとフォーカスがかかってもいいのなら、このステップは不要。

２．右のレイヤーのところで右クリックして「レイヤーの複製」を選び、レイヤーを複製します。同じ画像のレイヤーが2枚になります。

３．上のレイヤーを選んで、フィルタ→ぼかし→ガウスぼかしか、ぼかし（強）をかけます。かなりボケボケになるくらい。

４．ぼかしをかけたレイヤーの不透明度を適当に下げます。

５．好みでイメージ→明るさの調整で明るくして、出来上がり。
イメージの統合か表示部分の結合をして保存。

左が元画像、右がソフトフォーカス加工後です。いかがでしょうか。

→

人物の画像だと、美肌に見えますよ～。

Ｐ！ピクトベアで画像を作る　絶対失敗しない基本の基本その２

その１からの続き。仕上げ・アレンジです。

５．枠を付ける
右のレイヤーのところにあるレイヤー作成ボタンをクリックして、レイヤーを１枚追加する。

↓　　　　　　　　↓　　　　　　　　↓

選択範囲→すべて選択する。

画像のふちに沿って点線で囲われる（選択範囲になったということ）

選択範囲→選択範囲の変更→縮小をクリック。

↓　　　　　　　　↓　　　　　　　　↓

窓が開いたら、好きな数値を入れてＯＫする。今回は１０。

続いて、選択範囲→選択範囲の変更→境界線をクリックし、窓が開いたら、好きな数値を入れてＯＫする。今回は５。
枠のように選択範囲ができる。

右のパレットのサンプルタブで色を選び、塗りつぶしツールを選んで枠の選択範囲内をクリック。

　→　

↓　　　　　　　　↓　　　　　　　↓

枠内に色がつく。

選択範囲→選択範囲の解除をクリック。選択範囲の点線が消えて選択が解除され、枠が完成。

↓　　　　　　　　↓　　　　　　　↓

６．文字入れ
今回は吹き出しを作ります。
５を参考にして、レイヤーをまた１枚追加。
白を選び、ブラシツールをクリックし、ブラシタブから●61のブラシをクリック。

　→　

適当に○を重ねて吹き出しっぽく作る。とんがったところが付けたければそれも適当に手書きで。

文字の色を選んでから、左のＡのアイコンの文字列ツールをクリックし、作成中の画像をクリックすると文字列の窓が開く。できるだけ左上の方でクリックすると、はみ出しにくいです。

↓　　　　　　　　↓　　　　　　　↓

フォント欄の▼をクリックしてフォントのリストを出して、フォントを選び、文字列の欄に入れたい文字を打ち込む。下の方にある出力方法は「新規レイヤー」にチェック入れて。
ＯＫをクリック。

画像に文字が出る。移動ツールでちょうどいい位置に移動。

ブラシがあれば適当に飾って、完成！

関連ページ→Ｐ！ブラシを追加する / P！文字をフォントで書く

リボンブラシはこちらのフォント（4YEOSTVAL）→http://www.4yeo.com/fonts/

７．保存
右のレイヤーのところの上にある、「イメージの統合」ボタンをクリック。

↓　　　　　　　　↓　　　　　　　↓

レイヤーが全部まとめられて背景1枚になる。

ファイル→名前を付けて保存をクリック。

出てくる窓で、保存する場所を選んで、ファイルの種類のドロップダウンからpngを選んで「保存」ボタンをクリックする。

できました～。

関連ページ→Ｐ！基本　ピクトベアで画像を保存する

なんかページがふえてきたので、とりあえず、pictbearや画像加工に関係のありそうなものの目次です。
というか、ほぼ全部かな；
１ページにまとめた方が見やすいかなと思いまして。抜けがあるかも。

関係ありそうなのをてきとーに分類してみました。と言っても、本当にテキトーなので、深く追求しないでください。
しかし、重なってる内容が多い・・・。