PDF校正が出せないっ！ ●だったり■だったりの話（Illustratorでの作成方法つき）
皆さんPDF校正やってますか？ もう当たり前になってるよってところも多いでしょうね。まだですって方は.Tooさんのページにリンクをしておくので見ておかれた方がいいでしょう。
PDF校正で制作過程をスムーズに！ 活用のメリットと注意点を解説
この中に「PDFには、元文書のレイアウトを忠実に再現できる特性があるため、環境の異なるPCであっても同じ状態で見ることができます。」とあります。もちろん、PDF（Portable Document Format）を開発した目的自体が「異なる環境でも同じ体裁（レイアウト）を再現」することですから、これは当然のことです。
しかしながら実際には、表示する環境によって見え方が異なるという状況が存在します。古くは「縦組の頭末揃えのテキストがFirefoxで表示すると行頭揃えになってしまう」という問題がありました（バージョンアップで解消されたはず）。
今回再び、表示する環境で見え方が異なる状況を確認したので、シェアします。
これは見る環境によって四角に見えたり丸に見えたりする図形です。他社ビューアというのは、Foxit PDF ReaderだったりMicrosoft Edge（Acrobat拡張機能なし）だったりします。
なお、確認にあたってはX（旧Twitter）で環境ごとの見え方を検証していただきました。ご協力ありがとうございました。
【緩募】なんかAcrobatでしか意図通りに表示されない（私の環境で）PDFができちゃったんだけどWindows以外で確認してくれる人いませんか？ pic.twitter.com/kgttVmF1Mz
— お～まち@組版仕事ないですか (@CS5_omachi) January 25, 2024
そもそもの経緯なんですが、まず、円の中に数文字が入るデザインは結構あると思います。InDesignでは正円を作成し、その上にテキストフレームを重ねてグループ化するというのが一番多い作り方だと思います。
それを1つのテキストフレームだけで完結できないか、と試行錯誤してたんです（諸事情があってですね）。その結果、テキストフレームの塗りにグラデーション効果をかけて円にするという方法を思いついたわけです。1つのテキストフレームで完結するので、文字修正が格段に楽になりますね。ただし使えるのは正円に限った話で、楕円ができないのはちょっと辛い。
次の図は今回行ったInDesignのテキストフレームでの作り方になりますが、別にテキストフレームではなくて単なる図形の正方形でも同じです。
これを作成後、PDFで確認したら「あれ？ 表示がおかしいぞ」と。
私の普段使いのPDFビューアはFoxit PDF Readerです。非常に軽いのでちょっと確認するだけのときは都合がいいです（ただ、テキストコピーの際に半角スペース（0x20）を1/3emスペース（U+2004）に変更してしまうのはいただけない）。PDFファイルの編集はAcrobatですが、必要に応じて瞬簡PDF 統合版も使います。今回のケースは自分と協力者の調査の結果、次のようになりました。
●で表示される（意図どおり）もの
Acrobat、acrobat.com、瞬簡PDF、プレビュー.app、クイックルック
■で表示される（意図ではない）もの
Foxit PDF Reader、Microsoft Edge、Google Chrome、AndroidのDropbox内ビューワー、Raspberry Pi OSのChronium
はっきりとメーカーによる差ですね。Adobe、Apple、アンテナハウスはOK、それ以外はダメという結果です。（Affinity Suiteについては条件があります。次の記事に記載します）
このように、PDFを表示するアプリケーションによって結果が異なるというのは、PDF校正における大きな問題点です。多くの印刷会社ではAPPE（Adobe PDF Print Engine）を使用したRIPを使っているでしょうから、印刷時には問題ないでしょう。しかし顧客側でPDFを確認する際はどうでしょうか。MacだったりAcrobat Readerを使っていれば問題ないでしょうが、それ以外の場合（多くはMicrosoft Edge、Google Chromeになると思います）では意図通り表示されないということになります。今回の仕事は顧客の閲覧環境をコントロールできないため、このテクニックの採用は見送ることにしました。いずれすべてのPDFビューアが正しく表示できるようになるまで（いつまでだよ）封印します。
Illustratorでの作り方
この「危険を察知できるPDF」ファイルはIllustratorでも簡単に作成できます。お客さんが全然パソコンに詳しくなくて話が通じないとき、このPDFを表示させて「丸が見えますか？ 四角が見えますか？」と聞くことで環境を察知することができます。ブラウザのAcrobat拡張機能が入っているかも確認できますね。
- 長方形ツールで正方形を作成します（塗り：適当な色、線：なし）
- 作成した正方形をコピー、前面へペースト（元の位置にペースト）で同じ位置に重ねます（2つ重なった状態で、上の方の正方形が選択されている）
- 上の方の正方形が選択された状態のまま、ツールバー下部のグラデーションをクリックします
- グラデーションパネルが開くので、①円形グラデーションをクリック、②左側の分岐点をクリック（最初から選択されている場合は省略）③位置に99.9を入力します
（もしグラデーションパネルが初期値から変更されていた場合は、左分岐点が白、右分岐点が黒になるよう変更してください） - 透明パネルを開きます
- 正方形を2つとも選択し、透明パネルの［マスク作成］をクリックします
- これでできあがりです。この後、PDF形式で保存してください
一応、私の作ったPDF（編集機能保持）ファイル（Ver. 28.2）を置いておきます。よかったら次の記事も見てください。