Sketchとは？
Sketchは、macOS専用のUI/UXデザインツールで、Webサイトやアプリの画面設計に使われています。軽量かつ直感的な操作で人気があり、FigmaやAdobe XDと並ぶ代表的なデザインソフトです。
PNG画像の角を丸くしたいときに必要な知識
画像の角を丸めるには、Sketchの「マスク機能」を使います。これにより、写真やスクリーンショットを非破壊的にトリミングし、角丸の見た目に加工できます。
Sketchで画像の角を丸くする方法
以下の手順でPNG画像の角を丸くできます：
✅ ステップ1：画像を読み込む
- Sketchを開いて、PNG画像をドラッグ＆ドロップ
- または
File > Insert > Imageから読み込み
✅ ステップ2：角丸の長方形を作る
Insert > Shape > Rectangleを選択- 画像と同じサイズにリサイズ
Inspectorで「Corner Radius」を設定（例：20px）
✅ ステップ3：マスクとして使う
- 画像と長方形を両方選択（
Shift + クリック） - 右クリック >
MaskまたはLayer > Mask > Use as Mask
SketchでPNG画像の角を丸くするには、マスク用の角丸Rectangleを使うのが最も簡単で安全な方法です。直感的な操作で初心者にも優しい設計になっており、UIデザインにおける細かい装飾にも役立ちます。