Wix メディア:Wix フォトスタジオのツールを使用する
読了時間:8分
重要:
現在、一部のユーザー様のみフォトスタジオツールをご利用いただけます。
Wix フォトスタジオを使用すると、画像のあらゆる部分を編集して、クリエイティブな作品に仕上げることができます。
豊富なフィルターや、補正、クロップ、装飾オプションなどを使用して、簡単に画像の印象を変えることができます。
編集できる画像:
この記事では、画像に以下のツールを使用する方法について説明します:
![エディタに表示されたフォトスタジオのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/10/5e49c42d-b443-4aac-bd78-11818a12222b/3fb5044a-0b70-4207-8fb4-bc11d3ff1a94.png)
クロップ・サイズ変更
画像をクロップし、必要な部分だけを表示して目立たせることができます。画像は、既定またはカスタムのサイズや角度に変更したり、反転ツールを使用してミラー効果を作成することもできます。画像をアップスケールして解像度を向上させることもできます。
画像をクロップまたはサイズ変更する方法:
- 「フォトスタジオ」にアクセスします。
- 「編集ツール」下で「クロップ・サイズ変更」をクリックします。
- 利用可能なオプションを使用して画像をクロップおよびサイズ変更します:
- クロップ比率:既定の比率とサイズを使用して画像をクロップします。選択した比率で画像を横方向にクロップするか縦方向にクロップするかを選択します。
- 画像サイズ(px):「サイズ変更」をクリックし、「幅」と「高さ」を変更して画像のサイズを調整します。
注意:最大画像サイズは 3,000 x 3,000px です。 - 画像をアップスケール:「アップスケール」をクリックして、画像の解像度を自動的に向上させます。
注意:アップスケールできる画像の幅 / 高さの最大値は 2,000px です。アップスケールは 1.5X です。画像をアップスケールすると、サイトに表示されるサイズが大きくなる場合があります。画像は複数回アップスケールすることができます(アップスケールされる画像のサイズが最大未満である限り)。 - 回転・反転:画像を左または右に回転させたり、画像を横向きまたは縦向きに反転させます。
- 「保存」をクリックします。
![フォトスタジオのクロップとサイズ変更オプションのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/10/e04607c7-96ad-432c-a3e0-3451d1bb604b/7acab93c-6193-448a-a7c5-5d821b71b14c.gif)
ご存知でしたか?
フォトスタジオ右側の回転角度ツールを使用して、画像を任意の角度に回転させることができます。
画像補正
画像補正の機能を使用して、画像の明るさ、彩度、コントラストを自動で補正することができます。また、「ポートレート」、「風景」、「屋内」の 3種類の中から適したモードを選択し、画像をいずれかのモードで自動補正することもできます。
画像を補正する方法:
- 「フォトスタジオ」にアクセスします。
- 「編集ツール」下の「画像補正」をクリックします。
- 「自動画像補正」を選択するか、「ポートレート」、「風景」、または「屋内」から特定のモードを選択して適用します。
- 「保存」を選択します。
![「画像補正」オプションを使用して、画像を補正する様子を示した GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/10/045e591d-11ce-4f55-9283-a1e7b9659bc0/55ec6987-7d60-4cd3-abde-ac8d83b80685.gif)
調整
画像調整ツールを使用して、明るさ、彩度、露出などを微調整し、画像を完璧な仕上がりにすることができます。
画像を調整する方法:
- 「フォトスタジオ」にアクセスします。
- 「編集ツール」下の「調整」をクリックします。
- 該当するオプション横のスライダーをドラッグして画像を調整します:
- 明るさ:スライダーを右にドラッグすると画像全体が明るくなり、左にドラッグすると全体が暗くなります。
- コントラスト:スライダーを右にドラッグすると画像のコントラストが高くなり、左にドラッグするとコントラストが低くなります。
- ハイライト:スライダーを右にドラッグすると画像のハイライト部分がさらに明るくなり、左にドラッグするとハイライト部分が暗くなります。
- 影:スライダーを右にドラッグすると画像の暗部が引き上げられ、左にドラッグすると暗部が引き締められます。
- 彩度:スライダーを右にドラッグすると画像の彩度が上がり、左にドラッグするとモノトーンになるまで彩度が下がります。
- 色温度:スライダーを右にドラッグすると画像が暖色系の発色となり、左にドラッグすると寒色系の発色となります。
- 露出:スライダーを右にドラッグすると画像がプラス補正の露出となり、左にドラッグするとマイナス補正の露出となります。
- シャープネス:スライダーを右にドラッグすると画像のシャープネスが上がり、左にドラッグするとシャープネスが下がります。
- ビネット:スライダーを右にドラッグすると画像に周辺減光の効果が加わり、左にドラッグすると逆に四隅が明るくなります。
- グレイン:スライダーをドラッグして画像に粒状感を加えます。
- 色合い:カラーボックスをクリックして色合いを選択し、スライダーをドラッグして選択した色合いを強調します。
- 「保存」をクリックします。
![「調整」オプションを使用して、画像を調整する様子を示した GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/10/aee670f3-73d4-4580-b097-3bd36f328b42/9d9fd71e-8913-4a22-a54c-93bd50824da5.png)
フィルター
フィルターを使用して、画像の雰囲気を変更することができます。すべての画像に同じフィルターを使用してサイトに統一感を与えたり、異なるフィルターを使用して特定の画像を目立たせたりすることができます。
画像にフィルターを適用する方法:
- 「フォトスタジオ」にアクセスします。
- 「編集ツール」下の「フィルター」をクリックします。
- フィルターをクリックして画像に適用し、画像下のスライダーをドラッグしてフィルターの強さを調整します。
- 「保存」をクリックします。
![「フィルター」オプションを使用して、画像にフィルターをかける様子を示した GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/10/1a98366a-b2a3-4353-bb7f-b314b0327644/c8829f7f-b9e1-4ea2-8119-a11aa0aa6c1c.png)
切り取り
画像の背景を削除し、異なる背景を付けることで画像を再利用しましょう。背景を切り取る際、利用可能なツールで縁をよりはっきりさせることはできます。さらに、画像の背景を透明なままの残すか、色や手触りのある背景、別の画像を挿入することも可能です。
画像を切り取る方法:
- 「フォトスタジオ」にアクセスします。
- 「編集ツール」下の「切り取り」をクリックします。
- 「自動切り取り」をクリックします。
- 「切り取りを調整」をクリックし、次のオプションを使用して画像を調整します:
- 復元:すでに切り取った画像の一部を元に戻します。
- 削除:編集して画像の一部を削除します。
- 境界線の調整:より正確な編集ができるよう、ブラシのサイズ・硬さ・透明度を調節します。
- 「適用」をクリックします。
- (オプション)「背景色」横のボックスをクリックし、画像に背景色を追加します。
- 「保存」をクリックして新しい画像をメディアマネージャーに保存します。
![「自動切り取り」と「背景色」のオプションを使用して、画像に背景色を追加する様子を示した GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/10/88d7c123-4029-4fce-b83c-d8bd1587a5f8/32b168d1-f734-48a3-b620-90b1b589cdee.png)
テキスト
画像にテキストボックスを追加し、書式設定オプションを使用してカスタマイズを行い、テキスト入りの画像をサイトに直接追加することができます。これは、画像にキャプションや引用、またはウォーターマークなどを追加するのに最適です。
画像にテキストを追加する方法:
- 「フォトスタジオ」にアクセスします。
- 「パーツを追加」下の「テキスト」をクリックします。
- テキストスタイルをクリックし、画像にテキストを追加します。
- 「デザイン」をクリックします。
- オプションを使用してテキストをカスタマイズします:
- フォント:ドロップダウンメニューをクリックし、フォントとフォントサイズを変更します。
- スタイル:「太字」、「斜体」、または「下線」のオプションを使用してテキストの書式を設定し、文字色を選択します。
- 配置:「左」、「中央」、「右」、または「均等」からテキストの配置を選択し、行間隔を調整します。
- 透明度:スライダーをドラッグし、テキストの透明度を調整します。
- 回転・反転:テキストを左または右に回転させたり、テキストを横向きまたは縦向きに反転させます。
- 「保存」をクリックします。
![フォトスタジオのテキスト編集オプションが表示されたスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/10/c29cec16-aa4f-49db-ab1e-c0bd8de9512c/52091019-6479-4947-8b07-3e5d6992f62b.png)
ご存知でしたか?
- 画像に複数のテキストボックスがある場合は、「前面へ移動」または「背面へ移動」矢印を使用して、テキストのレイヤーを前後に移動させます。
- 「その他のアクション」アイコン
をクリックして「複製」を選択し、(書式やサイズなどを含めて)テキストを複製します。
装飾
画像に遊び心のある装飾アイコンやベクターアートを追加して、コラージュ画像を作成することができます。ベーシックシェイプ、動物、タイポグラフィ、その他さまざまなカテゴリーから選択し、独自の世界観を演出することができます。
画像に装飾パーツを追加する方法:
- 「フォトスタジオ」にアクセスします。
- 「パーツを追加」下の「装飾」をクリックします。
- 装飾パーツをクリックし、画像に装飾パーツを追加します。
ヒント:カテゴリー横の「もっと見る」をクリックし、その種類のパーツをさらに表示します。
![画像に追加したベクターアートが表示されたスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/10/6923871c-9b78-4700-b692-62751a3817f1/329e2747-233a-47b6-bc85-6dc00d901944.png)
オーバーレイ
画像にさまざまな種類のオーバーレイ効果を適用し、フィルターと同様に画像の印象を大きく変えることができます。適用したオーバーレイは任意の位置にドラッグし、ドラッグハンドルを使用してサイズを調整することができます。
画像にオーバーレイを追加する方法:
- 「フォトスタジオ」にアクセスします。
- 「パーツを追加」下の「オーバーレイ」をクリックします。
- (オプション)オーバーレイをカスタマイズします:
- フォトスタジオで画像にマウスオーバーし、青い枠内をクリックします。
- 「デザイン」をクリックします。
- 以下のオプションを使用してオーバーレイをカスタマイズします:
- 不透明度:スライダーをドラッグし、オーバーレイ強度を調整します。
- 回転・反転:「左に回転」、「右に回転」、「横向きに反転」、または「縦向きに反転」を選択し、オーバーレイの配置を選択します。
- 「保存」をクリックして画像をメディアマネージャーに保存します。
![「オーバーレイ」オプションを使用して、画像をカスタマイズする様子を示した GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/10/678e7fe9-7081-46df-b105-485cc1a20655/be0ac50b-a727-474a-9532-fa7cfbe4d8f4.png)
背景
画像を切り取ったら、背景にその画像を追加することができます。不透明度を調整して任意の明瞭度でその背景を透かせることができます。さまざまな色、またはテクスチャ、ステージ、イラストなどのカテゴリーから背景を選択し、画像をポップに仕上げることができます。
画像に背景を追加する方法:
- 「フォトスタジオ」にアクセスします。
- 「パーツを追加」下の「背景」をクリックします。
- 背景をクリックし、画像に背景を追加します。
ヒント:カテゴリー横の「もっと見る」をクリックし、その種類の背景をさらに表示します。 - (オプション)背景をカスタマイズします:
- フォトスタジオで画像にマウスオーバーし、青い枠内をクリックします。
- 「デザイン」をクリックします。
- 以下のオプションを使用して背景をカスタマイズします:
- 不透明度:スライダーをドラッグし、背景の透明度を調整します。
- 回転・反転:背景を左または右に回転させたり、背景を横向きまたは縦向きに反転させます。
- 「保存」をクリックして画像をメディアマネージャーに保存します。
![「背景」オプションを使用して、画像の背景を変更する様子を示した GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/10/344d0a65-e4b5-4fd4-9c30-038dd475ce57/4dbeaf3d-c13c-4921-9b6e-d3c8d504b1cb.png)
お役に立ちましたか?
|