- 更新日:
- 公開日:
Photoshopで画像を丸く切り抜きする方法
画像や写真素材をPhotoshopを使用し丸く切り抜きする方法をご紹介します。
また、切り抜く素材の境界をぼかす事も簡単にできるので説明いたします。
※Windowsをご利用の方は「Command」→「Ctrl」、「option」→「Alt」に変えてお読みください。
使用ソフト
Adobe Photoshop CS6を使用
![Photoshop cc icon](/wp-content/uploads/Photoshop_cc.png)
Step1.素材を選択
「ファイル → 開く」を選択し、切り抜きしたい画像を選択します。
ショートカット「command + O」で開くを選択する事も可能です。
![circle-cut01.png ファイルを開く](/wp-content/uploads/circle-cut011.png)
今回の素材
![circle-cut02.png 今回の素材は猫の写真](/wp-content/uploads/circle-cut02.png)
Flickrさんから画像をお借りしました。
photo by carlos pons
Step2.切り抜く範囲を選択
ツールパネルから「楕円形ツール」を選択
![circle-cut03.png 楕円形ツールを選択](/wp-content/uploads/circle-cut03.png)
切り取る画像のレイヤーを選択します。
![circle-cut04.png 切り抜くレイヤーを選択](/wp-content/uploads/circle-cut04.png)
ドラッグすると円の点線が表示されます。
この点線が切り抜く範囲になります。(少々見づらいですが、、)
*「shift」を押しながらドラッグすると正円で範囲選択が可能です。
今回は正円で範囲を選択しています。
![circle-cut05.png 楕円形ツールを使い範囲を選択する](/wp-content/uploads/circle-cut05.png)
このページを見ている人におすすめの商品
Step3.円形に切り抜く
切り抜く方法を2つご紹介します
・方法1は、選択レイヤーを直接カットする方法です。
・方法2は、元の画像を残したままにして、新しいレイヤーに切り取った画像を複製します。(1つの画像から複数切り取る場合等に便利です)
切り抜き方法1
「command + shift + i」を押して、選択範囲を反転をします。
メニューバーの「選択範囲 → 選択範囲を反転」で選択できますが、効率化のためにショートカットを覚えましょう。
選択範囲を反転をしようすると画像の枠にも点線が付きます。
![circle-cut06.png 選択範囲を反転させる](/wp-content/uploads/circle-cut06.png)
「delete」を押して切り抜く
![circle-cut07.png 円に切り抜く](/wp-content/uploads/circle-cut07.png)
切り抜き方法2
「command + C」(コピー) → 「command + V」(ペースト)
![circle-cut08 2 (1).png コピー・アンド・ペースト](/wp-content/uploads/circle-cut08-2-1.png)
コピーしてペースト(貼り付け)すると、新しいレイヤーに選択範囲が複製されます。
![circle-cut09 2 (1).png 新しいレイヤーに選択範囲がコピーされる](/wp-content/uploads/circle-cut09-2-1.png)
元画像のレイヤーの表示のチェックを外すと、切り抜かれた画像が確認できます。
![circle-cut10.png レイヤーのチェックを外す](/wp-content/uploads/circle-cut10.png)
境界をぼかす
範囲選択する前にツールバーの「ぼかし」の値を設定
今回は「19px」に設定しました。
![circle-cut11.png ぼかしの値を設定](/wp-content/uploads/circle-cut11.png)
切り取る
「Step3.円形に切り抜く→方法2」と同じ操作で切り抜きます。
「command + C」(コピー) → 「command + V」(ペースト)
![circle-cut12.png ぼかして切り取る](/wp-content/uploads/circle-cut12.png)
選択範囲の解除(点線の解除)は「command + D」を押すと消えます。
![circle-cut13.png 選択範囲の解除](/wp-content/uploads/circle-cut13.png)
完成です。
![circle-cut15](/wp-content/uploads/circle-cut15.png)
まとめ
円形に切り抜いた素材を複数作って並べるとポップな感じになります。
また、ぼかしを使うと一味違った感じになります。例えば人物の写真を円形に切り抜いて周りをぼかすと優しい雰囲気になります。食べ物の場合、高級感が出たりします。
余分な空白をカットすることで、いまいちだなと思った写真や素材を自分好みに変形できるのでとても便利です。
私はPhotoshopがない時にWindowsに標準で入っているPaint(ペイント)というソフトを使って円形に切り抜こうとしたのですが、あまりに操作が複雑で苦労しました。
Photoshopでは簡単に画像の切り抜きができるので活用してみてください。