画像の後ろにテキストを配置する効果は、雑誌の表紙、映画のポスター、宣伝チラシなどで広く使用されています。デザイナーはこれを使用して人々の注意を素早く引き付け、写真に神秘的な雰囲気を加え、より良い視覚体験をもたらします。以下は、私たちが作成した「画像の後ろにテキスト」効果の例です。
画像の後ろにテキストを配置する例
「画像の背後にあるテキスト効果」は、高度な画像背景除去とピクチャー・イン・ピクチャー (PIP) 技術に依存しています。画像の背景を削除すると、元の画像に重ねてテキストの一部を覆うことができます。
画像の後ろにテキストを挿入する最も人気のある写真編集ツールは、PhotoShop、FlexClip、Canva です。詳しい手順を確認してみましょう。
パート 1. PhotoShop を使用して画像の後ろにテキストを配置する方法
PhotoShop は、あらゆる高度な画像編集を行うことができる、最もプロフェッショナルなグラフィック デザイン ソフトウェアの 1 つです。現在では多くのバージョンがあるため、詳細な手順はそれぞれ異なる場合がありますが、似ています。
ステップ 1. 画像をアップロードしてテキストを追加する
コンピュータで PhotoShop を起動し、画像をこのプログラムにドラッグ アンド ドロップします。これで背景レイヤーが作成されます。その後、完璧なフォントと色でテキストを入力します。これで、テキスト レイヤーが完成しました。
ステップ 2. 画像の主要オブジェクトを選択します
背景レイヤーに移動し、なげなわツールを使用して画像のメインオブジェクトを手動で選択するか、[選択]> [主題] に移動します。 PhotoShop は AI を使用して、背景からキー オブジェクトを切り離します。
PS を使用して AI でオブジェクトを選択する
ステップ 3. 選択範囲を微調整する
キーボードの Q キーを押すと、クイック マスク モードに入ります。赤い領域は選択されていない領域を示します。ブラシ ツールを選択し、白でペイントして表示するか、黒でペイントして画像の特定の部分を隠します。 Q キーをもう一度クリックして、選択を戻します。
選択範囲を絞り込む
ステップ 4. テキストをマスクする
Mac の場合は Command + G、Windows の場合は Ctrl + G をクリックしてグループを作成し、レイヤーマスクをクリックして選択範囲からマスクを作成します。車の前面にテキストが表示されているのがわかりますが、心配する必要はありません。[反転] ボタンをクリックしてください。テキストはメイン オブジェクトの後ろに表示されます。
テキストマスクを作成する
パート 2. FlexClip を使用して画像の後ろにテキストを配置する方法
PhotoShop が本当に混乱している場合、またはこのソフトウェアを使用するのに何も払いたくない場合は、FlexClip が助けになります。これは誰でも無料で利用できるオンライン写真編集ツールです。最も重要なのは、シンプルでクリーンなインターフェイスを備えていることです。編集経験のない人でもすぐに始めることができます。 [今すぐ始める] ボタンをクリックし、画像をアップロードして手順に従ってください。
ステップ 1. 写真を FlexClip にアップロードする
[メディア] セクションに移動し、[ファイルのアップロード] をクリックして、ローカル フォルダー、モバイル デバイス、またはクラウド サービスから写真をアップロードします。その後、「シーンとして追加」ボタンをクリックして写真をタイムラインに追加します。
タイムラインに追加
ステップ 2. 写真にテキストを追加する
「テキスト」セクションに移動し、好きなテキストを追加し、希望のフォント、色、サイズ、不透明度、位置で簡単にカスタマイズできます。また、プロフェッショナルで目を楽しませるテキスト スタイルやタイトルも多数あり、調整の手間が省けます。ぜひ試してみてください!
写真にテキストを追加
ステップ 3. テキストを透明な画像でオーバーレイする
「メディア」セクションに戻ります。 [レイヤーとして追加] ボタンをクリックして、同じ画像を前景として追加します。
ピクチャーインピクチャーエフェクトを作成する
上の画像を選択し、AI 画像背景削除ツールに移動して画像の背景を削除します。必要に応じて、ブラシ ツールを使用して細部を処理します。 2 つの画像が互いに完全にブレンドされるように、透明な画像の位置とサイズを調整します。
画像の背景を削除
ステップ 4. ダウンロード
タイムライン上の写真を右クリックし、「フレームのエクスポート」を選択します。最大 1080P の JPG 写真がコンピュータに保存されます。ウォーターマークや隠れた料金はありません。
結果を保存
パート 3. Canva を使用して画像上のオブジェクトの後ろにテキストを追加する方法
Canvaは、画像の後ろにテキストを簡単に追加できる最後のオプションです。始める前に、Canva アカウントを作成してサインインしてください。
ステップ 1
画像を Canva の編集パネルにドラッグ アンド ドロップし、画像の境界線をドラッグして位置やサイズを調整します。
ステップ 2
Control/Command + D を押して画像を複製します。 2 つの画像が完全に揃うように、複製した画像の位置、サイズを調整します。その後、[写真]> [ツール]> [BG Remover] に移動して背景を削除します。
ステップ 3
テキストツールに移動し、完璧なフォントとサイズで好みのテキストを入力します。最適な場所までドラッグします。
ステップ 4
テキストをクリックし、「配置」の下の「戻る」に移動します。これにより、2 つの画像の間にテキストが送信されます。
こちらは、Canva を使用して画像上のオブジェクトの後ろにテキストを追加する方法に関するビデオチュートリアルです。
Canva ビデオチュートリアルを使用して画像の後ろにテキストを配置する
結論
この投稿では、PhotoShop、Canva、そして最も重要な FlexClip を使用して画像の後ろにテキストを追加する 3 つの方法を説明しました。それらはすべて、さまざまな面で役立ちます。
ビデオは写真よりも雄弁です。作成したばかりの素晴らしい写真を使ってスライドショーを作成してみてはいかがでしょうか?テキストをアニメーション化したり、トランジションを追加したり、写真やビデオを音楽のビートに同期したりできます。今すぐ FlexClip に目を向けて、無限の可能性を探求してください。
ビンテージ フィルム 愛の思い出 ブラー 家族 結婚式 ホリデー ムード 写真 コラージュ スライドショー
グリッチペーパー クール ヴィンテージ メモリー 写真 コラージュ ファッション ライフ 誕生日 気分 家族 友人 スライドショー
エレナ / 
パールマウンテンリミテッドのメンバー。動画編集マニアです。写真やビデオ撮影のヒントやアイデアを共有するのが大好きです。