2019.05.08【スポーツ紙直伝】イラレとフォトショで人物と背景の間に文字を入れる技ツイート16シェアはてブLINEPocket3雑誌「Number」や「an・an」の表紙って目を引きますよね。被写体を表紙いっぱいにつかったダイナミックさとスタイリッシュさを感じさせますが、たまに題字(ロゴ)が被写体とかぶって下になっていることがあります。被写体は画像なので背景との間に文字を挟むことなどできないはず...と思う方もいるでしょうが、実はイラストレーターとフォトショップを使えばできます。この技はスポーツ紙でも頻繁に使われ、私が作る新聞でも度々登場する必須技術ですので紹介させていただきます。共有:元画像、差し込みたい画像や文字、切り抜いた3層レイヤーを寸分の狂いなく重ねるそもそも、画像と背景の間にどうして文字を挟み込むことができるのでしょうか。このカラクリは下から3元画像、2差し込みたい画像や文字、1切り抜いた画像の順番にレイヤーを重ねているからです(今後わかりやすいようすに番号をつけています)。元画像に切り抜いた画像を寸分の狂いなくぴったり重ね合わせることで、被写体は何も手を加えていないように見えつつ、文字を挿入できるのです。切り抜いた画像と元画像の間に差し込みたい画像を入れるただし、ここで課題が1つ浮上します。切り抜いた画像をぴったり重ね合せるにはどうするか、ということです。画像をイラストレーターで配置する方法は人によっていろいろあるでしょうが、かつて私がスポーツ紙で働いていた頃に習ったやり方は「配置」でした。元画像をコピー、背面ペーストして2枚の画像を作るまず、イラストレーターで土台となる3元画像を配置します。続いて、元画像をクリックでつかんだら、コピー(⌘+C)します。ここから背面(前面でもOK)にペースト(背面ペースト:⌘+B、前面ペースト:⌘+F)を選んで元画像を重ねて貼り付けましょう。この時点で見た目は変わりませんが、3元画像のレイヤーには同じ画像が2枚重なっていることになります。配置を押す前にオプションを選択しようこの状態では、何も触れていなければ、3元画像は選択されたままになっているはずです。続いて、このまま「ファイル→配置(shift+⌘+P)」を選択しましょう。「配置」では、重ねたい「1切り抜いた画像」を選ぶことで、コピーした3元画像と交換できる...といきたいところですがストップ!この状態で配置を選ぶと、1切り抜いた画像は3元画像とシンクロしてくれません。配置された1切り抜いた画像のサイズも全然違います。「配置」を使って画像を「置換」する重要なのは、コピーした3元画像と1切り抜いた画像を「置き換える」作業です。配置ボタンと同じ高さで、左端にある「オプション」をクリックすると、下段にチェックボックス付きの選択欄が登場します。ここで「リンク」と「置換」にチェックを入れて配置すると、コピーした1枚の3元画像と1切り抜いた画像が交換される形で置き換えられます。重ねた1切り抜き画像は、3元画像レイヤーの上に新しく作った上位レイヤー(私の場合、レイヤー名を「重ね写真」と名付けました)に移動させましょう。オプションを選択後、リンクと置き換えにチェックをつけてから配置するとはいえ、画像がシンクロしているということは、見た目にはまだなんの変化もないはず。変化を実感するには、3元画像と1重ねた切り抜き画像の間に「2差し込みたい画像や文字」を入れる必要があります。そこで、3元画像と1切り抜いた画像レイヤーの間に「2差し込み画像・文字」レイヤーを新たに作りました。試しに、2差し込み画像・文字レイヤーに他の切り抜いた画像を挿し込んでみると...ハイ!写真がぴったり重なりつつ、被写体と背景の間に画像を差し込むことができましたね。はみ出た部分はクリッピングパスでカット元画像と切り抜き画像の間に画像をはさんでみた...が、切り抜き画像がはみ出ているおや、1重ねた切り抜き画像は、腕の部分がはみ出してしまいました。実は、3元画像は最初にA3に収まるようにクリッピングパスでトリミングしてありましたが、1切り抜き画像は被写体が全て生かして切り抜いたままなので残ってしまいました。そこで、1切り抜いた画像も枠内に収まるようクリッピングパスをかけておきましょう。今回は、1切り抜き画像のレイヤーを選択して、A3の枠に合わせて長方形ツールでオブジェクトを作ります。2つのオブジェクトを選択したらクリッピングマスク作成(⌘+7)を選択。これで腕や頭がはみ出ることなくスッキリしました。他の画像はレイヤーロックをかけておこう切り抜き画像の選択時は元画像や差し込んだ画像を誤って触りがちなので、レイヤーロックをかけた上で作業をしましょう。切り抜き画像にクリッピングパスをかけて、はみ出た部分をカットしたNumberやan・anなどはこの技術を使って被写体と背景の間に題字を置いていたのです。これができると、イラレやフォトショでやりたいことの幅がぐっと広まりますよ!差し込みたい画像はちょっと隠れるくらいがいい被写体の後ろに文字や画像を入れる場合、個人的には差し込みたい画像があまりにも大きく隠れてしまうと、いかにも「技術をつかっています感」が出すぎてしまい好きではありません。隠れるくらいが理想的ではないでしょうか。共有:TwitterIllustratorphotoshop新聞制作この記事が気に入ったらいいねしよう!最新記事をお届けします。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。【結婚新聞を作る前に】写真のポージングを新聞から学ぼう海外風デザインの結婚新聞を作る3つのコツRECOMMENDこちらの記事も人気です。作ったブライダル新聞photoshop2016.2.29photoshopで2階調ポップアート(ダブルトーンを利用)ABOUTこの記事をかいた人kimmy新聞社の記者をしています。仲間との起業を夢見て、これまでに学んできたノウハウを記しておきます。現在、主に結婚新聞や企業・団体向けの広報紙を制作していますが「こんな紙面をつくってほしい」とのご要望にも随時お応えしています。(7)プロフィール「既存業者の作る新聞って、すごくかっこ悪い」そんな思いから、某新聞社に勤める記者と編集者が「本物の新聞の作り方」をこっそり書いています。近い将来の起業を兼ねて、格安で結婚新聞などの紙面制作を請け負っています。いままでに作った紙面の一部も紹介しています(作品例へ)。