Pixlr Editorを使ってテキストに画像を挿入する方法
Pixlrプロジェクトを開いて画像をインポートする
さて、ここで最初に行き詰まったのは、Pixlrに画像を読み込む際に、すべてを台無しにしてしまうことでした。Pixlr Xを使って素早く編集する場合でも、Pixlr Eを使ってより細かくコントロールする場合でも、最初のステップは画像を読み込むことです。私は通常、「ファイル」＞「画像を開く」を選択するか、ファイルを直接ワークスペースにドラッグするなど、やり方は自由です。オーバーレイやレイヤーに取り掛かる前に、必ずすべてをインポートしてください。このステップを省略すると、特に画像の位置合わせをする際に、後で編集プロセス全体がより複雑になる可能性があります。
Pixlr Eをお使いの場合は、「表示」>「レイヤー」のトグルスイッチでレイヤーパネルが表示されていることを確認してください。デフォルトで非表示になっている場合があり、すぐに有効にすべきだったのに、レイヤーを探し回ってしまったことがあります。また、自動保存はデフォルトで有効になっていますが、作業の進捗状況を失わないように、正しく動作しているか再度確認することをお勧めします。保存を忘れてアプリがクラッシュしてしまい、パニックに陥ってしまうこともあります。これは本当に危険な賭けです！
テキストレイヤーの追加とカスタマイズ
画像を挿入したら、次はテキストを追加します。通常は、左側のツールバーにある「T」アイコンで表示されるテキストツールを使います。これをクリックしてから、キャンバス上の任意の場所をクリックします。サイズをより細かく調整したい場合は、クリック＆ドラッグでテキストボックスを作成する方がよいと学びました。一度クリックして後でサイズを調整するよりも、テキストを配置するのが簡単になります。でも、心配はいりません。後からいつでも微調整できます。
入力自体は簡単ですが、いよいよ楽しい作業、つまり見栄えを良くする作業が始まります。フォントサイズを調整したくなるでしょう（Enter上部のメニューからサイズを調整できます）。読みやすさを重視して、私は や のような太字フォントを使うことが多いです。Arial Bold文字Impactがはっきりしていなければ意味がありませんからね。上部にはカラーピッカーもありますので、文字が背景に溶け込まないように、コントラストの高い色を選びましょう。特にデザインがピクセルパーフェクトな場合や、手間をかけずにすべて完璧に仕上げたい場合は、調整に何度か試行錯誤が必要になるかもしれません。
あなたのデザインにぴったり合う
この作業にはかなりの忍耐が必要です。信じてください。テキストを配置したら、画像がテキストレイヤーの内側または背後にぴったり収まるようにする必要があります。私は通常、背景レイヤー（追加したばかりの場合は「レイヤー1」と呼ばれることもあります）を選択し、Ctrl + J（Macの場合はCmd + J）で複製します。これは主に、コピーから始めることで元のレイヤーを台無しにしないためです。次に、複製したレイヤーに移動し、Ctrl + T（または）を押して変形Cmd + Tツールを起動します。サイズ変更、回転、位置変更など、画像を完璧に整列させるために必要な作業は面倒ですが、忍耐は報われることを私は学びました。
隙間や奇妙な重なりがなく、テキストシェイプの中にすべてを配置する…ええ、何度か試行錯誤しました。はっきりと見えるようにするために、「表示」>「ガイド」でガイドを無効にしたり、スナップを切り替えたりすることもありました。実際、レイヤーは注意深く見ていないと予期せずずれてしまうことがあるのです。あちこちを少し動かしたり、サイズを変更したり、反転したりして、しっくりくるまで試行錯誤を繰り返しました。少なくとも私にとっては、時間をかけてレイヤーの表示/非表示を頻繁に切り替え、全体の仕上がりを確認することが鍵でした。
レイヤーを結合してよりきれいな仕上がりを実現
すべてが揃ったら、デザインを固定するためにレイヤーの結合が必要になります。関係するすべてのレイヤーを選択し（Shiftそれぞれを押したままクリック）、右クリックして「レイヤーを結合」を選択します。または、Ctrl + E（Cmd + EMacの場合は または ）を押すだけでも、手っ取り早い方法です。これにより、画像とテキストが1つのレイヤーに結合され、誤って位置をずらすことなく、簡単に移動したり保存したりできます。この操作を忘れると、後で他のものを調整するときに、細かい部分がずれてしまう可能性があることがわかりました。さらに、結合するとファイルサイズが小さくなり、将来の編集が簡単になります。より複雑な編集を行う予定がある場合は、結合することをお勧めします。
テキストを目立たせるために単色の背景を追加する
ここで、ようやくピンときました。マスクされたテキストを際立たせるには、すべての背後に新規レイヤーを追加し、単色で塗りつぶします。レイヤーパネルのプラスアイコンをクリックするだけで、新規レイヤーが作成されます。この新規レイヤーをテキストレイヤーの下にドラッグして、背景として機能させましょう。次に、塗りつぶしツール（ペイントバケツアイコン、ショートカットG）を使い、テキストに合わせて明るい色または暗い色を選び、クリックして塗りつぶします。誤ってテキストを塗りつぶさないように注意してください。背景はテキストの背後だけに表示する必要があります。
この簡単なステップで大きな違いが生まれました。画像の背景が既に雑然としている場合は、このコントラストのあるブロックを使うことで、テキストの読みやすさが維持されます。また、乗算やオーバーレイなどのレイヤーブレンドモードを試して、クールな効果を加えることもできました。より深みやスタイルを加えたい場合は、ぜひ試してみてください。ただし、背景レイヤーがテキストの上に表示されている場合は、レイヤースタック内で下に移動できることを覚えておいてください。そうしないと、テキストが思ったように目立たなくなります。
これがお役に立てば幸いです。私自身、これを理解するまでにかなり時間がかかりました！とにかく実験を続けてください。そして、途中でイテレーションを保存するのを忘れないでください。プロジェクトの成功をお祈りしています！
この記事は役に立ちましたか？