PremiumPNG 画像エディターで PNG 画像をオンライン編集する方法
PremiumPNG.com のどの透過 PNG もブラウザーで直接開き、部分を切り抜いて色を変え、背景、テキスト、エフェクトを加えて、新しい PNG として保存できます — 透明度もそのまま、Photoshop は不要です。
PremiumPNG 画像エディターでできること
画像エディターは、ウェブブラウザーで動くレイヤー対応の写真編集ツールです。PremiumPNG.com の PNG 画像をフルサイズで開き、透明度を保ったまま、画像をあなただけのデザインに仕上げるツールを提供します — SNS、メニュー、チラシ、ウェブサイト、プレゼンテーションに。
- レイヤー、描画モード、クリッピングマスク
- なげなわ、自動選択、長方形選択による選択
- 色相・彩度、レベル補正、カラーバランス
- フォント、縁取り、影、スタイル付きのテキスト
- リアルタイムプレビュー付きの 80 種類以上のエフェクト
- 画像検索:PremiumPNG の画像をレイヤーとして追加
- PNG で保存、JPEG・WebP・PSD・PDF に書き出し
- ZIP、7Z、TAR.GZ などで保存
- 透明度を保持 — 元画像は変わりません
1「画像を編集」で PNG を開く
PremiumPNG.com で透過 PNG を探します。検索、カテゴリ、またはすべての PNG 画像を見るから探せます。画像ページを開き、プレビューの下にある黄色の画像を編集ボタンをクリックします。
画像エディターは、透かしのないフルサイズの元画像を、移動元のページと同じ言語で開きます。大きな画像(ここでは 4096 × 4096 ピクセル)も数秒で開きます。PremiumPNG.com の元画像が変更されることはありません。作業内容は新しい PNGとして保存されます。
2画像の一部を選択する
画像の一部だけを変更するには、まずその部分を選択します。なげなわボタンには 3 つのツールがあります — ボタンの上でマウスを押し続けるか、右クリックして選びます。
- なげなわ(L) — 部分の周りを自由に囲みます。
- 多角形選択(Shift+L) — 角から角へクリックして直線の輪郭を作ります(下のコーンのように)。最初の点をもう一度クリック(またはダブルクリック)すると選択範囲が閉じます。
- マグネット選択(Shift+L) — マウスを動かすと、輪郭がオブジェクトの縁に吸い付きます。
自動選択(W)はクリック 1 回で同じ色の範囲を選択し、長方形選択(M)は四角形の範囲を選択します。選択メニューでは、選択範囲のぼかし、拡張、縮小、滑らかに、反転ができます。
3選択範囲を独立したレイヤーにする
Ctrl+X で選択部分を切り取り、Ctrl+V で貼り付けると、同じ位置に新しいレイヤー("Pasted 1")になります。これで、画像のほかの部分に触れずに、その部分だけ色を変えたり、移動したり、サイズを変えたりできます。
元の画像を残したい場合は、Ctrl+X の代わりに Ctrl+C(コピー)を使うか、結合部分をコピー(Ctrl+Shift+C)ですべてのレイヤーの見えている内容をコピーします。
4色調補正で色を変える
イメージメニューには色に関するすべてのツールがあります。明るさ・コントラスト、色相・彩度(Ctrl+U)、レベル補正(Ctrl+L)、カラーバランス(Ctrl+B)、自然な彩度、自動レベル補正、階調の反転、彩度を下げる、セピアなどです。どのウィンドウでも、スライダーを動かしている間にリアルタイムでプレビューされます。
ここでは色相・彩度でコーンのレイヤーに新しい色を付けています。色相で色を変え、彩度で色の濃さを、明度で明るさを調整します。色彩の統一にチェックを入れると、レイヤー全体が 1 色になります。
5グラデーションの背景を追加する
透過 PNG にはどんな背景でも付けられます。長方形ツール(U)で画像全体に四角形を描くと、新しいレイヤーになります。それを右クリックしてレイヤーを最背面へ(Ctrl+Shift+[)を選ぶと、アイスクリームの後ろに移ります。
次にグラデーションツール(Shift+G)を選び、長方形の上をドラッグします。線形か円形と既製のグラデーションを選びます — 下のレインボーは、赤い点から始まる円形グラデーションです。単色でもかまいません。その場合は塗りつぶし(G)を使います。
6テキストとテキストスタイルを追加する
テキストツール(T)を選んで画像をクリックします。テキストを編集ウィンドウに文字を入力し、テキストを適用をクリック(または Ctrl+Enter)します。テキストはそれぞれ独立したレイヤーなので、後でダブルクリックすれば文字を変更できます。
右側のテキストパネルでは、フォント(自分の .ttf や .otf ファイルも可)、サイズ、配置、文字間隔、塗り、グラデーション、縁取り、影を設定できます。いちばん早いのは、テキストスタイルのどれかをクリックすることです — 光彩、ネオン、3D、縁取り、ステッカーなど。上にある 2 つの色を使うので、クリック 1 回で統一感のある見た目になります。
7エフェクトライブラリと画像検索
ウィンドウメニューから 2 つの便利な機能を開けます。
- エフェクトライブラリ — 80 種類以上のエフェクトがグループ別に並んでいます(変形とゆがみ、ぼかしとフォーカス、アート、光とレンズ、カラー…)。どれもリアルタイムでプレビューでき、ぼかし、光彩、スケッチ、周辺光量、渦巻き、ミラー、反射など多数あります。
- 画像検索 — エディターを離れずに PremiumPNG.com のコレクションを検索できます。結果をクリックすると、新しいレイヤーとして画像に追加されます — ここではピンクのアイスクリームをひとすくい。
レイヤーパネルでは、レイヤーを上下にドラッグして順序を変えたり、目のアイコンで非表示にしたり、ロックしたりできます。変形パネルでは、位置、サイズ、回転を正確に指定し、レイヤーを整列できます。
8いらない部分を消す
消しゴムボタンには 3 種類の消しゴムがあります。
- 消しゴム(E) — ソフトまたはハードなブラシで消します。サイズと硬さは上部で設定するか、[ と ] キーを使います。
- 背景消しゴム — オブジェクトの周りの背景色を消し、縁は残します。
- マジック消しゴム — クリック 1 回で同じ色の範囲を消します。
消した部分は透明になり、Ctrl+Z で元に戻せます。ブラシ、コピースタンプ、スポット修復ブラシ、ぼかし、指先、覆い焼き、焼き込みの各ツールも同じように使えます。
9PNG を保存、または JPEG、WebP、PDF などに書き出す
右上のPNG を保存をクリックすると、変更内容を含む新しい PNG ができ、透明な部分は透明のままです。
ほかの形式にするにはファイル › 形式を指定して書き出しを選びます。幅、高さ、解像度を設定し、背景を選べます。
- 画像:PNG、JPEG、WebP、AVIF、GIF、TIFF、PSD、BMP、TGA、ICO(アイコン)、RAW
- ドキュメント:PDF
まだ終わっていない場合は、ファイル › プロジェクトとして保存ですべてのレイヤー、テキスト、スタイルを残せます。後でファイル › プロジェクトを開くから再び開けます。
10圧縮ファイルとして保存(ZIP、7Z、TAR.GZ…)
画像をメールで送りたい、またはサイズを小さくしたいときは、ファイル › 圧縮ファイルとして保存を選びます。画像形式(PNG、JPEG、WebP)と圧縮形式を選んで保存をクリックすると、エディターが画像を保存し、1つの圧縮ファイルにまとめてダウンロードします。
- ZIP - どのパソコンやスマホでも開けます
- 7Z - 7-Zip、WinRAR、Windows 11 で開けます
- CAB、TAR、TAR.GZ、GZ - Windows、Linux、Mac 向け
ファイル名は画像の名前になります(例:AI-Red-Fox-edited.zip)。前回選んだ形式はエディターが覚えています。
ツールとキーボードショートカット
ツールはほかのプロ向け写真編集ソフトと同じように動作し、キーボードショートカットも同じです。エディターでツールにマウスを重ねると、名前とショートカットが表示されます。ツールボタンの小さな三角は、ほかのツールも入っていることを示します。ボタンの上でマウスを押し続けると選べます。
| キー | ツール | 用途 |
|---|---|---|
| V | 選択 / 移動 | レイヤーの選択、移動、拡大・縮小、回転 |
| M / Shift+M | 長方形 / 楕円形選択 | 四角形または楕円の範囲を選択する |
| L / Shift+L | なげなわ / 多角形選択 / マグネット選択 | フリーハンド、直線、または縁に沿って選択する |
| W | 自動選択 | 同じ色の範囲を選択する |
| C | 切り抜き | 画像を新しいサイズに切り抜く |
| I | スポイト | 画像から色を拾う |
| B / N | ブラシ / 鉛筆 | やわらかい線やくっきりした線を描く |
| E | 消しゴム | 透明になるまで消す(背景消しゴムとマジック消しゴムもあり) |
| S | コピースタンプ | 画像の一部を別の場所にコピーする |
| J | スポット修復ブラシ | しみや小さな傷を取り除く |
| R / Shift+R | ぼかし / 指先 | 画像の一部をぼかす、またはこすってなじませる |
| O / Shift+O | 覆い焼き / 焼き込み | 部分的に明るく、または暗くする |
| G | 塗りつぶし | 範囲を色で塗りつぶす |
| Shift+G | グラデーション | 線形または円形のグラデーションで塗る |
| T | テキスト | テキストレイヤーの追加と編集 |
| U / Shift+U | 長方形 / 楕円 | 図形を新しいレイヤーとして描く |
| \ | 直線 | 直線を描く(Shift で 45° 刻み) |
| H / Z | 手のひら / ズーム | 表示の移動とズーム |
ほかにも便利: Ctrl+Z 取り消し, Ctrl+X / Ctrl+C / Ctrl+V 切り取り、コピー、貼り付け, Ctrl+A すべてを選択, Ctrl+U 色相・彩度, [ ] ブラシサイズ.