フォトブック・フォトアルバム・写真アルバム作成ならマイブック デジカメやスマホで撮った写真は
フォトブックにして本棚に並べましょう

素材レイアウトのコツ

イラスト編 ―繰り返し配置して台紙を作ろう―

イラスト編―繰り返し配置して台紙を作ろう―

同じイラストを均等間隔に配置

いくつか組み合わせてランダムに


How to make ? ~手順~

1.イラストをコピーしてバランスを見ながら繰り返し配置します
※いろんな組み合わせで雰囲気が変わるので色々試してね!
※インパクトを弱めるためにイラストの色を薄くしたり、色彩の統一で単色にするとシンプルに仕上がります

イラスト編 ―画像の上にレイアウト―

イラスト編―画像の上にレイアウト―

画像の余白部分に重ねて

画像と図形の上に重ねて


How to make ? ~手順~

1.画像の余白部分や情報が少ない背景部分に配置します
・画像中央に配置する場合は図形を敷いてその上に配置します
・写真の色と重なって見えない場合はイラストの色を白か黒に変更します ≫操作方法はこちら

イラスト編 ―イラストをモノクロに変更しよう―

イラスト編―イラストをモノクロに変更しよう―

黒に変更

白に変更


How to make ? ~手順~

1.イラストを選択し「画像効果」→「色調調整」にチェックを入れる
2.黒にするには画面右側の「黒」ボタンにチェックを入れ「効果を適用する」ボタンを押す
3.白にするには画面右側の「白」ボタンにチェックを入れ「効果を適用する」ボタンを押す

イラスト編 ―イラストの拡大率を変更してみよう―

イラスト編―イラストの拡大率を変更してみよう―

画面内に収めてスッキリと

大きく拡大してダイナミックに


How to make ? ~手順~

1.イラストを選択して四つ角の「□」を動かして拡大します
2.わざとページから見切れるように配置するのがポイント!

イラスト編 ―イラストをあえて隠してみよう!―

イラスト編―イラストをあえて隠してみよう!―

配置しただけののっぺりとした印象

奥行きが出てユニークな印象に!


How to make ? ~手順~

1.イラストを選択し右クリック「階層」→「最背面へ移動」をクリック
2.写真に合わせてイラストの位置や角度を調整します

イラスト編 ―イラストの色を変更してみよう!―

イラスト編―イラストの色を変更してみよう!―

写真の色合いと合っていない

色合いが整ってページ全体がまとまる!


How to make ? ~手順~

1.イラストを選択し「画像効果」→「色調調整」にチェックを入れる
2.「色調調整」→「詳細設定」で写真に合わせてイラストの「色相」や「明るさ」などを調整します

イラスト編 ―イラストを連ねよう―

イラスト編―イラストを連ねよう―

配置するだけだと「取って付けた感じ」

連ねるとにぎやかに華やかになる!


How to make ? ~手順~

1.イラストを選択し右クリック「コピー」→好きな位置に「ペースト」をクリック
2.イラストを左右に反転したり、大きさを変えたり、回転させて位置を調整します
※左右反転・・・イラストを選択し右クリック「回転と反転」→「左右に反転」

イラスト編 ―イラストを画像に重ねよう―

イラスト編―イラストを画像に重ねよう―

画像を避けて配置するとさみしい印象

画像を重ねると写真が引き立つ!


How to make ? ~手順~

1.イラストを写真のふちに少し重ねます
2.イラストに合わせてキーラインや図形を利用すると、もっと画像が引き立ちます

イラスト編 ―イラストをつなげてみよう―

イラスト編―イラストをつなげてみよう―

ガーランド(旗)を単体で使った場合

繋げて使うと「お祝い感」が高まります


How to make ? ~手順~

1.イラストを選択し右クリック「コピー」→好きな位置に「ペースト」をクリック
2.これを繰り返しつなげていきます

イラスト編 ―イラストを背景として使おう―

イラスト編―イラストを背景として使おう―

たくさん配置してにぎやかに

大きく使ってインパクトをプラス


How to make ? ~手順~

1.イラストを選択し右クリック「コピー」→好きな位置に「ペースト」をクリック
2.写真や文字とのバランスを見ながら配置します

台紙編 ―10色台紙で季節を表現しよう―

台紙編―10色台紙で季節を表現しよう―

並べることで季節の移り変わりを表現

同系色の写真を選ぶと、よりまとまります


How to make ? ~手順~

1.10色展開している柄の中から選びます
2.ページに合わせて配置していきます

台紙編 ―色をテーマにしたブックを作ろう―

台紙編―色をテーマにしたブックを作ろう―

撮影した写真を色味に分けて

小物などのオリジナル制作物の作品集に


How to make ? ~手順~

1.写真を色ごとに分けます
2.10色展開している柄の中から台紙を選びます
3.台紙のの色に合わせて写真を配置していきます

台紙編 ―台紙と写真の色を合わせると洗練する―

台紙編―台紙と写真の色を合わせると洗練する―

カラー写真にはない魅力が♪

図形や文字も同系色でまとめると◎


How to make ? ~手順~

1.画像を選択して「画像効果」→「色調補正」→「詳細設定」ボタンクリック
2.「色彩の統一をする」にチェック
3.「色相」のバーを台紙の色と近い色に設定
4.「効果を適用する」ボタンをクリック
※「明るさ」「彩度」などはお好みで変更してください
※「設定を保存する」ボタンで適用した効果を保存できます(とっても便利!)

台紙編 ―色違い台紙はトーンを揃えよう―

台紙編―色違い台紙はトーンを揃えよう―

トーン違いの台紙をmixするとブックの統一感が損なわれる

1冊の中でトーンを揃えるとページの流れがまとまります


How to make ? ~手順~

~10色展開している台紙の中でトーン違いの配色が含まれるシリーズがあります~
1.10色展開している柄の中から同じトーンの台紙を選びます

台紙編 ―和写真にも台紙を合わせよう―

台紙編―和写真にも台紙を合わせよう―

ストライプ(縦縞)

スティック


How to make ? ~手順~

和の写真にも合う台紙が結構あります。色々と試してみてね!

台紙編 ―マス目を利用してデザインしよう―

台紙編―マス目を利用してデザインしよう―

枠にフィットしてキッチリ感

文字のレイアウトもマス目を活かそう


How to make ? ~手順~

1.線の内側にくるように写真を配置して微調整します
2.文字はマス目の中央にくるように配置するとバランスが良くなります
※タイポグラフィの美しさが映えるので、いろんなフォントで試すといいかも!

台紙編 ―壁紙みたいな台紙はギャラリー風に―

台紙編―壁紙みたいな台紙はギャラリー風に―

写真に枠を付けて画廊みたいに

ダイナミックに図形を配置してキャプションをつける


How to make ? ~手順~

1.写真を選択して「画像効果」の「キーライン」をクリック
2.色は選択した台紙の中にある色と近い色を選びます
3.「図形」の「四角」を選びます
4.色は選択した台紙の中にある色と近い色を選びます
5.文字はキャプション(大きめ)と本文(小さめ)を配置します
※キーラインの色に困ったら…なんにでも合う「黒」または「白」を選ぼう!

台紙編 ―柄の線を意識しよう―

台紙編―柄の線を意識しよう―

意識しないと、ずれていて落ち着かない印象

線を揃えると、きっちりした印象になる!


How to make ? ~手順~

1.柄の線に合わせて写真などを配置します
※必ず「仕上がり確認」画面で確認して調整してください

台紙編 ―片ページのみ台紙を適用したい場合―

台紙編―片ページのみ台紙を適用したい場合―

台紙は全面にしか適用できませんが…

図形を使って片ページのみ台紙に


How to make ? ~手順~

1.「図形」→「四角」を選択して台紙の柄を適用したくない片面全体に配置します

台紙編 ―オリジナル台紙を作ろう―

台紙編―オリジナル台紙を作ろう―

単純な図形を組み合わせるだけでもカワイイ

四角の組み合わせだけでも面白い♪


How to make ? ~手順~

1.デザインした500px×500pxのjpg画像を準備します
2.MyBookEditorの「台紙」パレットを開き任意の台紙の上で右クリックします
3.「エクスプローラで開く」をクリックします
4.作った台紙のjpg画像を開かれたフォルダの中に入れます
5.MyBookEditorの「台紙」パレットの中に反映され、使えるようになります
※柄はリピートされるので、つなぎ目を意識して作ってみて下さい

台紙編 ―派手な台紙は表紙で利用しよう―

台紙編―派手な台紙は表紙で利用しよう―

写真を重ねてもいいけど・・・沈んじゃう

写真を配置しなくても可愛く仕上がる!


How to make ? ~手順~

1.タイトルを入れる場合は図形を利用します
2.図形を台紙の色に合わせると可愛く仕上がります

台紙編 ―写真を活かそうvol.1―

台紙編―写真を活かそうvol.1―

派手な台紙だと写真が沈んじゃう・・・

図形で下地を作れば写真が映える!


How to make ? ~手順~

1.図形を台紙の柄の切れ目に合わせて配置します
2.図形は柄に合わせた色を使うと写真が映え、可愛く仕上がります

台紙編 ―写真を活かそうvol.2―

台紙編―写真を活かそうvol.2―

派手な台紙だと写真が沈んじゃう・・・

図形で台紙を沈ませて写真を目立たせよう!


How to make ? ~手順~

1.ページいっぱいに図形を配置します
2.図形を選択し右クリック「階層」→「最背面へ移動」をクリック
3.図形を選択し「画像効果」→「透明度」→「詳細を設定」で透明にする
※図形の色は濃くても薄くてもOK透明度を70%以上に設定すると写真が映えます

台紙編 ―コメントを目立たせよう―

台紙編―コメントを目立たせよう―

派手な台紙だとコメントを入れても見えにくい

図形で下地を作ればコメントが目立つ!


How to make ? ~手順~

1.好きな形の図形を配置します
2.文字を入力したら、配置した図形の上に重ねます

画像ボックス編 ―画像ボックスは整えよう―

画像ボックス編―画像ボックスは整えよう―

適当に配置すると、なんだか落ち着かない

きっちり感が出て美しく整った印象


How to make ? ~手順~

1.画像の大きさを近隣の画像と揃える
  ⇒数値を入力して大きさを指定できます
2.近隣の画像と配置位置を揃える
  ⇒ルーラーやグリッドを使うと便利
3.画像と画像の間の隙間を揃える
  ⇒座標(x,y)指定ができます!
※きちんと丁寧に配置することが美しく仕上げるコツです

画像ボックス編 ―1つだけインパクトを―

画像ボックス編―画像に1つだけインパクトを―

同じ大きさで写真を並べると単調になります

大きくした写真が強調されて写真集に動きが出ます


How to make ? ~手順~

1.大きさを統一した画像BOXを作ります
2.ガイドを使用して横位置や余白間隔を揃えます
3.真ん中の画像BOXのみ拡大して位置を調整します

画像ボックス編 ―ボックスをアレンジしよう―

画像ボックス編―ボックスをアレンジしよう―

このボックスを使いますが、真ん中のボックスは削除

時間短縮♪アレンジして自分好みのレイアウトに!


How to make ? ~手順~

1.イメージに近い画像ボックスを探してページに適用します
2.不要な画像ボックスを「Delete」キーで削除します
3.削除した場所に文字やイラストを入れてアレンジしましょう♪

型抜き編 ―台紙の柄に合わせて型抜こう―

型抜き編―台紙の柄に合わせて型抜こう―

丸と四角を組み合わせて

ひし形の型抜きと図形を使ってアレンジ


How to make ? ~手順~

1.台紙の中にある模様やモチーフに注目します
2.「型抜き」から台紙に合う型抜きを適用します
※人の顔写真は型抜くと切れてしまうことがあるので、風景写真が最適です

 テンプレート/デザイン台紙編 ―黒板の上手な使い方―

テンプレート/デザイン台紙編―黒板の上手な使い方―

スクールタイプの緑色の黒板

カフェのメニューボードタイプ


Point! ~ポイント~

・文字の色やイラストは白が映えますが、カラーパレットから選ぶのは「白」ではなく「白に近いグレー」にするとチョークの質感が再現できます
・実際のチョークに近い色(鮮やかなピンクや黄色)がリアルでオススメ
・配置した図形やイラストは「透明度」を85%くらいに設定するとパッキリとした浮きを防げます
・写真を「色調調整」→「色彩の統一をする」にチェックをし、黒板に近い色相に合わせるとチョークアート風に仕上げることができます
・フォントは手書き風を選ぶと黒板の雰囲気を活かせます

テンプレート/デザイン台紙編 ―テンプレート内の素材も自由に編集できる1―

テンプレート/デザイン台紙編―テンプレート内の素材も自由に編集できる1―

元のデザインはイラストがサイドに

イラストを大きくして中央に移動


How to make ? ~手順~

1.テンプレートまたはデザイン台紙を適用します
2.図形を削除して、イラストを拡大して中央に配置します。
※画像の真ん中にイラストを配置すると、画像の差し替えマークが表示されなくなります。
 写真を差し替える際は、イラストを一旦画像の中央から外して差し替えマークを表示させてください。

テンプレート/デザイン台紙編 ―テンプレート内の素材も自由に編集できる2―

テンプレート/デザイン台紙編―テンプレート内の素材も自由に編集できる2―

元のデザインは青空

夕焼けにしてみました


How to make ? ~手順~

1.テンプレートまたはデザイン台紙を適用します
2.空イラストを選択し「画像効果」→「色調調整」にチェックを入れる
3.「色調調整」→「詳細設定」で「色相」や「明るさ」などを調整します

テンプレート/デザイン台紙編 ―背景を変更したら文字の視認性も高めよう―

テンプレート/デザイン台紙編―背景を変更したら文字の視認性も高めよう―

元のデザインのまま

台紙を黒板に変更すると文字が沈んでしまいました(名前:黒色)


How to make ? ~手順~

1.テンプレートまたはデザイン台紙を適用します
2.背景のみ変更すると・・・
-背景色によっては、そのままだと文字やイラストなどが沈む可能性があります視認性の良い色に変更しましょう!-
3.文字や図形をWクリックして色を変更します

テンプレート/デザイン台紙編 ―パーツをミックスしよう!―

テンプレート/デザイン台紙編―パーツをミックスしよう!―

元のデザインのまま

別のデザイン台紙のイラストパーツを応用


How to make ? ~手順~

1.テンプレートまたはデザイン台紙を適用します
2.欲しいパーツをコピー&ペーストで別ページに移動しておきます
3.組み合わせる際に、そのままでは色や大きさが合わない場合は変更します
※イラストの色の変更方法についてはこちらの記事をご参照ください
※テンプレートやデザイン台紙に使用されているパーツも取り出せるものがあります色々な組み合わせでお楽しみください

テンプレート/デザイン台紙編 ―素材感はそのままに背景色を変えよう―

テンプレート/デザイン台紙編―素材感はそのままに背景色を変えよう―

元のデザインのまま

質感はそのままで色だけ変更しました


How to make ? ~手順~

1.テンプレートまたはデザイン台紙を適用します
2.「図形」→「四角」お好みの色を選択します
3.画面いっぱいに図形を配置します
4.配置した図形をクリックし、「画像効果」をクリック
5.「透明度」→「詳細設定」からお好みで変更します
※透明度が高すぎると元の色に影響されやすくなり、低すぎると素材感が消えるため50%くらいが適当です
※グラデーションにチェックを入れても面白い!
※素材感をつけたくない場合は「背景色」から変更をどうぞ

テンプレート/デザイン台紙編 ―カスタマイズしよう―

テンプレート/デザイン台紙編―アレンジしよう―

元のデザインのまま

台紙を麻布に/文字&写真のキーライン&イラストの色変更


How to make ? ~手順(サンプルどおり)~

1.テンプレートまたはデザイン台紙を適用します
2.「台紙」から麻布を選び、適用します
3.文字をWクリックして色を変更します
4.画像をWクリックし「キーライン」の色を変更します
5.画像をWクリックし「色調調整」→「詳細設定」からお好みで変更します
※サンプルは「プレゼント」(win版)の本文です
※色々な組み合わせを試してみてください

テンプレート/デザイン台紙編 ―アレンジしよう―

テンプレート/デザイン台紙編―アレンジしよう―

元のデザインだと元気な印象

図形の色だけ変更穏やかな印象に


How to make ? ~手順~

1.テンプレートまたはデザイン台紙を適用します
2.図形をクリックして色を変更します
※サンプルは「カラーブロック」の表紙です
※写真の雰囲気や色調に合わせるとマッチします

 その他編 ―図形で絵を描こう―

その他編―図形で絵を描こう―

富士山も簡単にできちゃう

木を作るには■四角で幹を●円で葉を


Point!! ~ポイント~

・ひとつのまとまりを作ったらグループ化するとコピーがラクラク♪
・図形の上で右クリックして階層の配置順を工夫すると奥行感がでます
~編集画面で遊びながら色々と作ってみてくださいね!~

 その他編 ―透過図形を重ねて写真を彩ろう―

その他編―透過図形を重ねて写真を彩ろう―

写真の雰囲気から色をピックアップ

モノクロ写真にすると色の組み合わせが自由に表現できる


How to make ? ~手順~

1.「図形」で形を作り配置する
2.図形を選択し「画像効果」→「透明度」→「詳細を設定」で透明にする
※コツ 透明度によって雰囲気が変わるので、試しながら調整してください
※コツ 幾何学模様が簡単でおすすめ!

その他編 ―文字の並びに変化をつけよう―

その他編―文字の並びに変化をつけよう―

そのまま配置すると静かな単調な印象に

文字の配置に変化をつけると動きがでます


How to make ? ~手順~

1.文字を一文字ずつ配置します
2.波のようになるように少しずつずらして配置します
※コツ 文字の大きさを変えたり、色を変えたりしても印象が変わります
※コツ 最後はグループ化しておくと移動に便利です

―図形の自由入力機能でお絵描きしよう―

その他編―図形の自由入力機能でお絵描きしよう―

ゆらぎ線を描いて可愛い背景に

子供の成長記録にお絵かきも残そう


How to make ? ~手順~

1.「図形」→「自由入力」を選択
2.「線の太さ」と「色」を選ぶと手書きで自由に入力できます
※コツ 細かくは描けないのでざっくり使うといい感じに仕上がります

その他編 ―イラストと写真の色調を合わせよう―

その他編―イラストに合わせて写真を加工しよう―

イラストのデフォルト色に合わせて写真をモノクロに

イラストの色を変更してカラー写真と合わせる


How to make ? ~手順~

1.画像またはイラストを選択し「画像効果」→「色調調整」にチェックを入れる
style1.予め登録してある「モノクロ1」「モノクロ2」「モノクロ(明)」を選択
style2.「詳細設定」で「色相」や「明るさ」などを調整します
※コツ 設定情報を登録しておくと便利です!

その他編 ―カワイイ“いびつなまる”を作ろう―

その他編―カワイイ“いびつなまる”を作ろう―

スッキリしているけど味気ない

素朴な雰囲気に!デザイン性が高まりました!


How to make ? ~手順~

1.「図形」→「円」を選択し○を配置していきます
2.「図形」→「自由入力」を選択、同じ色を選択し線の太さは「60」
3. ○のふちを一周なぞります
※コツ 少々いびつなくらいがカワイイ!

その他編 ―いつもと違うフォントでセンスUp!―

その他編―いつもと違うフォントでセンスUp!―

標準フォントで作成見慣れていてなんだか味気ない

イラストに合わせてハワイらしさの雰囲気Up!


How to make ? ~手順~

1.標準フォントの中からいつもと違うフォントを選んでみる
  ⇒日本語だと「教科書体」は品良く洗練されて見えます
2.フリーフォントを配布サイトでダウンロード→インストールして使用
  ⇒ご自身の責任でお願いいたします
3. フォントを購入してインストールして使用
  ⇒プロの仕上がりが期待できます
※Opentypeのフォントの他、中には一部使用できなかったり、文字化けするものもあります
※注文前に必ず「仕上がり確認」で文字が正しく表示されているかご確認ください

その他編 ―ハロウィンブックをつくろう―

その他編―ハロウィンブックをつくろう―

テンプレート「カラーブロック」で

図形機能を駆使してポップに


How to make ? ~手順~

1.配色はハロウィンカラーで(オレンジ/黒/紫/+αでグレーや緑)
2.ハロウィンモチーフを配置(おばけ/こうもり/かぼちゃ/クモ/魔女)
3. フォントもハロウィンっぽく
※イラストやフォントはフリー素材で見つかります!

その他編 ―縦書きにトライしてみよう―

その他編―縦書きにトライしてみよう―

旅行の写真で雑誌風に

子供の写真で絵本日記風に


How to make ? ~手順~

1.縦書き用のフォントを選びます(「文字入力画面」の「フォント名」前の「@」付き)
※コツ1 「見出し」を大きく配置する
※コツ2 「本文」を少し小さめに配置する
※コツ3 写真の上に文字を重ねる
※コツ4 「見出し」の横に飾りを付けると強調されて目立つので効果的

その他編 ―キラキラした光の輪をつくろう―

その他編―キラキラした光の輪をつくろう―

キラキラの光をちらばせたい所に図形を配置

透明度をそれぞれに設定して調整


How to make ? ~手順~

1.「図形」の「円」で色は「白」を選んで配置
2.配置した円を選択した状態で「画像効果」の「透明度」をチェック
3.「詳細設定」の「グラデーションを適用する」にチェック
4.「適用度」「透明度」「方向」をお好みで設定する
※円毎に色々と設定を変えると自然な雰囲気に仕上がります
※円の色は白が無難ですが、薄い黄色や黄緑もオススメです
※写真によって合う色が異なるので試しながら調整してください
※ひとつ作ったらコピペしてバランスを見ながら増やしていくとよいです

その他編 ―図形で背景を作ろう チェック編―

その他編―図形で背景を作ろう チェック編―

みんなが知ってる定番チェックも作れる!

アーガイルチェックも!(三角▲や線|の組合せ)


How to make ? ~手順~

1.「図形」の「四角」を選んで配置
2.配置した四角を選択した状態で「画像効果」の「透明度」をチェック
3.「詳細設定」の「透明度」をお好みで設定する
4.図形をコピペして均等に整える
※背景に布地の台紙を選ぶと布のような雰囲気に仕上がります
 (ページ全体に四角を敷いて透明度を90%に設定)

その他編 ―図形で背景を作ろう ストライプ編―

その他編―図形で背景を作ろう ストライプ編―

白ベースの黒ストライプで写真を鮮やかに

色を反転させてみました 写真をシックな雰囲気に


How to make ? ~手順~

1.長方形で長い線を描く
2.ななめに配置
3.同じ図形をコピーして並べる

 その他編 ―台紙の色から選ぼう(文字色)―

その他編―台紙の色から選ぼう(文字色)―

シンプルで落ち着いた印象に

台紙にある色を使うと雰囲気が高まる


How to make ? ~手順~

1.選択した台紙の中にある色と近い文字色を選びます

その他編 ―写真の色に合わせよう―

その他編―写真の色に合わせよう―

写真の雰囲気と合っていない…

写真にある色を使うと雰囲気が高まる


How to make ? ~手順~

1.写真にある色(できればメイン色)と似た背景色を適用します

その他編 ―写真の柄を取り入れよう―

その他編―写真の柄を取り入れよう―

服の柄をそのまま再現すると統一感が出る

服の柄や場所の雰囲気からイメージしてもgood!


How to make ? ~手順~

1.太い線は「図形」→「四角」で、細い線は「図形」→「線」で
2.色を変更したり細さを変更したり、重ね順を変えたりして調整します

その他編 ―ページごとに色を変更してみよう!―

その他編―ページごとに色を変更してみよう!―

このままでもOKだけど、背景を変更すると…

「お祝い感」が高まりページも引き締まる!


How to make ? ~手順~

1.お好みの背景色を片ページのみ変更します

みんなの作品MyBookGalleryへ ギャラリーを隠す ギャラリーを閉じる ギャラリーを表示する