itWEBデザインなどをしていると画像の角を丸くしたいケースはよくあります。自分で撮影した写真をブログなどに載せるときにも「角を丸くしたいな~」なんてこともありますが、その際にはほんの少し工程が変わるので、ここではPhotoshopで角丸の画像を作る2通りの工程を解説します。初心者でも60秒くらいでマスターできるので、覚えておくと便利です。ウィンドウを開きます。任意のカンバスサイズを入力してOKをクリック。(ここでは幅1200px・高さ800px・解像度72pixel/inch)長方形ツールを右クリックするとさまざまな形のツールが出てくるので、角丸長方形ツールを選択。オプションバーでシェイプを選び、丸みを任意の数値(ここでは20px)に変更します。ドキュメントウィンドウ上にカーソルを持っていき、ドラッグしながらシェイプを作成します。続いて角丸にしたい画像を新規で開き、シェイプを作成したドキュメントウィンドウにドラッグ&ドロップします。こちら角丸のシェイプの上にドロップした画像レイヤーを右クリック(サムネイル上で右クリックしないように)してクリッピングマスクを作成します。すると、角丸シェイプの形と同じように画像の角が丸くなりました。背景をベタ塗りすることも可能です。自分で撮影した画像などをPhotoshopで開いた時点では、色調補正などをすることはできますが、切り抜いたり、角を丸くするための加工はできません。そのため、まずは背景となっている画像を↓のようにドラッグして複製レイヤーを作成します。複製したレイヤーは目のマークを外して一旦非表示にしておき、新規で角丸のシェイプを作成します。複製レイヤーを右クリックしてクリッピングマスクを作成し、今度は背景を非表示にすれば角丸写真が完成します。基本的にはJPEGでOKなので、保存をクリック。views1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとマーケティングと玄米ご飯。webデザインphotoshopで背景を透明なままPNGで保存するのは簡単...2014.05.07セルフブランディング会社のホームページデザインは本当にそれで大丈夫??ヘッダーで...2014.01.22webデザインPhotoshopで自由に点線(直線・曲線・図形を囲む)を書...2016.09.08フォトショップ「ちょっと待って!」Photoshopの初心者にありがちな間...2016.04.20webデザイン「コレがやりたかった!」GIFアニメ(動く画像)のPCモック...2017.02.12フォトショップphotoshopで違和感なくほくろやシミを消す方法。views2photoshopで文字や図形を縁取りする1番簡単な方法。「盲点って本当に見えていないの・・?」読書嫌いな私がむさぼり読んでしまった【進化しすぎた脳】が面白い...「盲点って本当に見えていないの・・?」読書嫌いな私がむさぼり...あ、そーゆーことねっ!物事の本質を見極めるための俯瞰的視点と相互理解について。【保存版】Photoshopの技術を一気に飛躍させるための日...これだけはブクマしておきたい!Youtubeなどの動画制作で”マジで使える”...これだけはブクマしておきたい!Youtubeなどの動画制作で...これは知らないと損!背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動...これは知らないと損!背景が透明なPNG画像の輪郭をなじませる...これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニッ...これさえ身につけてしまえば、ほぼ思い通りの作品が作れるように...1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとマーケティングと玄米ご飯である。ブログで自由なライフスタイルを実現するためのアイデアと思考とデザインをシェアしています。Reserved.小笠原広記1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインと玄米ご飯。フリーランス時代に独学で身に付けた技術を活かし、世界規模のデザインコンテストで日本人初の大賞を受賞&Photoshopの専門書を出版。ブログ集客のエキスパートとして企業や個人のコンサルティングをしながら、コンテンツマーケティングやコピーライティングを手掛けるブログマーケターである。