Webページをガイドを使いきちんとレイアウト印刷/PDF保存


☆☆ 妄想印刷ネタです ☆☆(机上の妄想なのでうまくいくか?)☆☆

以前紹介した記事「スナップショットツールを使い Webページの三分間トリミング
では”位置揃え”が、かなりてきとうだったので..

今回はガイドを使って

・文章部分(画像)の配置する位置を揃える
・文章部分(画像)の拡大率を統一する(文字の大きさを揃える)

ことで、もう少しきちんとしたレイアウトイメージの文書に仕上げたいと思います。


 準備


■ 手順は途中までこの記事と一緒です

◇ 例として「競走馬カジノドライヴ、ベルモントS.に至る」ブログ使わせて頂きます ◇

w0015e

■ スナップ感度の設定

1.ガイドのオプションを開く
 ・[メニューバー] →「編集」→「環境設定」→ 左側の[カテゴリ] の「測定」で開く
 ・[ルーラー上の右クックメニュー] → 「測定の設定」から開く
2.スナップのカスタマイズを開く(ダイアログの一番下のカスタマイズボタン)
3.ガイドのスナップ感度を「高」に設定

w0016e

[zubolla.メモ]  PDF-XChange Viewerの [ スナップ機能 ] の使い方

■ PDF-XChange Viewer の表示設定



 ガイドを使って、きちんとレイアウト


【 ガイドの作成 】

■ 1ページ目の文章部分に合わせてガイドを作成

w0017e

■ 2ページ目のガイド位置を、1ページのガイドに合わせて作成

w0018e

■ 拡大表示で正確な位置調整

w0019e




【 マウスドラッグでコピー 】

■ スナップショットツールを使い、ガイドを目安にして文章部分をコピー
(切り取り幅を一定にすることで拡大率を一定にできます)

w0020e w0021e

■ 2倍に拡大して、赤丸部分をガイド位置までドラッグして調整
    他の部分はクリックしないで!めんどくさいことになるので.

w0022e w0023e
  (微妙に [スナップ] がマウス矩形にも効くみたいです..気のせい?)

■ 正確に合わせたいなら4倍拡大で

w0024e




【 新規ドキュメントへ貼り付け 】

■ コピー、貼り付け、を繰り返してプレレイアウト → ガイドを表示

w0025e w0026e




【 ガイドに合わせた文章部分(画像)のレイアウト 】

・文章部分(画像)を配置する位置を揃える
・文章部分(画像)の拡大率を統一する


■ スナップ機能の効果でガイドにピタリと吸い付いてくれます。
■ 矩形の □ 部分をマウスドラッグで操作しますが、チョイ慣れが必要です。

w0027e




【 テキストボックスを使う 】

■ 選択ツールでテキストをコピー(日付け)

w0v002e

w0028e

■ 右クリックメニューから貼り付け(テキストボックスがつくられ文字が挿入される)

w0029e




【 きちんとした(?)レイアウト 】

できた?

w0031e





スナップショットツールを使い Webページの三分間トリミング


☆☆ 妄想印刷ネタです ☆☆(机上の妄想なのでうまくいくか?)☆☆

WebページをA4サイズに収め
いい感じに整形して印刷/PDFに保存するって
けっこうめんどくさいですよね
 
そこで妄想してみた
 
PDF-XChange Viewer の [ スナップショットツール ] を使い
ぺージの一部をコピーして
別ページにペタペタと張り付けて
はいっ!あっという間にできあがり


 PDFファイル化までの流れ

Webページを表示
        ↓
ブラウザの印刷機能を使い、仮想プリンタでPDFファイル化
        ↓
PDF-XChange Viewer PRO でPDFファイルを開く / 新規ドキュメントの作成
        ↓
[ スナップショットツール ] を使い、選択した領域をコピー
        ↓    ↑
プレレイアウトしながら、新規ドキュメントへ貼り付け
        ↓
マウスドラッグでレイアウト / サイズ調整
        ↓
グリッドを表示し細かい修正
        ↓
仮想プリンタで新規ドキュメントをPDFファイル化

 準備 


■ PDF-XChange Viewer PRO 試用版

[zubolla.メモ]  PDF-XChange Viewer PRO のインストール


■ 仮想プリンタなどのWebページをPDFファイル化できるツール

[zubolla.メモ]  PDF 作成プリンタドライバについて
[zubolla.メモ]  WebページをワンクリックでPDFファイル化するFirefoxアドオン



手順    Webページを表示 ~ 新規ドキュメントの作成


◇ 例として「競走馬カジノドライヴ、ベルモントS.に至る」ブログ使わせて頂きます ◇

【 WebページをPDFファイル化 】

3Ga1e

【 PDF-XChange Viewer PRO 試用版で開く 】

3Ga2e

新規ドキュメントを作成

3Ga3e

□ New Document

3Ga3_e


[zubolla.メモ]  PDF-XChange Viewer PRO の新規作成を使ってみた


 

スナップショットツール : オプション


■ コピー解像度の設定

印刷するなら、最低でも300dpiに設定します。
貼り付けた後、拡大することも多いので 400dpi 600dpi 必要な場合もあります。
この解像度は適宜適用してください

※ 高解像度ほどデータ量大きくなると思います。
※ コピー部分が黒文字だけならグレースケールでコピーすれば
    少しはデータ量少なくできるかも

[zubolla.メモ]  PDF-XChange Viewer スナップショットツール の使用方法


3Ga5e



手順    スナップショットツールを使う ~ 印刷/PDF保存


【 スナップショットツールを選択 】

3Ga6e



【 マウスドラッグでコピー 】

3Ga7e


3Ga8e



【 プレレイアウトしながら、新規ドキュメントへ貼り付け 】

右クリックメニューから貼り付け
この時、絶対に左クリックしないように!(オブジェクト以外の場所で)
コピーした内容が消えてしまいます。


3Ga9e

3Ga10e



【 マウスドラッグでレイアウト/サイズ調整 】

ツールを手のひらツールか選択ツールへ切り替えて

・オブジェクトをクリックして選択 → マウスドラッグで移動
・矩形の □ 部分をマウスドラッグしてサイズ調整



3Ga11e




【 プレレイアウトの完成 】

3Ga12e




【 グリッドを表示し細かい修正 】

[zubolla.メモ]  PDF-XChange Viewerの [ スナップ機能 ] の使い方

3Ga13e

■ [ ←↑↓→ ] キー:グリッド単位での移動
■ [ Ctrl ] キーを押しながら [ ←↑↓→ ]:ピクセル単位での移動

3Ga14e




【 ほぼ完成 】

あとは、こだわり修正するなり、印刷するなり
仮想プリンタでPDFファイル化するなり

どうぞ...

3Ga15e

※ テキストデータを埋め込む



【 PDFファイル化 】





プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム