あなたのPhotoshopはいつから?

どうもどうも。
うちのPhotoshopは3.0.5からでした。ちょうどレイヤーが使えるようになったときですね。
レイヤーもどきの「フロート選択範囲」というものもまだギリギリありました。
PCが非力でクソデカ画像が満足に開けない時に、指定の一部領域だけを開いて編集保存できる「クイックエディット」なんて機能もありましたねえ。

元から多機能なアプリですが、今に比べるとぜんぜん機能が少ないので「メニューとパネルの項目を片っ端からぜんぶ試してやろう」が可能でしたね。時間も余裕があったので、納得いくまであれこれ試しては知識と経験をむさぼるようにむさぼりました。

そんなことはどうでもよくてさ(言いたかっただけだな)

DTP業界に参入する前年、Photoshop4.0がリリースされたんですよ。
アクションをはじめ、新機能がとても便利でした。長らく安定バージョンとして活躍してたような。
(うちは節操なく最新バージョンに飛びつく子でした)
それと、当時は自分でイースターエッグを見つけることにも熱心でした。
いろんなメニュー項目をキーボードの修飾キーを押しながら実行すると、なんか出るってやつ。
近年バージョンではツールバーにバナナが出せますね!

当のバージョン4.0には「Big Electric Cat」がいました。
でっかい電気ねこ!

ふつう、イースターエッグはただ画面がでてそれでおしまいなんですが、このねこには仕掛けがありました。
鼻をクリックすると鳴くんですよ。かわいいー。おもしろーい。大好きー。


うちは慢性的にゲームが作りたかった

話は変わり、うちはゲームが好きで。
作るのも好きだけど、作ったことなくて。典型的なむかしの小中学生だな。
作ったことはあるけど高校のポケコンでBASICで組んだ、本当に単純なやつだけ。
で、ふた昔ほど前、Flashで比較的手軽に作れるのを知り、いざ始め(ようとし)たんですよ。
つってもMacromediaのFlashじゃなく、AdobeのLiveMotionを買いました。
LiveMotionをものすごくかんたんにいうと、Flashつくる「Adobeの」アプリ。
なんで本家Flashにしなかったのって、根っからAdobeっ子だったから。
ホームページもGoLiveで作ってたし…

いざ公式テキストを買ってひととおり触れるようにはなったものの、
本のおしまいのあたりに書いてあるActionScriptはちょいハードルが高くて。ゲーム作るにはコレの習得が必要そうだった。
で、ヤル気の助走をつけてるうちにLiveMotionはバージョン2.0に。
それに合わせてActionScriptのバージョンも2.0に。べべ別物になっとるわー。
それでやや萎えて一旦距離を置くことに。

Flashが、「AdobeのFlash」に

DTP業務でExtendScriptを覚えだした頃、AdobeがMacromediaを買収。
え、じゃLiveMotionもう出ないの。
って知らぬ間にActionScriptは3.0になってて、まーたガラリと別物に…
前に比べればJavaScriptにも少し慣れてきたので、いっちょやるか、
とあちこちを見ながら学習して、いくらか動かせるようにはなりました。もう覚えてないけど。
でも、母体のアプリはというと、FlashがLiveMotionの記憶を呼び覚ましてくれないぐらいの別物に見えて、
まーたアプリ覚え直しかよ、というのでまたも疎遠になってしまい。
ExtendScriptで「何か作りたい欲」がそこそこ満たされてしまってたのもあり。

Big Electric Catを作りたい

なので、過去のLiveMotionスキルのことは一旦なかったことにして、
なにか単純なものから作り直そうと思ったんですね。
冒頭で紹介した電気ねこが適任でした。これならモチベも高い。
で、知人たちを頼って素材をかき集めました。自宅のはもう捨ててた…
さてー、さてさてー。

てとこでAnimate到来

まごまごしてたらAnimateが来ましたねえ…おれは時間をかけすぎた。
まーたまたゼロからですよ。
このひと、今でも笑っちゃうぐらいにラーニングコンテンツが整ってなくて。
ユーザーの大半は昔っからFlash使ってる人だと思うけど、すんなり移行できたのかな。
新規ユーザーなんてものは果たして実在するのかな…
ともかく、またまたまた助走のつけ直しになりました。

AfterEffectsおもしろいね

ところでAnimateの親戚みたいなUIのAfterEffects、以前からちろちろ気になってはいたんだけど
若い頃に3DCGアニメーションつくる人がたくさん輩出してるのを見かけていて、
これはああいう立派な動画を作るのに使うもので、自分のゴミみたいな絵を動かすのはちょっと恐れ多いな、みたいな意識があって敬遠気味にしてたんですわ。
でも何かを見て(何をだ)「自分のゴミみたいな絵を動かすのに使ってもいいんだ!」と気づき、
Adobeクリエイティブカレッジに参加して少しだけ使い方の流れを教わったです。
きっとUIがなんとなく似てるからAnimateにも有利なはず、などと根拠のない助走をつけました。

やっとやっとAnimate独習開始

おっそいな! 素材を取り揃えてから8年経ってたよ!
Animateのチュートリアルは、提供されたキャラクター素材を動かすだけのものばかり。
その素材の作り方を教えてくれよ、と叫ぶこと数回。
ステップごとに画面上でコーチングしてくれる実践チュートリアルは不具合があり、完遂できないものもいくつか。
でも、たかがBig Electric Catを作るだけなら、もういける気がするんよ。
しかし世の中、「たかが」と口にすると「されど」がもれなくついてくるもの。
されどでした。動くように作ったのに動かない。原因がわからない。ちんぷんかんぷん。
アプローチを変えたり、ファイル形式を変えてみたり、のべ5ヶ月の間ずっともちょもちょやってました。
ところが。

きましたAnimate終了の報

あー、ついにきたか、という感想だったかな。
他のアプリみんなバージョン2026がリリースされてるのにAnimateは2024で止まってたんだもの。
日本ではコミュニティフォーラムも静かなままだったし。
代替アプリはAfterEffectsやExpressでがんばれ、とアナウンスされていたけど、
そいつらでは用を足せないのを確認してからAnimateをさわり始めたんだよ。
そしたら他社の何かになるのか。また探すとこからか。
この数ヶ月悩んだのはなんだったのか(行動開始が遅いのがわるい)。
放心気味に溜息を吐くようにTwitterでぼやいた。ら。

それ、◯◯でできます

反応くれたのはあかつきさん
それ、InDesignでできます
いつかの勉強会のタイトルそのまんま使われたな…w うまいこと言われたなあw
InDesign、業務で毎日使ってるだけあって自分自身いまいちばん得意なアプリなんだけど
インタラクティブ系の機能はEPUBファイルの作成がいい感じにできないという話があちこちから聞こえてたので、業務が発生しないうちはハナからひとつも掘り下げてなかったのでした。
そうかー、やるだけやってみっかー、と普段しまいっぱなしの見たことないパネル類を出して、いじること、10分ぐらい。
できてしまった…
つい先日、InDesign25周年の配信でも最後にインタラカンタラやってたじゃんね。見てたのにね。
見直したぞInDesign。推しアプリじゃ。同担拒否じゃ。

Animateやめるのやめた の報

ユーザー数はともかく、Flah稼業の方たちが一斉に上げた声、うちの想像以上の大きさでした。
著名なアニメーターの方や、Flash全盛の頃にバズッた方も。
代わりになるものがない重要なアプリであることを再認識したような。シェアはともかく。
え、電気ねこ、せっかくできたけどAnimateで作りなおす…?
誰かに師事しないとこれ以上は無理だなあ。

以上とりあえず、この数日に起こったできごとを交えての振り返りでした。
InDesignで作った電気ねこ、実物に比べて少しラグはあるけど、動きます。
鼻をクリックしてみてね。スピーカー音量は最大にしてね。約束ね。
どうぞどうぞ。

Illustrator:透明効果とオーバープリントは仲が悪いぞ

あいさつ

どもども。うち、いま印刷会社にいまして。
といっても自分はいまデータ制作までしかしてなくて、出力作業別の担当者がいるんですけど。
といっても製版屋歴がわりと長いので、そこいらのプリプレス作業者よりは出力工程のこと知ってるつもりでして。

弊社のRIP(印刷用のデータ処理ソフト)では、K100のオブジェクトに自動でオーバープリントを施すように設定しています。
この設定は世間一般の印刷会社でも広く採用されており、主にテキストがK100で配置されるデザインに対しては非常に効果的であるといえます。
ここまでで否定されては話が進まないので、「そうなのね」としておいてください。
とうぜん、絵柄中の広域なK100領域があれば背面オブジェクトに注意したりもしています。


なんでか

元来オーバープリントはデータ設計者が意図をもって施すべき設定なのですが、
そうではない入稿データが後を絶たない現状です。
効果をねらって設定されたデータはほぼほぼ皆無で、意識外で設定されたまま知らずに入稿されてくるケースばかりです。
つまりは、最大公約数的な考えにもとづいています。


へんなデータどうやってできるの

その経緯はといえば、はじめにK100で利用していたパーツがあり、何らかの経緯でそれにオーバープリントが設定され、
いつか別の色で流用することとなり、単純に今回使用する色の適用だけをして、オーバープリントが残る。
Illustratorでは本当によく起こる流れなのです。

そのため弊社では、
・データにあらかじめ設定されていたオーバープリントは無視
・K100オブジェクトのみRIP上で自動的にオーバープリント処理
というフローを行っております。
当然、入稿時とくに「オーバープリントを活かして」などと添え書きがあれば確実に対応させていただいてます。


軽いまとめ

なかでも「白のオーバープリント」だけは絶対に狙ってやるものではないので、
これも近年ではRIPに専用の設定項目が設けられていたりします。

ここまでで、この2点がだいじなところです。
・黒(K100)は基本的にオーバープリントにする
・白は絶対にオーバープリントを無視する


さて本題

先日、白ヌキのイラストが配置されたデータが入稿されました。
Illustrator上では見えており、オーバープリントプレビューでも異常は見つからず、
RIP処理して出力したらまるごと消えた、という謎に出くわしました。
くわしく紹介します。

ファイルを開くとこんなかんじ。この白いひとかたまりが出力したら消えました。

これ、元はスミベタで使われていたのを流用したらしくて。

線と塗りが混在したグループだったので、
想像だけど、別のカラーに変更するのがめんどくさかったんだと思います。

それで実際のデータは、グループの描画モードを「比較(明)」にしてありました。
想像だけど、これでラクしてズルしてうまいことしのいだ気になったんだと思います。

この作り方、ラクにカラー変更できた時点では、ある意味では本当に正解なんです。
でも、出力したら見えなくなちゃたよ。

実は、冒頭で記しておいた世間一般の印刷会社のありふれたRIPの設定がじゃまをしたわけです。
そう、K100自動オーバープリント。
今回、社内で相談を受けたものの自己の脳内RIPが働かず、
京都のおせんべいやさんに相談して鮮やかに教えていただきました。さすがすぎないか。頼もしすぎないか。


たしかめよう 見つけよう すてきな罠データ

RIPというやつは、どのご家庭にでもたいがいある…ような物ではないので、
ひとつ手元のIllustratorだけで検証してみましょう。
問題のマークを選択して、編集 > カラー編集 > プラックオーバープリント
を、以下の設定で実行します。これでK100のものにオーバープリントが適用されます。

…かかりました。画面上は白だけど構成しているパス1こ1こはK100だから、かかっちゃうのです。

そしてドキドキのオーバープリントプレビュー。
はい、どーん。やったー(うれしくない悲鳴)

というわけです。
オーバープリントと透明効果は、とにかくよくケンカします。
よほど実現手順が大変でない限りは別の手段でデータを作ってほしいな、と出力屋の目線では思うわけです。
濃度を落とすだけの目的で不透明度をいじったりなんてのは論外中の論外ですよ。

かくいう出力屋も、データを開いての確認を怠ってはいけません。油断するといつでも欺かれます。
・オーバープリントプレビュー
・分版プレビュー
に加えて
・分割・統合プレビュー
も面倒がらずに行っていれば容易に気付けたんじゃないかなーと思うです。

いや、自分も気付くの相当おそかったけど……


(追記)ほかの回避策はないのか

今回はPDF/X-4で運用してのことでした。PDF/X-1aを採用すれば回避できたかと思います。
が、X-1a主体でやってた頃は、透明効果まわりのストリーク(ほっそーーいスキマが出るアレ)にさんざ悩まされていて、今でも夢に見るぐらいこりごりなんだそうで。わっかる。

時代の流れでX-4を使うようになって、やっとあのいまいましいスジに悩まされずに済むぞ、と思ったらこれかよっていう。
「コレやっとけば全部に通用する」は、そうそうないですね。
データの内容に応じた対策を都度とらないといけない、というのはいつの世でも頭に入れておきたい。


おわりに

今回はCTPにまわる前に発覚したのでぜんぜん大丈夫だったんですが、
コレを得意技としている制作者にひとこと言ってやろうと筆をとったものの、
なんかいい感じの言い方がまとまらなくて一旦おくことにしてしまいました。
「自動スミノセなんて印刷屋の都合でしかないじゃないか」
なんて言われたらムググとしか言い返せない気がしてしまって。

なんかいいいいかたないですかね…

InDesign:表のセル内の値を百分率にして棒グラフっぽく塗るやつ

どもども。土曜出社なうです…

だしぬけに、こんなかんじの指定が来たんですわ。

どうにも文章での表現に不自由してるんですが、言いたいことはわかりますかねえ。
※引用で教えてもらいました。Excelの条件付き書式「データ バー」というらしいです! 知らなかった。すごいなエクセル。

こんなの、手作業する気なんかまったくなくて、
自分で書くかチャピーに頼むかになるんですが、
土曜出社のウップンが祟って自分で書きました。見越したとおり30分ほどで。


スクリプトは例によってリンク先の右上にある“Download ZIP”からどうぞ。

セルの値で棒グラフ.jsx


ちょっと前準備がありまして。

(日)セル内マージンを0に

とくにインデント目的で左右に仕込んであるやつは段落のほうのインデントでなんとかしましょう。

(月)段落境界線

対象セル内の段落に段落境界線(前境界線)を設定しておいてください。
そのとき、「フレームに収める」のチェックを外しておいてください。

(火)セルの属性

「内容をセル内に入る部分のみ表示」にチェック。

準備は以上ですー。こんなかんじになります。セル境界の線が見づらくなるけどがまんしましょう。


セル群を選択してスクリプト実行しましょう。

はいー。

100を超える値は、まあ100と同等に見えます。
入れ忘れたけど数値として成立していないテキストの場合は0になります。

いつか、どっかの誰かのお役に立ちますように…