Photoshopだけで画像の角を丸める
Photoshopだけで「画像の角を丸める」出来ますよ。
簡単です。
プラグインは不要です。
この画像の角をこれから丸めます。
【用意した画像】
この画像はClipStudioPaint(3Dキャラ)＋あくあフォント＋Photoshop＋背景で作成
超Photoshopわかってる人用の説明
シェイプツールのとこにある「角丸長方形ツール」を使用
塗りつぶした領域を作成モード、丸み50px、クリッピングマスク、で作ります。
※この↑説明だけでわかった人は↓以下を読む必要なしｗｗｗ
Photoshopにある程度精通してる人用の説明
角丸長方形ツールを使います。
- 画像をPhotoshopで開きます。(背景→レイヤーに変換しておきます)
- その下に新規レイヤーを作ります。(透明のままでOK)
- 上の「用意した画像」レイヤーで「クリッピングマスクを作成」します。(Alt+Ctrl+G)
- グリッドを表示、スナップを有効にしておきます。
- 下の透明レイヤーでシェイプツールの「角丸長方形ツール」を「塗りつぶした領域を作成」モードで使います。
- 丸み「50px」で試してみて！
- あとは角丸長方形ツールで好きな大きさにするだけ！
- 言うまでもありませんが「透過png形式」で保存しましょう。
背景色がわかっているならJPG形式でも(・∀・)ｲｲ!! よね。
ね、簡単でしょ？（＾ー＾）ｂ
角丸長方形ツール、丸み50px
※忘れずにPSD形式でも保存しておきましょうヽ(=´▽`=)ﾉ
この説明だけじゃわからん！ヾ(*｀Д´*)ﾉ"
って方用に画像付きでくわしく続きに用意してあります。
画像付きのくわしい説明
①まずは用意した画像をPhotoshopで開きます。
「背景」になってるので→右クリックで「背景からレイヤーへ」変換します。
そのままOKを押します。
②次に新規レイヤーを1つ作ります。
そのままOKを押す。
メニューから作ってもいいですし、レイヤーの下のボタンから新規レイヤーを作ってもいいです。
同じ事です。
③今作った新規レイヤーをつかんで(ドラッグして)画像レイヤーの下へ持っていき(ドロップし)ます。
④画像レイヤーを右クリックして「クリッピングマスクを作成」します。
この瞬間に画像が透明(グレーの細かいチェック模様)になりますが、 大丈夫です。
下のレイヤーに色を塗ればその塗った部分の形に画像が表示されます。
作業が進むとちゃんと出て来ます。⑤次にグリッドの設定をいじります。
「100pixel」分割数「2」に設定します。
⑥グリッドを表示させます。(Ctrl+@またはCtrl+H)
⑦スナップも使うのでチェックを入れます。
⑧さて、下のレイヤーを選択しておいて下さい。
⑨画面左のメニューから「角丸長方形ツール」を選択します。
(カスタムシェイプツールなどと同じ場所にあります。右クリックで出て来ます。)
「塗りつぶした領域を作成」にしておきます。
とりあえず「丸み」50pxでやってみましょう。
⑩画像の端っこへカーソルを持って行って好きな大きさにします。
スナップを有効にしたので、画像の端にスナップする(きっちり合わせる)のも簡単に出来ます。
⑪マウスから指先を放した途端、画像がパッと出て来ましたよねヽ(=´▽`=)ﾉ
角丸くなってますよねヾ(o ･∀･)ﾉ ﾋｬｯﾎ-ｩ♪
※用意した画像が出て来ない場合、
「下のレイヤーを選択していなかった」
ということはありがちです。
私もこの作業中に何度もありました。
「やり直し」（Ctrl+Alt+Z）すると選択していたレイヤーまで変わるので、これでミスってしまうことがよくありますね。
(ﾉ∀`*)ﾍﾟｼｯ
※グリッドが画面上では見えてますが、実際の保存画像には出ません。
フォトショップ上でだけ表示されるグリッドラインなのです。
Ctrl（コントロール）+＠（アットマーク）押せば消したり出したりできますよ。
⑫ここ重要です。透過PNGで保存して下さい。
もちろんPSD形式でも保存しておいて下さい。
【完成画像】
実際に使うのはPNG形式で保存した画像ですが、PSD形式でも保存する癖をつけておくと便利です。
【ちょっとした気遣い＆工夫】
※使用する場所の背景色がわかっている場合。
背景色を指定したJPG画像の方がデータサイズは小さい。
(画質80または60で保存)
(もちろんPSD形式でまず最初に保存して下さい！)
PNG形式画像をそのままサイトにUPするより、JPGの方が軽いので更に良しです。
「角丸長方形ツール」の設定。
「中心から」にチェックを入れる方法もなかなか面白いですよ。
あ、でも画像サイズによってはチェック入れないほうが使いやすいかなぁ。
ま、この辺はやってみてお好みとその時の状況で使い分けて下さい。
こんな感じで画像の中心辺りからモニョモニョとひっぱって選択出来ます。
こういう風にいくつも選択して塗りつぶした角丸長方形を描けます。
【丸みのサイズ】どう違うか？
角丸長方形ツール、「丸み」100pxにした場合。
角丸長方形ツール、「丸み」200pxにした場合。
【ありがとう】
ぶっちゃけ、角を丸めるプラグインがうまく動かなかったので、調べまくってこのやり方をここ↓で見つけました。
ありがとうございますヽ(*´□｀*)ッ ありがとう!!
>>画像を加工する（画像の角を丸める） https://cg.xyamu.net/PhotoshopElements/entry84.html
@cgxyamunetさんのサイトです。
twitterされてますね。
この↑サイトの下の方にある「もう少し手軽な方法」です。
画像選択で選択範囲を滑らかにする方法は自分の好みではなかったので、こちらの方法を紹介させてもらいました。
それプラス、「自分がこの方法を忘れないために」も自分のブログに自分なりにやってみた方法をUPしたというわけです。
アリガ(o≧□≦)oトォォォ！！
- 関連記事
-
-
Photoshopだけで画像の角を丸める
2013/02/21
-
錆び表現やってみた
2016/11/20
-
コメントの投稿