フォトブック
PR | 当ページ内には広告が含まれています
自分のイラストと写真を一冊に載せたい。透過PNGを使える写真集の選び方
この記事の目次
旅先で撮った写真に自分のキャラクターを添えたり、作品の写真と描いたスケッチを並べたりしたい。イラストの背景を透明にして用意すれば、四角い白背景を含めずに、絵を写真やページの余白へ配置する方法を考えられます。
そのためには、イラストの読み込み形式だけでなく、写真と別々に動かせる編集方法を選ぶことが必要です。ここでは、外部のソフトで描いた自作イラストを透過PNGとして用意し、WindowsのPCで硬い表紙の写真集へまとめる場合を扱います。絵をどこへ置くかと、何を透明にしておくかを分けて考えるところから始めます。
透過PNGを読み込めるWindowsのART-HCが候補
候補は、マイブックのART-HCをWindows版MyBookEditorで編集する方法です。ART-HCはハードカバーのフォトブックで、PCソフトを使う「こだわり作成」では写真や文字を自由に配置できます。写真の位置を決めながら、自分の絵を別の素材として組み合わせる一冊を検討できます。
公式FAQでは、外部の編集ソフトで作成した文字やイラストを取り込めること、背景を透明にしたい場合はPNG形式で保存することが案内されています。画像形式の説明には、RGB・sRGBでの用意も示されています。自分で描いた素材を、読み込める画像にしてから本の編集へ持ち込む方法です。外部イラストと画像形式の公式FAQ（資料1）
たとえば、旅を案内する小さなキャラクターを一つのPNGにし、景色の写真とは別々にページへ置く構成です。写真をもう少し大きくしたいときと、キャラクターを横へ寄せたいときに、配置を別々に考えられます。絵と写真を最初から一枚の完成画像へまとめる方法とは、あとで動かす単位が異なります。
ただし、取り込んだPNGの中にある線や文字まで、MyBookEditorの描画要素や文字欄として分かれるわけではありません。絵の内容を変える場合は、描いた元のソフトへ戻る前提です。配置はMyBook
のART-HCの編集、絵そのものの修正は外部の編集元という分担を受け入れられるかが、選択のポイントになります。
スマートフォンだけで同じ素材と操作を使いたい場合は、この記事のWindows向け経路をそのまま当てはめず、作成方法を選び直してください。欲しいのはPNGを保存できる場所ではなく、自分の絵と写真を配置して本として注文できる編集方法です。
写真を説明する絵と、主役として見せる絵を分ける
イラストを用意する前に、一冊の中でどんな役割を持たせるかを考えます。景色へ小さな案内役を添えるなら、主役は写真で、絵は見る場所を示す補助になります。自分が描いたスケッチを写真と比べて見せたいなら、絵そのものにも十分な面積を取る必要があります。
案内役の例では、キャラクターが指し示す先と、写真の見せたい場所が対応しているかを考えます。向いている方向だけでなく、写真の中の建物や看板が絵に隠れないことも条件です。どのページにも同じ位置で置くより、その写真で見せたい内容から空いている場所を選びます。
作品の写真とスケッチを並べるなら、完成した形と描いた形を比較する意図が伝わる配置を考えます。スケッチを小さな飾りとして置くと、線や注記を読めなくなるかもしれません。比較してほしいなら、絵の細部も見る対象として扱い、写真の横に独立した場所を用意する案があります。
写真から少し離れた余白へ絵を置くこともできます。必ず写真の上へ重ねる必要はありません。写真に空きがなく、絵を載せると人物や作品を隠してしまう場合は、横の余白や次のページへ移すほうが目的に合う場合があります。
空白を見つけるたびにイラストを足すと、一冊の中で何を見せたいのかが曖昧になりがちです。写真の補足なのか、場面の切替なのか、絵自体の紹介なのかを決めておけば、置かないほうがよいページも選べます。透過PNGを使えることは選択肢を増やしますが、すべての余白を埋める理由にはしません。
白い背景と透明な背景を区別してPNGを用意する
PNGは透明な部分を持てる画像形式ですが、PNGで保存するだけで白い背景が消えるわけではありません。絵を描いた側で、どこを透明にするかを用意してから書き出します。公式FAQの「背景を透明にする場合はPNG」という案内も、背景を透明にした画像を用意するための形式として読みます。
たとえば白い服を着たキャラクターなら、周りの余白は透明でも、服の白は残したい部分です。白い箇所を全部透明にしてしまうと、写真へ重ねたときに服の中まで下の景色が見える構成になります。白く塗って残す場所と、何も描かず下を見せる場所を分けて確認します。
白いページの上では、白背景と透明背景の違いに気づきにくい場合があります。書き出したPNGを、白以外の下地でも見られる方法で確認すると、周囲に白い四角が残っていないか、白い服まで抜けていないかを見つけやすくなります。市松模様を背景に表示する編集ソフトもありますが、その模様が画像に描き込まれていないことも確かめます。
画像の用意では、公式FAQに沿ってRGB・sRGBを確認します。印刷物に使うからといって、別の色の設定を独自に選べば同じように扱えるとは考えないでください。外部ソフトの編集用形式のまま渡すのではなく、読み込み対象となるPNGとして保存する工程を分けます。
素材の周りに大きな透明余白が残っていると、画像全体を配置した際に、描いた絵が想像より小さく見えることがあります。余白を残す意図があるか、必要な絵の範囲で書き出せているかを編集元で見ます。ただし、輪郭ぎりぎりまで詰めることを一律の正解にせず、線や装飾の先端まで含まれていることを優先します。
背景の確認は、読み込みに成功したかどうかとは別です。ファイルが開けても、白い四角が残ったり、絵の一部が透明になったりしていれば、意図した素材にはなっていません。代表的な一枚を先に確かめてから、同じ方法でほかのイラストを用意すると、まとめて作り直す手間を減らしやすくなります。
イラストを載せる大きさで、線と輪郭を確かめる
透過が意図どおりでも、絵の大きさが合わなければ一冊で見せたい内容が残りません。大きな画面で描いた細い線や、小さな文字を含むイラストは、本の中で縮小したときに読みにくくなる場合があります。まずは配置したい大きさを考え、その大きさで必要な線や言葉が分かるかを見ます。
案内役を小さく使うなら、顔の表情や指の方向など、意味に関わる部分が残るかが判断点です。細かな服の模様まで入れることで輪郭が読みにくくなるなら、元の絵で装飾を減らす案があります。写真集へ持ち込んだあとに拡大するだけでなく、使う大きさに合う絵として用意する考え方です。
逆に、小さなPNGを大きく広げても、元にない細部は増えません。線の縁が粗く見える場合は、外部の編集元から必要な大きさの画像を書き出し直す方向で考えます。特定の画素数をすべての絵に共通の正解とせず、実際に本へ載せる寸法と素材の内容を合わせて確認します。
イラスト内に作品名などの文字を描き込んだ場合、その文字はPNGの一部です。誤字が見つかったら、MyBookEditor上で文字だけを選んで直す前提にはしません。何度も更新しそうな説明は、絵に含めるか、本の編集側の文字欄へ分けるかを先に考えると、修正の分担を決めやすくなります。
輪郭は拡大して細部を見たあと、ページ全体へ戻って確認します。拡大画面では小さな粗さが気になっても、配置した大きさでは目立ち方が変わります。反対に、細部ばかりを見ていると、写真に対して絵が大きすぎることを見落としやすくなります。素材の状態と、ページ内での役割を別々に確かめます。
写真と別々に配置し、透明部分から見える内容を選ぶ
写真とイラストは、別々の画像として配置します。MyBookEditorではオブジェクトの重なり順を変更する操作が案内されており、あとから貼り付けたオブジェクトは前に配置されます。読み込んだ順序だけに任せず、写真と絵がどちらを前にして見えているかを確認します。配置と重なり順の公式ヘルプ（資料2）
イラストを写真の上へ置く場合、透明な部分から下の写真が見えます。一方、白や色で描いた部分は写真を覆います。キャラクターの周囲が透明でも、キャラクター自身が顔や看板の文字を隠すことはあります。透過画像だから写真の内容を何も隠さない、とは考えないようにします。
たとえば風景の空へ案内役を置くなら、輪郭が空の色に対して分かるかを見ます。同じ絵を木々の上へ移すと、細かな背景と線が重なり、読み取りにくくなるかもしれません。その場合は線を強くする前に、写真内の置き場所を変えるか、写真の外の余白へ移す案を試します。
本の説明文との関係も確認します。公式ヘルプでは、文字は最前面に置かれ、文字同士の重なり順を変える扱いが案内されています。イラストをあとから入れれば必ず説明文の上に置ける、という前提で構成しないようにします。文字を隠して調整するより、写真、絵、説明にそれぞれ必要な場所を確保します。オブジェクトと文字の前後関係（資料2）
完成するのは、透明部分を通して見える下地とイラストを、同じ紙面へ印刷した本です。透明なフィルムが重なったり、絵が紙から浮いたりする仕上がりではありません。写真と絵を合わせた一面として見せたいことを確認し、立体的な部品や後から動かせる飾りとは分けて考えます。
修正する絵は外部の編集元へ戻して差し替える
配置の問題と、素材の問題では直す場所が違います。絵が写真の主役を隠しているなら、本の編集で位置や大きさを調整します。キャラクターの向きや描き込んだ文字、透明にする範囲を変えるなら、外部の編集元へ戻って修正し、PNGを書き出し直します。外部イラストを画像として取り込む方法なので、元の描画要素を編集する工程は別に持ちます。
白い四角が残った場合は、まず書き出したPNGそのものを確認します。背景を透明にせず保存したのか、必要な設定を反映せず書き出したのかを元のソフトで見ます。ファイル名の末尾をPNGへ変えるだけで、白い背景が透明になることはありません。
イラストの編集元、書き出したPNG、本の編集データを区別して保存しておくと、どこへ戻ればよいかを判断しやすくなります。元の絵が残っていれば、表情や文字を直して別の画像として用意できます。注文に使う本だけを保存しても、外部で描いた線を同じように直せるとは限りません。
素材を差し替えたあとは、前と同じ位置に見えるかを改めて確認します。書き出す画像の範囲や透明余白が変わると、画像全体を同じ大きさで置いても、絵の見える大きさが変わる場合があります。新しいPNGになったことだけで終えず、写真や説明との距離も見ます。
同じ案内役を複数のページへ使っている場合は、どの場所を更新するかも決めます。すべて新しい表情へ替えるのか、一場面だけ変えるのかによって確認対象が違います。外部ファイルを更新すれば、本の中の全配置が自動で意図どおりに替わると決めつけず、該当ページを一つずつ確認する方法が確実です。
写真と絵が一緒に読める一冊を確認して注文する
注文前は、イラスト単体の完成度だけでなく、写真と組み合わせたページを見ます。白い余白、明るい写真、暗い写真というように下地の違う場所で、透明部分と描いた部分が意図どおりかを確かめます。あるページではよく見える絵も、別の下地では輪郭が分かりにくくなる可能性があります。
続いて、絵が指す場所と写真の内容、描き込んだ言葉と本文の説明を照合します。旅先の案内役なら、指している建物が写真の外へ切れていないかを見ます。スケッチとの比較なら、写真と絵の向きや並び順が意図したものかを確認します。素材を置けたことと、二つを一緒に読む意味が伝わることを分けて見ます。
本の大きさも確認します。ART-HCの210Sは本文が縦横210mm、外寸が縦横216mmです。本文の寸法を目安に、写真と絵へ割り当てる場所を考えます。画面を拡大した状態だけで線や文字を判断せず、完成するページの大きさを意識してください。
全ページを順番に見て、古いイラストが残っていないか、不要な素材が重なっていないか、写真の重要な部分を覆っていないかを確認します。最後に、注文対象の商品、サイズ、ページ数と仕上がりを照合し、注文画面の条件を確認して進めます。
自分で用意した透過PNGを、写真と別々に配置する作り方が合うなら、MyBook
の公式サイトでART-HCの商品案内を選び、Windowsでの作成方法を確認できます。絵の背景と修正元を整え、写真との関係まで確かめることで、自分のイラストを一冊の内容として生かす準備ができます。
