今トップでふわふわしてるやつです。
もっと違う描き方もあるでしょうけど、まあ一例ということで。
1個作っておいて、できればフォトショップのpsd形式で取っておくと使い回しができて便利だと思います。ブラシにしてもいいかも。
各工程でレイヤーを追加して描いてますが、追加しないで1枚のレイヤーに重ねて描いていってもOK。レイヤーが別のほうが、後から修正ができて楽だけどね。
![]() |
青い、直径150ピクセルのを作ってみます。 背景の上に1枚レイヤー(レイヤー1)を追加して、楕円形選択ツールでスタイルを固定、幅、高さとも150にして、レイヤー1をクリック。円の選択範囲ができます。 その中を黒に近い紺色で塗りつぶし。 |
![]() |
選択範囲を保存しておきます。選択範囲→選択範囲を保存で、適当に名前をつけて。ひらがなでも名前はつけられます。 |
![]() |
選択範囲→選択範囲の変更→縮小します。 縮小量は好みですが、今は4にしてみました。 (ちょっとばかし、大きすぎたかも;) ついでに、境界をぼかすで、2ほどぼかしてもいいです。 |
![]() ![]() |
こんな風になりましたよね。 そしたら、レイヤーを一枚追加して、楕円形選択ツールか自動選択ツールにして、選択範囲を少しずらします。 |
![]() |
追加したレイヤー(レイヤー2)の選択範囲を、もう少し明るい青で塗りつぶし。 あまり極端に明るい色にすると、不自然です。 はい、これ、ちょっと不自然でしょ; 最初の色が濃すぎた^^; 面倒でなければ、もう一度くらい選択範囲を縮小して、ずらして、少し明るい色で塗りつぶしをするといいです。 縮小幅は、内側行くほど大きくしておいたほうが自然な感じかな。 |
![]() |
レイヤーを一枚追加(レイヤー3)し、ソフト円ブラシの150pxくらいで白で明るいところを中心からずらして入れます。 足りないと思ったら、2〜3回クリックしてみて。 その後、レイヤー3(今白いブラシを入れたレイヤー)の不透明度を90%くらいに下げておきます。 明るすぎず、ぼやっとした感じになるようにね。 これも、もう少し小さなブラシでもう一回入れてみても良いかも。 終わったら、Ctrl+Dで選択解除。 |
![]() |
レイヤーを追加(レイヤー4)し、ツヤを入れます。 ソフト円ブラシの65pxくらいで、左上のほうに入れます。 これは不透明度を下げないで、明るいままがいいです。 |
![]() |
レイヤーパレットの一番上のレイヤー(レイヤー4)の上にカーソルを置いて、Ctrl+Eすると下のレイヤーと結合しますから、繰り返して、レイヤー1と背景だけにしてしまいます。 レイヤー→下のレイヤーと結合を繰り返してもいいですし、なんだったら表示レイヤーを結合でもいいです。 その場合は、背景レイヤーになってしまうので、レイヤーパレットをダブルクリックして普通のレイヤーに変えてから、最初に保存した選択範囲を読み込んで、背景を削ってください。 |
![]() ![]() |
レイヤー1で選択範囲→選択範囲を読み込むをクリック。 最初に保存した選択範囲で、反転にチェックを入れてOKし、Deleteします。 これは、ツヤのはみ出しを削除するためです。 背景に色をつけてみると分かるんですが、これをしないと、ツヤのボケがはみ出たままなので。 ←これ、見てみて。 ぼやけがはみ出してるでしょ? |
![]() |
好みですが、フィルタ→ぼかしをかけると、ソフトになって綺麗かも。 |
出来上がり。
背景透過で保存したいなら、背景レイヤーを非表示にして、gifの126か256で保存するといいです。あんまり色が少ないと縞々になっちゃいますので、調節してね。
ぼかし部分があるので、やっぱりjpgのほうが綺麗だと思います。最高画質にしても、gifよりずっと軽いですし。
いろいろ使いまわしがきくので、psdで保存しておくのが良いかも。加工に綺麗なままで使えますからね〜。
青いほうがgif256(約12KB)で、緑のほうがjpg最高画質(約6KB)です。