Photopeaの使い方:2025年の初心者向けガイドライン

執筆者 | 最終更新日 2025年7月1日

Photopeaの使い方

高価すぎたり、わかりにくかったりする写真編集ソフトウェアに行き詰まっていませんか?

多くの人は写真をきれいに見せたいと思っていても、複雑なプログラムにイライラしてしまいます。

朗報です!Photopea はプロの写真編集ソフトのように機能する無料のウェブサイトです。

しかし、始めるのはずっと簡単です。 

このガイドでは、Photopea の使い方を説明し、手間をかけずに写真を輝かせる方法を説明します。

クリエイティブなプロジェクトを始めましょう!

フォトペアCTA
フォトピー

毎日100万人以上のユーザーが、無料オンラインエディタ「Photopea」を使って素晴らしい写真や画像編集を行っています。今すぐクリックして、あなたの創造性を解き放ちましょう!

はじめに: 最初のステップ

素晴らしい画像を作り始める準備はできましたか?

Photopea はインターネット ブラウザで直接動作するため、非常に簡単に使用できます。

つまり、何もダウンロードしたりインストールしたりする必要はありません。

インターネットに接続できるほぼすべてのデバイスで使用できます。

自宅のパソコンでも、タブレットでも、スマートフォンでも。

  • Photopeaの開き方: ウェブブラウザ(Chrome、Firefox、Edgeなど)を開き、「www.photopea.com」と入力してください。これで完了です!数秒でメイン画面が表示されます。
  • 初めての見所:Photopeaスクリーン
  • Photopeaを初めて見た時、Photoshopを使ったことがある方はPhotoshopに似ていると感じるかもしれません。最初は難しそうに思えてもご安心ください。分かりやすく解説します。プロのデザインスタジオのようなものだと考えてください。
    • 左側のツール: 左側には、アイコンがずらりと並んでいます。これがツールボックスです!あなたのスタイルを変えるために必要なものがすべて揃っています。 画像描画ブラシから要素を切り取るツールまで。
    • 上部のメニュー: メインの作業領域の上には、[ファイル]、[編集]、[画像] などのメニューがあります。これらはドロップダウン リストに似ており、より幅広いオプションとコマンドを提供します。
    • 設定バー(メニューの下): このバーは大きく変化します!左側で選択したツールに応じて、表示されるオプションが異なります。例えば、ブラシを選択した場合は、ここにブラシのサイズが表示されます。
    • 右側のパネル: 右側には「パネル」と呼ばれるさまざまなボックスがあります。「レイヤー」パネルは非常に重要です。ここには、 デザインレイヤーについては後ほど詳しく説明します。
    • ワークスペース(中央): これは真ん中の一番大きな部分です。 グラフィック または写真が表示され、ここですべての編集の魔法が起こります。
  • プロジェクトを開いて開始する:
    • 既存の画像を開く: すでに持っている写真を編集したいですか?上部メニューの「ファイル」をクリックし、「開く」をクリックします。ポップアップウィンドウが開き、パソコン上のファイルを探すことができます。Photopeaは、Photoshopに標準搭載されているJPG、PNG、PSDファイルなど、様々な形式の画像ファイルを開くことができます。
    • まったく新しいデザインを始める: ゼロから何かを作りたい場合は、「ファイル」>「新規」を選択してください。画像の幅と高さ、背景色などの詳細を入力するボックスが表示されます。これらの数値は後で変更できるので、今は気にしすぎないでください。 後で.
    • ドラッグアンドドロップ: ファイルを開く最も簡単な方法は、画像ファイルをパソコンからドラッグしてPhotopeaウィンドウに直接ドロップすることです。とても簡単です!

これで、Photopea にアクセスして最初のプロジェクトを設定する方法がわかりました。

このチュートリアルの次の部分では。

Photopea を使って魅力的なコンテンツを作成する上で重要な役割を果たすレイヤーについて詳しく説明します。

ビデオチュートリアルもご覧ください ユーチューブ または、視聴したい場合は Google で検索してください。

Photopeaの個人的な体験

レイヤーを理解する:Photopeaの基礎

Photopea は、パンと具材の代わりに、本当にクールなサンドイッチを作るようなものだと考えてください。

たとえば、1 つのレイヤーに友達の写真を表示し、別のレイヤーにクールなテキストを表示するなどです。

3 つ目はカラフルな背景です。

これは、画像の他の部分に影響を与えずに画像の一部を変更できるため、非常に重要な機能です。

  • レイヤーパネル: Photopea画面の右側を見てください。すべてのレイヤーがリストされたボックスがあります。リストの一番上にあるレイヤーは、写真でも視覚的に一番上に表示されます。
  • 新しいレイヤーの追加: 既存のレイヤーに影響を与えずに新しいレイヤーを追加したい場合は、レイヤーパネルの下部にあるプラス記号の付いた小さな四角いアイコンをクリックしてください。これで、すぐに使える新しい空のレイヤーが作成されます。
  • レイヤーの表示(または非表示): 各レイヤーの横には小さな目のアイコンがあります。クリックすると、そのレイヤーの表示/非表示を切り替えることができます。これは、特定の要素の有無で写真の見え方を確認したい場合や、写真の特定の部分に焦点を当てたい場合に非常に便利です。 デザイン.
  • レイヤーに名前を付ける: レイヤーを追加すると、操作が複雑になります。レイヤーパネルでレイヤー名をダブルクリックすると、「マイピクチャ」や「レッド」など、覚えやすい名前に変更できます。 文章.” これにより、プロジェクトを整理しやすくなります。
  • レイヤーを上下に移動する: オブジェクトを他のオブジェクトの前面に表示するには、レイヤーパネルでそのレイヤーをクリックし、リスト内で上にドラッグします。下にドラッグすると、他のオブジェクトの背面に表示されます。透明なプラスチックシートを重ね直すような感じです。
  • コピーの作成(複製): レイヤーの正確なコピーを作成するには、レイヤーを右クリックして[レイヤーの複製]を選択します。または、レイヤーを選択してCtrl+J(Windowsの場合)またはCmd+J(Macの場合)を押すという簡単な方法もあります。 マック)。さまざまなアイデアを試すのに最適です。
  • レイヤーの削除: 間違えたり、不要になったレイヤーがある場合は、そのレイヤーを選択し、レイヤーパネルの下部にあるゴミ箱アイコンをクリックします。キーボードのDeleteキーを押すことでも削除できます。
  • シースルーレイヤー(不透明度)とブレンディング:
    • 不透明度: レイヤーパネルの上部に「不透明度」という設定があります。これにより、レイヤーの透明度を調整できます。この値を下げて、 オンライン かすかに他の画像を通して見える画像。
    • ブレンドモード: 「不透明度」の横に、「ブレンドモード」のドロップダウンメニューがあります。これらの変更は、あるレイヤーの色がその下のレイヤーの色とどのようにブレンドされるかを示しています。多くのオプションが用意されているので、試してみると本当に印象的な効果が得られます。この機能は使い慣れると非常に強力です。

レイヤーを理解することは、Photopea をプロのように使用するための大きなステップです。

さまざまなアイデアを試したり、間違いを簡単に元に戻したり、プロジェクトを PSD ファイルとして保存することでアートワークを整理したりできます。. 

すべてのレイヤーも保存されるため、後からいつでも戻って変更することができます。

Photopea PSDテンプレート

初心者のための必須ツール:Photopeaツールキット

Photopea には数多くのツールがありますが、一度にすべてを知る必要はありません。

デジタル プロジェクトを始めたばかりのときに最も頻繁に使用するものを見てみましょう。

これらは、このサイトでクールなものを作るための日常的なヘルパーです。

  • 移動ツール(ショートカット:V)
    • これが最初のステップになることが多いです。写真や何かを配置したと想像してみてください。 文章 あなたの キャンバスですが、位置が間違っています。移動ツール(矢印の付いたプラス記号)をつかみ、アイテムをクリックして目的の場所にドラッグしてください。キーボードの矢印キーを使って、細かく慎重に移動することもできます。
  • 選択ツール: 必要なものを選択する
    • 時にはただ作業したいだけ の一部 私たちの 画像そこは 選択 ツールは便利です。
    • 長方形選択ツール(ショートカット:M): 正方形や長方形を描くには、Shiftキーを押しながらドラッグします。正方形を描くには、Shiftキーを押しながらドラッグします。
    • 楕円選択ツール(ショートカット:M): 円や楕円を描きます。Shiftキーを押しながら描くと、完璧な形になります。 .
    • なげなわツール(ショートカット:L): これはフリーハンドで描くためのものです 選択奇妙で不均一な形状を選択する必要がある場合に最適です。
    • マジックワンドツール(ショートカット:W): これは賢いツールです!色をクリックすると、色が似ている近くの領域をすべて選択しようとします。画面上部の「許容値」設定で、「類似」の見え方を調整できます。
    • クイック選択ツール(ショートカット:W): これはさらに賢くなりました!ブラシのように動作します。オブジェクトに「ペイント」すると、Photopeaはエッジを推測してそのオブジェクトだけを選択します。選択範囲が広すぎる場合は、Altキー(Windows)またはOptionキー(マック)に伝える ない 選ぶ。
  • 切り抜きツール(ショートカット:C):
    • 写真の端に不要なものがある場合は、切り抜きツールを使って不要な部分を切り取ってください。ツールを選択し、ボックスの角をドラッグして残したい部分を囲み、Enterキーを押すと切り抜き範囲が表示されます。 画像これにより、写真の見栄えがさらに良くなります。
  • ブラシツール(ショートカット:B):
    • 直接絵を描いたりペイントしたりしたい キャンバス? ブラシツールが必要です。
    • サイズと硬度: ブラシを選択する際は、上部のバーを確認してください。ブラシのサイズを大きくしたり小さくしたり、エッジをシャープ(「ハード」)またはぼかし(「ソフト」)に調整できます。
    • 色: ツールバーの下部に、重なり合った2つの色の四角形が表示されます。これが前景色と 背景 色。クリックすると新しい色を選択できます。
  • 消しゴムツール(ショートカット:E):
    • 間違えてしまった?消しゴムツールは、実際の消しゴムと同じように、現在のレイヤーからピクセルを削除します。ブラシと同様に、サイズと硬さを変更できます。
  • テキストツール(ショートカット:T):
    • 写真に言葉を追加する必要がある場合や デザイン? 選択してください 文章 ツールをクリックして キャンバス入力を始めましょう!上部のバーで、文字のフォント、サイズ、色、配置を変更できます。 文章.
  • シェイプツール(ショートカット:U):
    • 正方形、円、その他の図形を追加したいですか?これらのツールは、グラフィックにクリーンでベクター風の要素を作成するのに役立ちます。図形の内側を単色にするか、アウトラインのみにするかを選択することもできます。
  • ズームツール(ショートカット:Z)とハンドツール(ショートカット:H):
    • ズームツール: 細かい部分までじっくりと見たい時もありますよね。ズームツールでクリックすると拡大表示します。Altキー(Windows)またはOptionキー(Mac)を押しながらクリックすると縮小表示します。
    • ハンドツール: 拡大すると、画像全体が見えない場合があります。手のひらツールを使ってクリックして表示することで、オブジェクトのさまざまな部分を見ることができます。プロのヒント:キーボードのスペースバーを押し続けると、使用中のツールが一時的に手のひらツールに切り替わります。これは高度なテクニックですが、非常に便利です。

これらのツールが出発点となります。

慣れてきたら、クールな効果(ぼかしやシャープ化など)を実現するフィルター メニューなどの他のツールも試してみましょう。

または、Photopea Reddit コミュニティでヒントを確認してください。

Photopeaの主なメリット

Photopeaの基本的な写真編集テクニック

基本的なツールがわかったので、実際に使ってみましょう。

これらは、Photopea で写真の質を高めるために人々が行う最も一般的な方法の一部です。

それはまるで写真に手早くイメージチェンジを与えるようなものです。

  • 写真のサイズ変更とトリミング:
    • 切り抜き: 切り抜きツール(C)については以前説明しました。これは、写真の不要な部分をハサミで切り取るようなものです。これにより、写真の最も重要な部分に焦点を当てることができ、特に次のようなプラットフォームで写真の見栄えを良くすることができます。 フェイスブック またはInstagram。
    • サイズ変更: 画像のサイズを変更して大きくしたり小さくしたりしたいですか?トップメニューの「画像」→「画像サイズ」へ進んでください。幅と高さの数字が表示されます。それらの横にある小さなチェーンアイコンが閉じている(連結されている)ことを確認してください。これにより、サイズを変更した際に画像が縮んだり引き伸ばされたりすることがなくなります。正しいサイズを維持するのに役立ちます。 形式.
  • 写真を明るくしたり暗くしたり(さらにもっと):
    • 明るさとコントラスト: 写真をもっと鮮やかにする一番簡単な方法は、「イメージ」>「色調補正」>「明るさ・コントラスト」と進むことです。2つのスライダーが表示されます。「明るさ」を動かすと明るくなったり暗くなったりします。「コントラスト」を動かすと暗い部分をより暗く、明るい部分をより明るくできます。
    • レベルとカーブ(より詳細なコントロール): より正確な変更をするには、「イメージ」>「色調補正」>「レベル補正」または「イメージ」>「色調補正」>「トーンカーブ」をお試しください。 曲線 最初は少し難しいように思えるかもしれませんが、写真のさまざまな部分の明るさや暗さを驚くほど細かくコントロールできます。ぜひ試してみてください! 教師 または簡単な オンライン 検索すると ビデオ チュートリアルこれらがどのように機能するかについて説明します。
  • 写真の色を修正する:
    • 色相/彩度: 「イメージ」→「色調補正」→「色相・彩度」を選択します。これは色を変えるのに最適です。「色相」は実際の色を変えます(青空を紫色にするなど)。「彩度」は色をより鮮やかにしたり、より淡くしたりします。「明度」は全体を明るくしたり暗くしたりします。
    • カラーバランス: 「イメージ」→「色調補正」→「カラーバランス」を選択します。これにより、写真の色を赤、緑、青(またはそれらの補色)に近づけることができます。黄色が強すぎたり青が強すぎたりする写真を修正するのに効果的です。
  • 背景の削除(マジックカット機能):
    • これはPhotopeaの本当に素晴らしい機能です!人物や物体を背景から切り抜きたい場合は、「選択」メニューから「マジックカット」を選択してください。Photopeaはインテリジェントな技術を駆使し、残したい部分と削除したい部分を自動で判断します。
    • 緑と赤のブラシが表示されます。緑のブラシを使って、塗りたい部分を塗りつぶします。 保つ、そして赤いブラシで背景を塗りつぶします 取り除く手動で選択する代わりに、素早く簡単に使用できます。ロゴやベクターグラフィックなどの透明な画像を作成するのに非常に便利です。
  • 写真にテキストを追加する:
    • 前回は 文章 ツール(T)をクリックし、写真をクリックしてメッセージを入力します。
    • 上部のバーでテキストのフォント、サイズ、色を変更できます。テキストの追加は、ポスターや招待状などを作成するのに最適です。 ソーシャルメディア グラフィック。

これらの基本的な手順は、写真をすばやく改善し、新しいデザインを作成するのに役立ちます。

練習を続けると、Photopea をより速く、より上手に使えるようになります。

Photopea オンライン写真編集ソフト

写真のレタッチと補正

基本的な作業が完了したら、写真を「レタッチ」したいと思うかもしれません。

これは、小さな欠陥を修正したり、特定の部分を強化して見た目をさらに良くすることを意味します。

Photopea には、まるで魔法の杖のような便利なツールがいくつかあります。

  • スポット修復ブラシツール(ショートカット:J):
    • 誰かの顔に小さな傷があったり、カメラのレンズにほこりが付着していたり​​して、写真に写ってしまったことはありませんか?このツールは、そんな小さな問題を解決するのに最適です。
    • スポット修復ブラシを選択し、ブラシのサイズが除去したいスポットより少し大きいことを確認して、スポット部分をクリックします。Photopeaは周囲の色とテクスチャを使って、そのスポットをインテリジェントに塗りつぶします。細かい修正も超高速で行えます!
  • クローンスタンプツール(ショートカット:S):
    • このツールは少し高度ですが、非常に強力です。大きなオブジェクトを削除したり、パターンを複製したりしたい場合を想像してみてください。
    • 仕組みは次のとおりです。
      1. クローンスタンプツールを選択します。
      2. Altキー(Windowsの場合)またはOptionキー(Macの場合)を押したまま、移動したい領域をクリックします。 コピー から。ここがあなたの「ソース」エリアです。
      3. 次に、Alt/Optionキーを放すか、削除したい領域をクリックします。 修理Photopeaは、ソースエリアのピクセルをペイントする場所に「スタンプ」します。これは、不要なものを、画像のよりきれいな部分のピクセルで置き換えて消すのに最適です。
  • 覆い焼きと焼き込みツール(ショートカット:O):
    • これらのツールは、写真の特定の部分の明るさを調整するように設計されています。
    • 覆い焼きツール(ロリポップのような形)は、特定の領域を明るくします。影の中のディテールを際立たせたり、ハイライトを際立たせたりするのに使えます。
    • 焼き込みツール(手で「O」の形を作ったようなツール)は、特定の領域を暗くします。影に深みを加えたり、色彩を鮮やかにしたりするのに使えます。
    • これらのツールを使用する際は、上部のバーをご覧ください。「シャドウ」(暗い部分)、「ミッドトーン」(中間色)、「ハイライト」(明るい部分)のいずれかにのみ効果を適用するように選択できます。これにより、非常に細かい調整が可能です。
  • ぼかしとシャープツール:
    • これらのツールは、通常、ブラシ アイコンをクリックして押し続けると、その下にグループ化されて表示されます。
    • ぼかしツールは、細部を柔らかくします。背景を少しぼかしてメインの被写体を際立たせたり、ざらざらした部分を滑らかにしたりするのに使えます。
    • シャープツールは、エッジやディテールを強調し、より際立たせます。ただし、使用には注意が必要です。シャープニングをやりすぎると、写真が粗くなったり不自然に見えたりすることがあります。少しだけシャープニングすると、より鮮明に見えるようになります。

これらのツールを使用すると、良い写真を素晴らしい写真に変えることができます。

小さな問題に対処し、主要な主題が本当に目立つようにします。 

練習すれば完璧になりますので、さまざまな写真で試してみて、何ができるか見てみましょう。

Photopeaの強力なプラグイン

結論

Photopea は、強力な写真編集機能を Web ブラウザーで直接利用できる素晴らしい無料ツールです。

開始方法を学びました。

主要なツールを活用して、切り抜き、色補正、レタッチなどの基本的な編集を実行します。

さて、最高の部分:作成を始めましょう!

実験したり新しいことに挑戦したりすることを恐れないでください。

Photopea を使えば使うほど、使い慣れて上手になります。

開いて、想像力で写真に命を吹き込んでください!

Photopeaの代替品

ニーズに応じて、写真編集とデザインに検討できるその他のツールをいくつか紹介します。

  • ピクアート: 豊富なステッカー、エフェクト、描画ツールを備えた、非常に人気の高いオールインワンエディター。巨大なコミュニティを誇り、幅広いクリエイティブデザインやコラージュに最適です。
  • カンバ: グラフィックデザインツールとしての側面が強く、豊富なテンプレートライブラリを備え、ソーシャルメディア用グラフィック、プレゼンテーション、デザインの作成に最適です。ビジュアルコンテンツ向けの強力なAI機能も備えています。
  • デザインピクル: これはDIYアプリではなく、グラフィックデザインサービスです。月額料金を支払うことで、プロのデザイナーがデザインリクエストに対応してくれるので、継続的なニーズに最適です。
  • ブレイズ: これはAIを活用したライティングおよびコンテンツ生成ツールを指します。AIで基本的な画像を生成することは可能ですが、写真編集ではなく、ブログ記事やメールなどのマーケティングコンテンツの作成に主眼を置いています。
  • フォトル: 切り抜き、サイズ変更、テキストの追加、コラージュの作成、基本的なグラフィック デザインのための幅広いオンライン ツールを提供する、ユーザーフレンドリーな写真エディターです。
  • レミニ: 古い写真、ぼやけた写真、画質の低い写真の補正に特化しています。AIを活用して、画像のぼやけやノイズを除去し、復元することで、より鮮明でシャープな画像に仕上げます。
  • ユーカムパーフェクト: 美しさの強化、自動装飾、背景の削除、楽しい効果に特化した自撮りおよび写真編集アプリです。
  • ピクセルカット: AI を活用した背景除去と製品写真作成に重点を置いており、きれいな製品画像を必要とする e コマース販売者に最適です。
  • VSCO: 映画にインスパイアされたユニークなフィルターと高度な写真編集機能で人気を博しています。特定の芸術的美学を求めるユーザーに応え、活発なコミュニティを形成しています。
  • フォトルーム: AIを活用し、背景を簡単に除去し、プロフェッショナルな商品写真を作成するのに優れています。特にオンライン販売を迅速に行うために、クリーンな画像を生成するように設計されています。
  • フォトショップ: 完全なデスクトップ版 Photoshop はプロフェッショナル編集の業界標準ですが、Photoshop Express は編集、コラージュ、および簡単な強化のための強力なモバイル ツールを提供します。
  • ピクセラ: ブラウザで動作する Web ベースの写真エディタです。ダウンロードせずに、すばやく調整したりクリエイティブな効果を加えたりする幅広い一般的な編集ツールを提供します。
  • フォトピー: Photoshop と非常によく似た機能を持つ無料のオンライン エディターです。多くの高度な機能を使用して、Web ブラウザーで直接 PSD (Photoshop) ファイルを開いて編集できます。
  • フェドラ: AI を活用した画像編集および作成ツール。ユーザーはテキストまたは音声コマンドを使用して画像を変更でき、AI によって複雑なタスクが簡素化されます。

よくある質問

Photopea は本当に無料で使えるのでしょうか?

はい、Photopeaはオンラインで完全に無料でご利用いただけます。編集を始めるために、機能に料金を支払ったり、ソフトウェアをダウンロードしたりする必要はありません。

Photopea は Photoshop ファイルを開くことができますか?

はい、PhotopeaはPhotoshop(PSD)ファイルの読み込みと保存に優れています。Photoshopをお持ちでない場合、Photopeaは優れた代替手段となります。

Photopea を使用するにはダウンロードする必要がありますか?

いいえ、Photopeaはウェブベースのアプリケーションです。ダウンロードやインストールは不要で、あらゆるデバイスのインターネットブラウザから直接ご利用いただけます。

Photopeaは初心者に適していますか?

まさにその通りです!高度な機能を備えながらも、Photopeaの基本ツールはユーザーフレンドリーなので、写真編集やグラフィックデザインを学ぶ初心者に最適です。

Photopea で作業を保存するにはどうすればよいですか?

プロジェクトはレイヤー付きでPSDファイルとして保存できます(「ファイル」>「PSDとして保存」)。最終的な画像は、JPG、PNG、またはその他の形式でエクスポートできます(「ファイル」>「名前を付けてエクスポート」)。

関連記事