【長いWebページでもキレイに印刷!】Adobe Acrobatで縦長の画像を横に並べて印刷する方法

ディレクターにチェックしてもらうとき、クライアントとの打ち合わせのとき、Webサイトの文字校正…など
モニターごしで見るWebデザインでも、紙に印刷してチェックを行う機会って結構多いものです。

ただ、Webページのデザインって大体縦に長いんですよね。ランディングページなどの1ページ完結型のサイトになると、それはもう、もう!ひたすら長い!

それをA4やA3用紙1枚に全体を収めようとすると、文字も読めないくらいに小さく、左右の余白もたくさん出てしまって…ちょっと残念な仕上がりになってしまいます。

こんなイメージ。なんとか収まっている…というような状態です。

今回はPDFの閲覧・編集に便利なAdobe Acrobatを使い、縦に長い画像を見やすいサイズに分割し、横に並べて印刷する方法をご紹介します。

A4用紙にこんな感じに並べて印刷していきます。

※Mac El Capitan/Adobe Acrobat Proでの出力手順です。

データの準備

AIデータ、PSDの場合は、jpg、pngなどAcrobatで扱える画像形式で書き出します。

Acrobatでの設定

データを開く

Acrobatで印刷したいデータをドラッグ&ドロップで開きます。

複数データをまとめて入れると、このようなモーダルウィンドウが開きます。

 

↓のように複数ページを続けて印刷したい場合「はい」をクリックし、この段階でデータをひとつのPDFに統合しましょう。

※あらかじめIllustratorやPhotoshopで、ひとつのPDFに書き出しておいてもOKです。

 

また、↓のように、データをそれぞれ別ページで印刷したい場合は「いいえ」をクリックし、個別のPDFとして印刷をしていきます。

プリント設定

⌘+Pまたはメニューバーのファイル→プリントからプリント設定を開きます。

 

「ページ設定」をクリックし用紙サイズを設定します。

 

次に「ページサイズ処理」「ポスター」を選択します。

 

今回は2分割したものを横に並べたいので、プレビューを参考に、2枚に収まる倍率を設定します。

境界で印刷されない部分が出るのを想定して、「重なり」も若干つけときましょう。
今回のデータでは倍率:35%/重なり:10mmで設定しました。

※複数ページ印刷する場合は、他ページのプレビューも合わせて確認しましょう。


!注意!

倍率によっては、このようにプレビュー上で、用紙の向きが横方向になる場合があります。

 

このまま印刷すると、このように印刷されてしまいます。

 

イメージ通りのレイアウトになるように、プレビューは印刷前に再度確認しましょう。


「プリンター」をクリックし「レイアウト」をタブから選択。
ページ数を「2」にし、横方向に並べます。

 

「レイアウト方向」ではページの順番を変更できます。
左右を入れ替えるときはこちらで設定しましょう。

「プリント設定」にもどり「印刷」をクリックしたら、完了です!

こちらも便利

ブラウザ上で分割印刷できるWebサービスもあるようです。ツールを介せずサクッとできるのがいいですね!
モバイルデザインの印刷の場合は、こちらもおすすめです。

縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツール「Print1」


Macの立ち上げ時、Evernoteアプリを自動起動させないようにする方法

 

ノートアプリとして定番の「Evernote(エバーノート)」。ビジネスではもちろん、プライベートでも活用されている方はたくさんいらっしゃるかと思います。

ブラウザ版の他に、Macにインストールできるアプリ版もあるのですが、このEvernoteアプリの初期設定では、Macのシステム起動時に自動的にアプリが立ち上がるようになっています。

個人的に使用頻度が高いのはブラウザ版の方。アプリ版はネット環境に不具合があったときの予備程度のものだったので、起動のたびに立ち上がってしまうのは結構煩わしい。。
なので自動起動をオフにしようと試みてはみたものの、なかなか長いこと解決策が見当たらなかったのです。

今回その悩んでたものが解消されたので、小ネタではありますが記事にしてみました。

設定箇所は「Evernote」と「システム環境」の2つ。
詳しい手順(とはいっても、簡単な方法なのですが。。)は以下からどうぞ。

※以下は2017/5/10現在の情報です。

1 Evernoteアプリの設定

まずはEvernoteアプリからの設定です。

Evernoteのメニューバーの「Evernote」から「環境設定」を選択します。

「環境設定」の「全般」から「コンピューターにログインした時にEvernoteを起動」のチェックを外します。

これでEvernoteでの設定は完了です。

2 システム環境の設定

デスクトップのメニューバーの「アップルメニュー」から「システム環境」を選択します。

「システム環境」内の「ユーザーとグループ」を選択します。

「ログイン項目」のタブをクリックし、一覧の中から「Evernote」を選択した状態で下の「-」ボタンをクリックして完了です。

終わりに

アプリの自動起動の設定は、通常「システム環境」からだけでできるものがほとんどなのですが、Evernoteはアプリ自体に設定項目があるため2箇所の設定の見直しが必要です。どちらかがオンになっていると、自動起動はオフにはなりません。

設定自体は簡単ですが、私自身それに長らく気づかず、なぜだろう?と首をひねっていました。。

同じようにお悩みの方は、ぜひおためしください。


サイトのイメージを上手に盛り上げる!キャラクターが主役のWebデザイン9選

 

固い業種のイメージをやわらげたり
特色や個性をより強調したり
意外な組み合わせでインパクトを出したり…と
イメージの印象付けに効果的なイメージキャラクター。

そんなキャラクターをうまい具合に取り入れている、9つのWebサイトをチェックしてみました。

※2017/03/31のサイトの情報です。

続きを読む サイトのイメージを上手に盛り上げる!キャラクターが主役のWebデザイン9選


Illustratorで手描き風【水彩画風の塗り】

170131_06

 

ブラシを使用した線を使った手描き風の表現「不透明マスク」を使用したがさっとしたラフな塗り表現など、Illustratorを使用した手描き風の加工をこれまでご紹介してきました。
今回はIllustratorだけでできる、水彩画風の表現方法です。

170131_13

とある案件のデザインをしていたときのこと。
基本はIllustratorのベクターイラストなのですが、塗り方だけ水彩画のような表現ができないかとの指示をいただきました。

なにかいい方法はないかと探していたところ、3倍早くなるためのDTP講座 様こちらの記事で紹介されていた方法がとても参考になりました。
自分なりに試してみたものを、覚書として今回記事として残しておきます。

続きを読む Illustratorで手描き風【水彩画風の塗り】