Affinity Designerの練習として風船の折り図を描いた


ゼロから描いたので、線の設定などぼくの普段の折り図とは仕様が若干異なる。
折り鶴の折り図は過去に描いたことがあるし、練習として「ある程度折り技法が出てきて作図に歯ごたえがありそうなもの」ということで風船を選んだ。せっかく描くのだからと全体の構成も工夫をしてみたつもりだ。
折り慣れていない人を対象にして折り図を描くのは、「かよちんおにぎり」で試したことがあるが、やはり難しい。本当にこれで伝わりやすくなってるのか?と疑問符ばかり心に浮かんでしまう。


で、Affinity Designerだが、スナップ機能が充実しているようで整列機能を使わずスナップで合わせていく方が作業効率は良さそうだ。神谷式の紙のずらしを矢印キーで行う方法も使ってみている。

Affinity Designer 1.7の機能に関する追記

普段はIllustrator CCで折り図を描いている萩原元さんが、ADから書き出したEPSのAi CCへの読み込みをテストしてくれた。それによると、

  • アートボード上のオブジェクトの位置が(下に)ずれる
  • グループ化が無効になる
  • 内側にペーストで入れ子にしたときに線と塗りの分離が起こる

ぼくが持っているのはCS5だが、こちらでも検証してみた。

アートボード上のオブジェクトの位置が(下に)ずれる

これは表題のとおり。トンボなどをつけていればAiの方で直すのは容易だからまあ許容範囲と言ったところ。

グループ化が無効になる

ファイルを開くと、全オブジェクトがグループ化された状態で開かれるが、そのグループ化はADではしていない物。それを解除すると全オブジェクトがバラバラになってしまい、ADで実行していたグループ化が全て無効になるようだ。グループ化の入れ子をしても全部が解除されていた。
これは結構問題。特に部分部分をグループ化して作業する人はかなり困るだろう。

内側にペーストで問題あり

内側にペーストについてはどうやら入れ子かどうかは関係なくて、「クリッピングマスクの形状と同じ形状のオブジェクト」で「線と塗りの分離」が起きるみたいだ。それ以外の中に入っているオブジェクトは分離しない。
部分図だと外枠の円に塗りがないからそもそも分離が発生しないけど、仮に塗りがあると分離する。入れ子でもクリッピングマスクが1つだけで済むような場合は、何段の入れ子でも中身は無事となる(つまりは、そもそも入れ子にする必要がないケースということだが)。

f:id:origami:20190705234945p:plain
クリッピングマスクが1つで済む場合ならADで何段の入れ子でも中身については分離は起きない
いずれにしても、影の描画などには内側にペーストは使えないということになり、これは個人的には結構痛い。透視図での使用もひっかかるが、それくらいなら分離してても大問題にはならないかも。
影の描画は野暮ったい方法ではあるが、輪郭線だけさらに重ねればいい。影がフチに接しないのであればそれも不要で、こちらで済むケースの方が多い。ぼくも初期はこれでずっと描いていた。分離と大差ない気もするが、自分で意識的にやっているので気分的にましな気がする。
f:id:origami:20190705235117p:plain
紙のフチに届く影の描き方(原始的な方法)
ちなみにレイヤーで「下のレイヤーにマスクを使用」コマンドでクリッピングを行うと、EPS書き出しでは中身がラスター画像になってしまったので、これは折り図制作では使えない機能だった。


そして以下は、新しく判明した機能上の問題点。

△反転機能が弱い

△としたが、×よりの△。反転が上下・左右だけしかできず、しかも反転はその場でしかできない。反転軸の指定などはできない。
折り図では折り返しの作図や、片側だけ作図したものを反転させて全体を作図するなど反転機能を多用するので、かなり問題になる。反転後の位置合わせや、傾いた軸で反転させたい場合などに、製図的な正確さで実行するのは困難となる。ぼく自身はFHで反転軸のクリック指定を目視でやってしまうので、あまり厳密に反転させたりはしないのだが、気になる人は困るだろうな。
(垂直・水平線での反転であれば、反転軸を作図しておいて、反転軸込みで反転させ、グループ化した上で元の反転軸に対して整列して、反転軸を消去するという方法で、一応正確な作図が可能ではある)

△内側にペーストの解除が即座にできない

内側にペーストされたオブジェクトが少なければ、選択してカットアンドペーストで取り出せるが、部分図などの複雑な図だとそうもいかない。
いざ中から取り出そうとしてコマンドに載っていないので「まさかできないのか」と焦ったが、一応レイヤーパネルから「中身のレイヤー」(※外枠の方ではない点に注意)のところを右クリックして表示されるメニューから解除を選ぶと、内側にペースト前の状態に戻るようだ(ユーザフォーラムを探してようやく判明した)。中身がグループ化されていないと、1つ1つのレイヤーに対して解除を選択しないといけなくなるので、内側にペースト前にグループ化は必須。まあ部分図を作る際は間違いなくグループ化してるから問題にはならなそうだが。
ちなみにFHでは「内部にペースト」とセットで「内容を取り出す」コマンドがちゃんと用意されている。

Affinity Designer 1.7で折り図が描けるかどうか試用版を使ってみた

デジタル折り図制作では通常、ベクター形式のイラストレーション制作ソフトを用いる。こうしたソフトはどれも折り図を描く用としては多機能過ぎるが(全機能の1%程度しか使わないのではないか)、かと言って折り図が楽に描けるかというと、そういう話にはならないから難しい。イラストと折り図では必要となる機能がやっぱりちょっと違うのだ。
ぼく自身は、定番であるAdobe Illustrator(以下AI)よりも折り図が描きやすいから……という理由でMacromedia FreeHand(2005年にAdobeに買収され消滅、以下FH)をかれこれ20年以上使い続けているが、いかんせん動作環境的に厳しいのは確かだ。4月にiMacを11年ぶりに新調して、この問題が一層差し迫るものになった。仮想環境などを駆使すれば最新のマシンでもFHが動くらしいのだが導入コストもかかる。それならいっそAIに移行した方がいいのではという話になってくる。旧マシンが動くうちはFHを使おうかとは考えているが、後々スムーズに移行できるように準備はしておきたい。
一応は専門的に描いているのだから大人しくAIを使えばよろしい、とは思うものの、常に折り図制作をしているわけではないのでサブスクリプションは割高感が否めないのが正直なところ。
AIの代替ソフトと言うとオープンソースInkscapeが無料ということで最近はそれで折り図を描く人も多い。以前のバージョンより時々試してはいて、新マシンにもインストールはしてはみたが最新版でもFHに比較してだいぶ使いにくく思えて、個人的には無しという感じだ。X11上で動くためショートカット等も通常のソフトと異なる仕様になってしまう。
ささみさんがブログで扱っていたGravit Designer(以下GD)はFHライクな操作感と耳にしていて気になるソフトだった。印刷用途に耐えるPRO版は年間5,766円。試用版をいじってみたところ、Inkscapeよりは良い使用感で折り図も描けそうだった。問題はデータをAIできちんと編集できるファイルとして書き出すことができなさそうなこと。Inkscapeからの書き出しでも起こることだが、1つのオブジェクトに設定された線と塗りが、2つのオブジェクトに分離してしまうのだ。こうなるとAIでは図の細かい修正などは難しくなり、レイアウト調整くらいしか編集できなくなる。業界標準のAIで扱えるデータを持っているのはやはり安心だから、残念ながらGDも採用しがたい。

というところで今回記事にするAffinity Designer(以下AD)だが、結論から言うとかなり有りだと感じた。ただ微妙なところもある。以下、良いと思った点からレビューしていこう。もちろんこれらは折り図制作という限定的な用途における評価であることは強調しておく。
affinity.serif.com

◯「オブジェクトの内側にペースト機能」がある

f:id:origami:20190703211956p:plain
ADの「内側にペースト」
FHにあってAIに無い機能である「内部にペースト」。オブジェクトの中に別のオブジェクトをペーストできる。FHと同様ADでも、1つのオブジェクトに対して複数オブジェクトを放り込んだり入れ子にすることが可能だった。素晴らしい。この機能はAIで言うクリッピングマスクの代用として「部分図を作る」「影の表現を追加する」など(訂正→参照)で重宝する。ADにはレイヤーでクリップする機能もある。

◯(複数オブジェクトにまたがる)ノードの整列が可能

f:id:origami:20190703212158p:plain
ADのノードの整列
 カドの先端など、複数オブジェクトのノード(ポイント)を揃えるのに使う。FHの超便利機能・整列パレット(参考)には残念ながら全く及ばないが、AIと同等という感じ。ただパネル表示ができず使用のたびボタンから展開・収納するのがやや不便。Inkscapeにあるノードの整列機能は限定的にしか使えないため、カドの先端のノードを揃えるにはスナップ機能を使うしかない。ぼくは紙のズレを作るときにスナップが効いているとやりにくさを感じるのでFHでは常時スナップOFFにしてすべて整列でポイントを合わせている。スナップを都度ONOFFして対処している人もいるだろう(あるいは神谷さんのように常時スナップONにして紙のズレは矢印キーで作業するとか)。ぼくはFHでは他に等分の位置を割り出すのにも整列機能の中央揃えや均等配置を使ったりしているが、AIだと特化した便利機能とかありそう。
ちなみにFHの整列は「オブジェクトA全体をオブジェクトBの特定ポイントに合わせる」という処理もできてこれが超便利なのだが、AIもADもこの挙動はしてくれない。すごく直感的だと思うのだけどなあ。
f:id:origami:20190703212247p:plain
FHの整列機能その1
f:id:origami:20190703212259p:plain
FHの整列機能その2

◯EPS書き出しでAI(CS5)で編集可能なきれいなデータにできる模様

(EPSにも一部問題あり→参照
SVG書き出しは線が太くなったり不完全なデータになってダメだった。PDF書き出しだと先述した「線と塗りでオブジェクトが分離する現象」が発生してこれもダメ。EPSでは大丈夫そうだったとは言え、なるべく特殊な機能を使わずにデータを作成する方が良いだろう。ちなみに前々項の「内側にペースト」はクリッピングマスクとして書き出される(あるいはAD上でも内部処理ではクリッピングマスクになっているのかも)。

CMYKデータ作成可能

◯ノードやハンドルの表示が大きくて見やすい

f:id:origami:20190703212409p:plain
ツールパネルと比較すると大きさがわかるかも
私事で恐縮だが、複数の眼病を抱えていて色々見えづらく、近年はFHでもAIでもハンドルやポイントの選択で誤操作が頻発しているため、とってもありがたい。(余談ながらオリヒメも線の太さを太くできる機能があって助かっている)

◯買い切り価格6000円

サブスクリプション時代にあって買い切りの潔さ。しかもAIなら月々払いで2ヶ月分、年払いでも4ヶ月分という価格は思い切っている。

△複数オブジェクトにまたがる複数ノードの選択がしづらい

選択したいノードを含むオブジェクト全てを複数選択してから、ノードツールに切り替えて複数ノード選択をする必要がある。実際的には⌘Aでオブジェクトを全選択してしまって、欲しい部分のノードを範囲選択するのが良さそう。InkscapeでもADと同じ仕様のようだ。FH・AIなら範囲選択で一発でできる。折り図ではカドの頂点位置を変えるのに常用する作業なので、一手間かかるのは少々問題。

△ペースト位置が切り替え式

FH・AIで言う「(選択オブジェクトの)前面or背面にペースト」専用のコマンドがない代わりに、ペーストする位置を背面・最上面・内部に切り替えるボタンがあり、その設定が通常のペースト(デフォルトが「前面にペースト」になっている)に反映される仕様になっている。Inkscapeではペーストは常に最前面にしかできない? 工程図を描き進める際に駆使しまくるので折り図制作では必須の機能だと思っている(参考:神谷さんの記事)。

△ナイフツールが無い

FH・AIでパスを分割するためにあるナイフツールが無い。代わりにノードツールでノードを追加・選択してそこでパス分割する。これはInkscapeも同じ仕様。このパス分割は、部分図をトリムする円弧や「引き出す」幅広白矢印を作るのに使ったりする。

△破線のパラメータが4つしかない

なので1点鎖線は作れるが2点鎖線が作れない。近年は1点鎖線を用いる人も多いのでそういう人は関係がないが、ぼくは吉澤記法に則ってずっと2点鎖線を使ってきて今後も使い続けたいと思っている。抜け道として、AIファイルの折り図データを読み込んだら2点鎖線のスタイルがそのまま表示された。内部データでは問題なくて設定ウィンドウのインターフェイス上でかかっている制限のようだ。もちろん再編集はできない。Inkscapeだと、2点鎖線を使うことは可能だがちょっと面倒らしい(参考)。

×スタイル機能が弱い

 線や塗りの設定をひとまとめにして名前をつけて登録できるが、登録したスタイルは登録したきりで編集できない。FHでは例えば「紙裏(線=0.7pt黒、塗り=白)」などと登録しておいて、あらかた作図した後に「外形線を太くしたいな」と思ったらスタイルを編集して線を0.8ptにすれば、そのスタイルが適用されているオブジェクトが一括で変わる。AIのグラフィックスタイルでも、上書き適用や更新をすることで、やはり一括で反映できる(参考)。要はADでは登録スタイルの値が各々適用されるだけで、オブジェクトと登録スタイルの紐付けはされていないということなのだろう。後で一括反映できなければスタイル登録の意味がかなり薄れるので残念だ。
加えてAIから読み込んだデータのオブジェクトからスタイル登録しようとすると、なぜか登録できない(無反応)ものが発生する。一度登録できたスタイルを削除して再度登録しようとするとできなかったりして、要因も現時点ではさっぱり分からない(というかバグっぽい)。
ADではスタイルについては登録しないで、スタイル値のペーストを随時行うような、Inkscapeと同様の運用をするしかないのかもしれない。

×オブジェクトの検索機能が無い

 オブジェクトの検索・置換機能はFHが未だに最強で、AIをしのぐ事細かな条件で検索ができる(参考)。全く検索機能が無いADはちょっと不便すぎる。Inkscapeでも可能だと言うのに(参考)。オブジェクトの検索・置換機能は、オリヒメやORIPAからSVGで展開図データを読み込んで線のスタイルを変更する際にも必要になるのでやはりできてほしいところ。
前項のスタイル機能と同様、折り図制作では同じ属性のオブジェクトを一括して検索したり置換したりすることが描画データを有効活用する上で重要だ。例えばウェブ用に折り図をカラー化する際など、こうした一括変換ができないと極めて面倒なことになってしまう。ADでも今後強化されることを望みたい。


以上をまとめると、Inkscapeよりは折り図制作向きと思われ、さすがにAIに比べると機能が少ないが、その分安価で入手でき、いざと言うときはAIに移行できる形式で書き出せる……という感じだろうか。十分に折り図制作用ソフトとして候補になりうるものだと思うし、ぼくも購入を検討している(07-07追記:買った)。個人的にはハンドル・ノードの見やすさがありがたい。AIに乗り気じゃないのは全体的に操作系が見づらすぎる部分が理由としては大きい。
最後に書いたスタイル登録や検索機能周りの問題は、一括変換等の作業に関してはAI上でやることにすれば良いわけだし、ある程度折り図の仕様が固まっていればそもそも一括変換を必要とする場面も少ないだろう。
なお、各ソフトの機能に関して自分の調査不足で事実誤認があるかもしれない。そのような箇所があったらご指摘いただければありがたいです。

2019-07-05追記:
origamiplans.hatenablog.jp

はてなブログに移行

サービスが停止された「はてなダイアリー」からここ「はてなブログ」へとなんとか移行した(少し怪しいのは後述)。
記事のインポートは1月にやっていたのだけど、公開がこんなに遅くなったのは理由があった。はてなダイアリーって初期はコメントを日付単位に投稿する仕様で、途中から記事単位に変更になったのだけど、はてなブログにインポートしてみたら、日付に対して投稿されたコメントがすべてその日の最初の記事につけられていた。しかもダイアリーのときと違って、記事を日付でまとめて読むこともできない。これだと、せっかくつけられた有用なコメントを見逃してしまうことになる。というわけで、およそ3年分のコメントを記事単位に移植した。1つのコメントで複数の記事に対する話題を書いている場合の扱いで困って結局分割したりしなかったりしている。(コメントというと、近年に頂いたコメントに返信できていなくてごめんなさい)


1つ大問題があって、記事のインポート作業だけしてダイアリーの方の公開停止やリダイレクト設定をするのを忘れたままダイアリーが機能停止してしまった。

はてなダイアリーの機能停止日までに、ブログへの移行やダイアリーの記事の全削除を行っていない場合、自動的にはてなブログへ移行いたします。
自動移行に関する注意点は以下のとおりです。

  • 自動移行の処理は順番に行っていくため、ダイアリーごとに実施時期が大きく異なる場合があります
    • 申し訳ございませんが、移行の順番を変更することはできません。ご了承ください
  • 移行先のはてなブログドメインは “ユーザー名”.hatenadiary.org になります
    • “ユーザー名” につきましては、ユーザーの状況により、ユーザー名に数字が付加されるなど、ユーザー名と同一ではないものになる場合があります

アナウンスを見ると、移行手続きをしていないダイアリーは自動移行されるとあるが、この場合どうなるんだろう。現時点でダイアリーの方は普通に閲覧できて、http://origami.hatenadiary.org/も何もないが、自動移行が完了するのが6/30ということだからまだ分からない。もし新たに自動移行されてそっちだけリダイレクト等の設定がきちんと済んでいるとなると、そっちを使う方がいいのかという問題が出てくる。その場合、またコメント移植をしなくてはいけなくなるのか・・・・・・。自分の不備とは言えややこしいことになってしまった。

2019-07-01追記

予告スケジュールで自動移行の終了日となっている6月30日を過ぎたが、まだダイアリーが残っている。問い合わせしてみようかとも思って一応調べ直してみたら、
http://d.hatena.ne.jp/hatenadiary/20190307/1551943732に「手動インポートをしたブログでリダイレクト設定まで済ませていないユーザが見受けられるが、いろいろと問題があるのでそのようなブログは運営側でリダイレクト処理を一括して行う」とあった。ということは、いずれこのブログへのリダイレクト処理が行われてダイアリーの方が消滅、ということになりそう。問い合わせはせず大人しく待つことにする。