角丸の四角形の作り方

公開日: : 最終更新日:2014/01/18 初心者のためのphotoshop講座

フォトショップで角丸の四角形の作り方
アップルのアイフォンのアプリなどのアイコンは角丸の画像です。
ボタンや吹き出しにも使えます
面倒なときに簡単に角丸四角形を使えればデザインの幅も広がります。
角丸の箱の作り方をご紹介します。

角丸長方形ツールを使います
角丸を作るには、角丸長方形ツールを使います。(上部で角丸の半径を設定できます)
角丸ツールで四角形を作ると、シェイプ1が作られます。

シェイプを選択範囲にして塗りつぶす
シェイプのまま使って良いですが、やっぱり画像にしたいです。
シェイプを画像に変換するには、コントロールを押しながらシェイプをクリックし、選択範囲に変換し、新しいレイヤーを突くって、ALT+バックスペースなどで塗りつぶします。

吹き出しは多角形選択ツールで
これでシェイプの角丸四角形がただの画像になります。
内部の色を塗るときは、ロックで透明ピクセルをロックすれば描画範囲だけ色が塗れますよ。
これに引き出しをつけるには、投げ縄ツールの裏にある、多角形選択ツールを使います。自由な直線でつないだ形が作れますので、適当に作った三角とドッキングさせれば角丸吹き出しの完成です。

関連記事

フォトショップで写り込みを作る

鏡の映り込みを選択範囲の自由変形とレイヤーマスクを使って作る

photoshopの画像の自由変形とレイヤーマスクを使う練習です。

フォトショップの起動画面

フォトショップのショートカットキーで作業効率を上げる

ショートカットキーとは簡単に言えば、マウスでメニューバーをクリック

薄暗い写真を明るくする方法

暗い写真を昼間のように明るくする方法

これはWEB限定の方法です。 暗い写真を昼間のように明るくする方

猫のラインのスタンプの絵を描いてます

猫のラインのスタンプ絵の下書きを描いてます

鉛筆で下書きしてマジックで描いたところです。 それをスキャナーで取り

346

フォトショップだけでGIFアニメを作る方法

久々にimage ready使ってみたらGIFアニメが作れない!!

年賀状ソフトなどで加工したJPGを読みこませて印刷する

フォトショップでフチなし印刷する方法

フォトショップではがきサイズに年賀状を作っても、いざフチなしで印刷

写真の遠近感を簡単に修正する方法

写真の遠近感を正面から撮った様に修正する方法

カメラで正面から撮影したいけど理由があって撮影できず、横から撮影した。

Message

メールアドレスが公開されることはありません。

キーボードのEが€(ユーロ)で元に戻らない
キーボードのEが€(ユーロ)で元に戻らない

息子がキーボードをぐちゃぐちゃ叩いたり踏んだりする。

肩がバキッ!0歳の息子を無理にうつ伏せから仰向けに寝返りさせたら
肩がバキッ!0歳の息子を無理にうつ伏せから仰向けに寝返りさせたら

1~2カ月前の話なんだけど、0歳の息子が寝る前に布団

no image
マイホームの予算を逆算、年収300万では2000万円が限界か

中古住宅、中古マンション・・・ こんなに綺麗な注文住宅

no image
のどスプレーは飲み物。美味しいので2日で1本飲む

風邪。特に喉が痛い。咽頭炎。 そんなときはのどスプレー

no image
子供の頭を洗うのはすすぎ時間は短いほうがいい?

入浴の際洗髪を嫌がる乳幼児は多い。 自己主張を始める「

→もっと見る

  • いいだしっぺ(これでいいだ)
    ブログのもくじ 私のプロフィール
    現代の幸福論に挑戦しています。
    ウクレレブログ好き。

PAGE TOP ↑