メインコンテンツにスキップ
すべてのコレクションPhotoRoomを使い始める
最初のPhotoroomデザインを作成する
最初のPhotoroomデザインを作成する
C
対応者:Craig Wright
2週間以上前に更新

Photoroomを初めてお使いになる方のための記事です。ここでは、初めてPhotoroomでデザインを作成する際の基本的な操作方法をご案内します:

  1. 写真のアップロードと背景の削除

  2. 画像サイズと背景のテンプレートの選択

  3. デザインにテキストや図形を追加

  4. レイヤーの使用

  5. デザインの保存

AI機能についてはここでは説明しませんが、ヘルプセンターのPro機能の記事でご覧いただけます。

始める準備はできましたか?お使いのデバイスの指示に従ってください。


iPhoneとiPadのチュートリアル

ビデオを見るか、以下の各ステップの指示に従ってください。

(ビデオはiPhoneのPhotoroomです)

ステップ1:写真をインポートする

写真をインポートするには

  1. 作成ページで、写真から 始めるを選択します。

  2. どちらかを選択します:

    1. カメラロールから画像を選択します。これはデバイスのフォトギャラリーです。

    2. カメラ]を選択し、デバイスで撮影した新しい写真を使用します。

    3. フォルダから写真を選択するには、「ファイル」を選択します。

  3. 画像を選択するか写真を撮影すると、Photoroom は自動的にその画像を取り込み、背景を削除します。

    Photoroom has imported an image of a sweater. The background of the image has been removed, so is now transparent.


    注:画像の一部を復元または削除する必要がある場合は、切り取りツールを使用できます。このチュートリアルでは取り上げませんが、「カットアウト編集で画像の一部を追加・削除する」


  4. テンプレートは画像のキャンバスです。画像のサイズを設定し、写真の被写体だけでなく、背景やさまざまな前景オブジェクトを含めることができます。

    テンプレートを選択すると、Photoroomはエディタにデザインを表示します。このチュートリアルでは、薄いピンクの背景のMinimal Shopテンプレートを選択しました。

    Edit page for an imported image. The image has a template background and there are options for Layers, Insert, Text, Backgrounds, Shadows, and Resize.


    この段階で、デザインに満足したら、エクスポートを選択して保存し、共有することができます。しかしチュートリアルでは、画像をさらに編集する方法を紹介します。

ステップ2:ステッカーとテキストを追加する[オプション]

Photoroomの編集機能がどのように機能するかを知るために、ステッカーとテキストをデザインに追加してみましょう。

  1. 挿入を選択します。

  2. 下にスクロールすると、デザインに追加できるオブジェクトのカテゴリがたくさん表示されます。Shapesカテゴリを見て、Stickers を選択します。

    Close-up of Insert options. There is a Shapes category and inside that, options for Classics, Stickers, Blobs and more.
  3. ステッカーの形状を選択します。Photoroom はステッカーをデザインに追加します。ステッカーの設定は下部に表示されます。これらはレイヤー設定と呼ばれます。

    A sticker shape has been added to the design. It is positioned over the main object of the image, on a separate layer. The layer settings for the sticker are shown at the bottom of the page.



    注:オブジェクトを選択すると、Photoroom はそのオブジェクトの「レイヤー設定」を下部に表示します。これらの設定を使用して、選択したオブジェクトの外観を変更できます。

  4. ステッカーの色を選択します。リストから色を選択するか、カラーホイールを選択してより大きな色のパレットを表示します。

    The sticker's layer settings include 6 suggested colors and a color spectrum. When the color spectrum is selected, a larger palette of colors is shown.
  5. ジェスチャーを使用してステッカーのサイズを変更し、希望の位置までドラッグします。

    The sticker has been made smaller and repositioned in the top-left corner.


    デザインのメインオブジェクトの上に配置されていることがわかります。これは、ステッカーが別のレイヤーにあるためです。

  6. ステッカーのレイヤー設定で完了を選択します。

  7. レイヤーを選択します。

  8. ここで、あなたのデザインの異なるレイヤーを見ることができます。リストの一番下のレイヤーが背景で、その上に他のレイヤーが順番に重なっています。

    The Layers show a stack of layers, where the sticker layer called
  9. メインオブジェクトのレイヤーの端にある水平線を長押しします。(このデザインの場合、レイヤーは「服」と呼ばれます)。レイヤーをドラッグして、他のレイヤーより上になるようにします。こうすることで、レイヤーが他のすべてのレイヤーの前に表示されます。

    あなたのメインオブジェクトがステッカーの前に移動します。

    The clothing layer is now at the top of the layers stack. The sticker is now shown behind the clothing layer.
  10. レイヤー設定で完了を選択します。

  11. メイン・オブジェクトを選択します。ジェスチャーを使ってサイズを変更し、希望の位置までドラッグします。

  12. メインオブジェクトのレイヤー設定で完了を選択します。

  13. テキストを選択します。

  14. Sale」などのテキストを入力し、下部のオプションからテキストスタイルを選択します。

    The insert text page. There is an area for typing the text and a sideways-scrolling list of text styles.
  15. 完了を選択します。

  16. テキストをステッカーの上に配置し、ジェスチャーを使ってサイズを変更します。

    The layer stack is reordered so that clothing is top, text is next, graphics are third, and background is last.
  17. テキストのレイヤー設定で色を選択します。

  18. テキストレイヤーで完了を選択します。

  19. レイヤーを選択し、テキストレイヤーをステッカーレイヤーの上に、メインオブジェクトレイヤーの下になるように移動します。

    Layers. The Clothing layer is at the top of the list, then the Sale text layer, then the Graphics sticker layer, and finally the background layer
  20. 完了を選択して確定し、レイヤー設定を閉じます。

  21. デザイン内の前景オブジェクトを選択し、ジェスチャを使用して移動やサイズ変更を行います。

    The final design has a pale pink background, a blue sticker in the top-left with the word

これで、次の方法を学びました:

  • テキストと図形の追加

  • レイヤー設定を使用する

  • レイヤーの順序を変更する。

デザインを編集する方法は、画像を追加したり、さまざまなエフェクトを適用したりと、他にもたくさんあります。

次に、デザインを保存しましょう。

ステップ 3: デザインの保存

デザインを保存するには、エクスポートを選択します。デフォルトでは、Photoroomはあなたのデバイスと現在のPhotoroomワークスペースにデザインを保存します。これはデザインのプレビューの下に表示されます。

Close-up of the information on the Export page. There is a preview of the saved design and below it Photos and Personal space.

この例では、デザインはデバイスの写真とPhotoroomのパーソナルスペースのワークスペースに保存されます。

エクスポートページから、デザインを他の人と共有したり、カメラロールに再度保存したり、デザインをフォルダに保存したりすることもできます。

注:Photoroomには、デザインを保存して共有するための多くのオプションがあります。これらのオプションについては、デザインをエクスポートするを参照してください。

よくできました!最初のPhotoroomデザインが完成しました。コンテンツページのデザインセクションからアクセスできます。

しかし、他にもできることはたくさんあります!ヘルプやヒントについては、ナレッジベースの記事を参照してください。

関連コンテンツ

YouTubeの「Photoroomの使い方」ビデオ(英語のみ)をご覧ください。


Androidチュートリアル

ビデオを見るか、以下の各ステップの指示に従ってください。

(ビデオはAndroidのPhotoroomを示しています)

ステップ1:写真をインポートする

写真をインポートします:

  1. 作成ページで、写真から 始めるを選択します。

  2. どちらかを選択します:

    1. ギャラリーから画像を選択します。これはデバイスのフォトギャラリーです。

    2. カメラ]を選択し、デバイスで撮影した新しい写真を使用します。

    3. フォルダから写真を選択するには、「ファイル」を選択します。

  3. 画像を選択するか写真を撮ると、Photoroom は自動的にその画像を取り込み、背景を削除します。

    Photoroom has imported an image of a sweater. The background of the image has been removed, so is now transparent.

    注:画像の一部を復元または削除する必要がある場合は、切り取りツールを使用します。このチュートリアルでは取り上げませんが、「カットアウト編集で画像の一部を追加・削除する」


  4. テンプレートは画像のキャンバスです。画像のサイズを設定し、写真の被写体だけでなく、背景やさまざまな前景オブジェクトを含めることができます。

    テンプレートを選択すると、Photoroomはエディタにデザインを表示します。このチュートリアルでは、薄いピンクの背景のMinimal Shopテンプレートを選択しました。


    この段階で、デザインに満足したら、エクスポートを選択して保存し、共有することができます。しかしチュートリアルでは、画像をさらに編集する方法を紹介します。

ステップ2:ステッカーとテキストを追加する[オプション]

Photoroomの編集機能がどのように機能するかを知るために、ステッカーとテキストをデザインに追加してみましょう。

  1. 挿入を選択します。

  2. 下にスクロールすると、デザインに追加できるオブジェクトのカテゴリがたくさん表示されます。Shapesカテゴリを見て、Stickers を選択します。

  3. ステッカーの形状を選択します。Photoroom はステッカーをデザインに追加します。ステッカーの設定は下部に表示されます。これらはレイヤー設定と呼ばれます。



    注:オブジェクトを選択すると、Photoroom はそのオブジェクトの「レイヤー設定」を下部に表示します。これらの設定を使用して、選択したオブジェクトの外観を変更できます。

  4. ステッカーの色を選択します。リストから色を選択するか、カラーホイールを選択してより大きな色のパレットを表示します。

  5. ジェスチャーを使用してステッカーのサイズを変更し、希望の位置にドラッグします。


    デザインのメインオブジェクトの上に配置されていることがわかります。これは、ステッカーが別のレイヤーにあるためです。

  6. ステッカーのレイヤー設定で完了を選択します。

  7. レイヤーを選択します。


    ここで、あなたのデザインの異なるレイヤーを見ることができます。リストの一番下のレイヤーが背景で、その上に他のレイヤーが順番に重なっています。

    The Layers show a stack of layers, where the sticker layer called
  8. メインオブジェクトのレイヤーの端にある水平線を長押しします。(このデザインの場合、レイヤーは「服」と呼ばれます)。レイヤーをドラッグして、他のレイヤーより上になるようにします。こうすることで、レイヤーが他のすべてのレイヤーの前に表示されます。

    あなたのメインオブジェクトがステッカーの前に移動します。

  9. レイヤー設定で完了を選択します。

  10. メイン・オブジェクトを選択します。ジェスチャーを使ってサイズを変更し、希望の位置までドラッグします。

  11. メインオブジェクトのレイヤー設定で完了を選択します。

  12. テキストを選択します。

  13. Sale」などのテキストを入力し、下部のオプションからテキストスタイルを選択します。

  14. 完了を選択します。

  15. テキストをステッカーの上に配置し、ジェスチャーを使用してサイズを変更します。

  16. テキストのレイヤ設定で色を選択します。

  17. テキストレイヤーで完了を選択します。

  18. レイヤーを選択し、テキストレイヤーをステッカーレイヤーの上に、メインオブジェクトレイヤーの下になるように移動します。

    Layers. The Clothing layer is at the top of the list, then the Sale text layer, then the Graphics sticker layer, and finally the background layer.
  19. 完了を選択して確認し、レイヤー設定を閉じます。

  20. デザイン内の前景オブジェクトを選択し、ジェスチャを使用して移動し、サイズを変更します。

    The final design has a pale pink background, a blue sticker in the top-left with the word

これで、次の方法を学びました:

  • テキストと図形の追加

  • レイヤー設定を使用する

  • レイヤーの順序を変更する。

デザインを編集する方法は、画像を追加したり、さまざまなエフェクトを適用したりと、他にもたくさんあります。

次に、デザインを保存しましょう。

ステップ 3: デザインの保存

デザインを保存するには

  1. エクスポートを選択して、エクスポートページを表示します。

  2. あなたの携帯電話のフォトギャラリーにあなたのデザインを保存するためにギャラリーに保存を選択します。

    Photoroomはまた、現在選択されているワークスペースにデザインを保存します。これは、代わりにチームのワークスペースを選択しない限り、通常は個人のワークスペースです。

  3. [オプション]オプションリンクを選択すると、画像ファイルオプションが表示されます。これらを使用して、ファイル形式とファイル名を変更できます。完了]を選択して、オプションを閉じます。

  4. オプション] [個人用スペース] などのワークスペース リンクを選択して、デザインを別のワークスペースに保存します。これは、チームのメンバーで他のワークスペースにアクセスできる場合にのみ可能です。

  5. 完了を選択します。

注意:Photoroomには、デザインを保存して共有するための多くのオプションがあります。これらのオプションについては、デザインをエクスポートするを参照してください。

よくできました!最初のPhotoroomデザインが完成しました。あなたのコンテンツページのデザインセクションからアクセスできます。

しかし、他にもできることはたくさんあります!ヘルプやヒントについては、ナレッジベースの記事を参照してください。

関連コンテンツ


ウェブアプリのチュートリアル

ビデオを見るか、以下の各ステップの指示に従ってください。

(ビデオはWebアプリのPhotoroomを示しています)

ステップ1:写真をインポートする

写真をインポートするには

  1. app.photoroom.comでPhotoroomにログインします。

  2. 左上のセレクタを使用して、デザインを保存するワークスペースにいることを確認します。

    あなたには、自分だけの個人ワークスペースがあります。また、チーム ワークスペースがある場合もあります。

  3. 作成]ページで、[写真を 選択] を選択します。



  4. Photoroomが画像をアップロードし、自動的に背景を削除します。

    注:画像の一部を復元または削除する必要がある場合は、切り取りツールを使用できます。このチュートリアルでは取り上げませんが、「カットアウトを編集して画像の一部を追加・削除する」

  5. テンプレートを選択し、Photoroom ライブラリからテンプレートを選択します。新しいテンプレートを適用を選択して確定します。



    テンプレートは画像のキャンバスです。画像のサイズを設定し、写真の被写体だけでなく、背景やさまざまな前景オブジェクトを含めることができます。 テンプレートを選択すると、Photoroom はエディタにデザインを表示します。このチュートリアルでは、淡いピンクの背景の

    Minimal Shopテンプレートを選択しました。

ステップ2:ステッカーとテキストを追加する【オプション

Photoroomの編集機能がどのように機能するかを知るために、ステッカーとテキストをデザインに追加してみましょう。

  1. デザインの前景オブジェクトを選択し、ハンドルを使ってサイズを変更します。



    注意:オブジェクトを選択すると、Photoroom はそのオブジェクトの「レイヤー設定」を右側のパネルに表示します。これらの設定を使用して、選択したオブジェクトの外観を変更できます。

  2. レイヤー設定を終了するには、エディタの背景を選択します。

  3. 挿入を選択します。

  4. 図形]カテゴリで、[ステッカー] を選択します。

  5. デザインに追加するステッカーを選択します。

  6. ハンドルを使用してステッカーのサイズを変更し、必要な位置に配置します。レイヤーの設定がサイドパネルに表示されるように、ステッカーを選択したままにしておいてください。

  7. ステッカーのレイヤー設定で、ステッカーの色を選択します。リストから色を選択するか、カラーホイールを選択して、より大きな色のパレットを表示します。

  8. エディターの背景領域を選択して、レイヤー設定を閉じます。サイドパネルに、デザインのレイヤーが表示されます。

  9. メインオブジェクトのレイヤーの端にある水平線を選択し、保持します。(このデザインでは、レイヤーは "Clothing" と呼ばれています)。レイヤーをドラッグして、他のレイヤーより上になるようにします。こうすることで、レイヤーが他のすべてのレイヤーの前に表示されます。

    あなたのメイン・オブジェクトがステッカーの前に移動します。

  10. テキストを 追加を選択し、使用したいレタリングのスタイルを選択します。

  11. テキストボックスの中をクリックし、希望のテキストを入力します。テキストボックスの外側をクリックして、テキストエディタを終了します。

  12. テキストボックスを選択し、ハンドルを使ってサイズを変更します。お好みの位置にドラッグします。

  13. テキストボックスのレイヤー設定で、テキストの色を選択します。

  14. エディターの背景領域を選択して、レイヤーを表示します。

  15. テキストレイヤーを、ステッカーレイヤーの上に、メインオブジェクトレイヤーの下に来るようにドラッグします。

  16. メインオブジェクトを選択し、必要に応じて移動またはサイズ変更します。

これで、以下の方法を学びました:

  • テキストとシェイプの追加

  • レイヤーの設定を使用する

  • レイヤーの順序を変更する

デザインを編集する方法は、画像を追加したり、さまざまなエフェクトを適用したりと、他にもたくさんあります。

次に、デザインを保存しましょう。

ステップ 3: デザインを保存する

選択したワークスペースにデザインを保存するには、ホームボタンを選択します。

よくできました!これで最初の Photoroom デザインが完成しました。ホームページのデザインセクションからアクセスできます。

しかし、あなたができることはもっとたくさんあります!ナレッジベースの記事をご覧ください。

注:デザインを編集する際、デザインを画像ファイルとしてダウンロードしたり、他のユーザーと共有することもできます。上部にダウンロードと共有のオプションがあります。詳しくは、デザインをエクスポートするをご覧ください。

関連コンテンツ

YouTubeの「Photoroomの使い方」ビデオをご覧ください。(英語のみ)


こちらの回答で解決しましたか?