DTP Tipsの最近のブログ記事

昨年末に卓上の良いカレンダーをもらうことなく年を越してしまった。買おうかと思って「数字のみ」「小型の卓上」「月曜始まり」を条件にして探したが、気に入ったものが見つからなかった。
じゃあ作ってしまおう。IllustratorとJavaScriptで。

さて、まずはググってみる。「Illustrator カレンダー」などと検索するとJavaScriptで作ったよ！　とか、数字データあるよ！　などと先人によるありがたいモノが出てくる。ここはJavaScriptでやってみたい。
JavaScriptは「クリエイター手抜きプロジェクト［105］Illustrator CS/CS2編　一年分のカレンダーを自動生成する（1）」のものを（勝手に）使わせていただいた。ありがとうございます。

これをそのまま実行すると日曜始まり・RGBカラーながら、すぐにカレンダーができあがる。すごいなー。

これを月曜始まり・CMYKカラーになるよう小細工を加えて再実行。できあがったものは以下の通り。

このJavaScriptは振替休日を判定しないので注意。処理がちょいと面倒なことになるのだろう。2009年で言うと5月6日と9月22日だ。できあがったカレンダーは暦要項を見て確認しよう。
上の画像にはないけど、英語の月も入る。

日曜始まりでCMYKカラーのカレンダーを作りたい人は、ファイルをテキストエディタで開き、
kMondayStart = true;
を
kMondayStart = false;
と変更して保存、実行すると日曜始まりで生成される。

ダウンロードはこちら。
MonStartCalender.zip

解凍すると、月曜始まりカレンダー作成.jsx というファイルができるので、これをIllustrator CS3 ＞ プリセット ＞ スクリプト　の中に入れてください。Illustratorを起動してたときは、再起動してください。
ファイルメニューのスクリプトから使えるようになります。
動作環境はCS2、CS3では動きましたが、CSがないので未確認。CS以降で動くと思います。

++++

免責とか
・許可なしで再配布ＯＫ。
・お金をとってはダメ。
・改造ＯＫ。「こうしたほうがいいよ」「改良したよ」などありましたら、ぜひご連絡ください。
・「オレが作った」って自慢したら呪う。
・元のJavaScriptを作った古籏一浩さんに感謝すること。
・このプログラムを使って損害・障害が起きても責任はとりません。

++++

自分のカレンダーはまだできていません。

今回は覚え書きです。

++++

Macのプログラミングをやっていたころ、プログラムの参考として「SillyBalls」というサンプルアプリケーションがあった。直訳すると「バカ玉」ってところでしょうか。
ウインドウの中にランダムの位置にランダムの色で円を描き、その中に「Bob」と書いていくだけのアプリで、プログラミングの練習として何度かお世話になった。

前からこの「SillyBalls」をIllustratorに移植したら面白いんじゃないかと思っていたが、どうやって作るか迷っていた。プラグインで作るのがベストだが、かなり大変になりそう。試しにプラグインのサンプルコードをコンパイルしてみたが、プラグインが生成されずよくわからん。とっととあきらめ、JavaScriptで書くことにした。

IllustratorをJavaScriptで動かす方法はOpenSpaceというサイトが大変参考になる。使えそうなコードを見ていたら、ほとんどそのもののプログラムがあった。これをベースにして自分なりに改造したらプログラムが完成。すぐできたわ。

実行するとこんな感じのタマが

ズドドドドとドキュメント全体に描画されるのであります。

１回の実行で40個のタマを描く。上のは４回実行したのでタマは160個あるはず。
手打ち設定ながらも、タマの大きさ・数、CMYK各色の最大値を設定しやすくした。色をすべてMaxで設定すると400%になることもあるので要注意だ。プラグインなら設定ウインドウで値を設定して実行！できるんだけど・・・・。

タマがところどころ固まってるように見えるのは、疑似乱数ってやつなのでしょうがないのかな。色も似たような色あいになるときもある。
余談だけど、疑似乱数を発生させる方法で「メルセンヌ・ツイスタ」って必殺技ぽいのがあった。竜巻出るね。

ぱっと見は役に立たなさそうだけど、応用は効きそう。円じゃなくて★や四角もできるし、「色をランダムで設定」てのがスプレーツールじゃできないようなので、それだけでも使えるかも。

東京メトロになってしばらく経ったが、「営団」時代に設置された駅名表示に使われているフォントが気になっていた。よく紹介されているゴシック4550ではなく、このフォントのこと。

すっきりしっかりした印象と読みやすさとがあって気に入っていた。が、特に調べず。

先日ふと思い出して、ちょこちょこっと調べてみたら「タイプバンクゴシック」だとわかった。
ウエイトは駅名の漢字がDBでひらがなはMのよーな気がする。ちょっと平体がかかってるぽい。欧文はAkzidenz-Grotesk。

駅の中をよくよく見ていたら、いろいろなところに使われていた。

さっきの駅名表示はまわりに人がいる中、コソコソ撮ったよ。

東京メトロになってからは新ゴ＆Frutiger、Z14などの駅番号はFutura Bold。

「ゴナ」と「新ゴ」といえば、アレな書体だ。

街中で氾濫している書体だけど、どっちがどっちだかわからない。
そんなアナタにゴナと新ゴの見分け方をちょっと紹介。ゴナを見つけたときは、ギザギザの10円玉をもらったときのような感覚になります。

ゴナＤ［DNAG］

新ゴR

漢字は見分けづらいのでかなで見分けます。

・ま　横棒の上が短いのがゴナ。長いのが新ゴ。
・た　最後の入筆がクルっとなっているのが新ゴ。
・あ、か　まるっこいのが新ゴ。
・る　上側が左に寄って見えるのが新ゴ。
・な　右上の点が直線なのがゴナ。やや丸みがあるのが新ゴ。
・全体的には、新ゴの方がまるっこい。

それと、例文に他意はありません。
（「愛のあるユニークで豊かな書体」と「名前はまだ無い」から取った）

PDFにちょっとした修正を入れたり、EPSファイルにして印刷に使いたいときなど、体裁そのままにアウトライン化したいことがある。
フォントが埋め込まれたPDFをアウトライン化するにはAcrobat Professionalを使う方法があるが、透明のオブジェクトを作って云々と少し手間がかかる。そこでIllustratorを使用した方が簡単にできるが、あまり紹介されていないようなのでその方法を書いておきます。バージョンはCS以降で可能。

QuarkXPressのファイルをInDesignで読み込むと、テキストフレームの文字が少し上にズレてしまう。

左　Quark　　右　InDesign

これは、InDesignのテキストフレームに変換したときに「テキストフレーム設定＞ベースラインオプション＞先頭ベースライン位置＞オフセット」が「アセント」などに設定されてしまうため発生する。
この設定を自分で「仮想ボディの高さ」に直せば問題は解決するが、数個のテキストフレームならまだしも、何ページもあるドキュメントでは修正する手間がかかりすぎる。
小技で回避できそうにないので、InDesign用にスクリプトを書いた。

このスクリプトを実行すると、ドキュメントのなかにある、すべてのテキストフレームの先頭ベースライン位置を「仮想ボディの高さ」に直してくれる。テキストフレームの中に埋め込まれたテキストフレームも修正する。

注意点としては、
・マスターページにあるテキストフレームは直さない。
・「アセント」以外に設定されていても、すべて「仮想ボディの高さ」に設定される。
・QuarkXPressのファイルをInDesignで読み込んだ直後にこのスクリプトを実行するのがよいと思う。

ダウンロードは↓から。Zipで圧縮してあります。

to_emboxHeight.jsx.zip

Mac OS Xなら勝手に解凍されるか、ダブルクリックで解凍できるはずです。
解凍すると、
to_emboxHeight.jsx
というファイルができるので、アプリケーションフォルダのInDesign CS2_J:Presets:Scriptsの中にコピーしてください。

InDesign CS2用としてつくってありますが、拡張子を「.jsx」から「.js」にするとInDesign CSでも動いた。Windowsで動くかは未確認。

（9/9 追記）
このスクリプトでは、グループ化されているテキストフレームの設定は変更されないことがわかった。
グループ化を解除してから実行すればＯＫだけど、それもナニですね。解除されていなくても変更できるように改造してますのでしばらくお待ちを。

（9/11 追記）
グループ化されてても「仮想ボディの高さ」に設定されるようにしましたー。
ちなみに、ロックされているテキストフレームでも変更されます。

--- 免責とか ---

・許可なしで再配布ＯＫ。
・お金をとってはダメ。
・改造ＯＫ。「こうしたほうがいいよ」「改良したよ」などありましたら、ぜひご連絡ください。
・「オレが作った」って自慢したら呪う。
・このプログラムを使って障害が起きても責任はとりません。

会社の昼ごはんはおにぎりをむすんでいって食べています。
おにぎりを食べながらYahoo!ニュースを見ていてふと思った。Illustratorでおにぎり（三角）ってどう描くんだ？

家に帰ってからIllustrator本を見ていたらおにぎり形の描き方が載っていたが、それっぽく適当に角丸めてね、といった説明だった。ダメだそんなの。

簡単に描けそうだと思っていたが、いろいろ試してみてもうまく描けない。
あきらめてフロに入ったら思いついた。というわけで、おにぎりを描く方法です。