イラレノ

デザイン・モノづくりの本質と考え方。TIPSもたまに。

カテゴリー: TIPS

  • 【Illustrator】1つのパスのアンカーポイント上限数は？

    【Illustrator】1つのパスのアンカーポイント上限数は？

    Illustratorの1本のパス（オブジェクト）にはコントロールポイント数に上限があります。

    1本のオープンパスのコントロールポイント上限数は、

    「32000ポイント」

    これを超えることは基本的に出来ません。

    例えば、2本のパスを「連結」しようとしたとき、連結後のアンカーポイント総数が32000ポイントを超えるようであれば連結処理はされません。連結しようとしてできない場合は、アンカーポイント数を疑ってみてください。（ポイント数は情報パネルの「オブジェクト」で確認可能）

    ただし「複合パス」は1つの複合パスオブジェクトで32000ポイント超えることが可能です。

    2つ以上のオブジェクトの集合体という扱いのため、見た目としては1つのオブジェクトのように見えますが実態は複数のオブジェクトがグループ化されているような状態です。複数オブジェクトのアンカーポイント総数が表示されるため、32000ポイントを超えていても問題ないのです。ただし1つ1つは32000ポイント以下のオブジェクトである必要はあります。

    もう一つ例外があります。

    32000ポイントを持つオープンパスに「アンカーポイントの追加」をペンツールでしていく方法です。情報パネルでは32000ポイント以上が1つのパスにある表示になるのですが、これは限定的なものであり、一度保存して次に同じファイルを開いた時には32000ポイント目と32001ポイント目が分割されて2つのオブジェクトになっています。塗り色や線色は全て破棄されている状態となります。

    もしファイルを開いた時にこの状態になっていたら、何らかの理由で32000ポイントを超えていたオブジェクトがあったという事になります。適宜分割して32000ポイント以内に収めるように修正しましょう。

    さらに例外があります。

    Illustrator以外にアプリで保存したベクターオブジェクトをIllustratorに読み込んだ時です。

    320000ポイントという上限はあくまでもIllustratorの上限値ですので、例えばCADや他のベクターアプリではこの上限値より多くのポイントを持たせることが可能なものもあります。それらで作成されたファイルを読み込んだ際には、一時的に32000ポイントを超えるオブジェクトがIllustrator上に表示されますが、これも一度保存して開き直した際には上記と同じく32000ポイントのところで分割されます。

    ＊Illustrator以外で作成された32000ポイント以上のオブジェクトは正常に読み込まれない場合もあります。

    ポイント数の上限はこの記事を制作した際の上限です（Illustrator CC2023）

    今後、増える可能性もあります。

  • 【Illustrator】グラフ設定の「グラフの幅」と「各項目の幅」をわかりやすく解説

    【Illustrator】グラフ設定の「グラフの幅」と「各項目の幅」をわかりやすく解説

    Illustratorの「グラフ」機能は上手く使えばグラフィカルな棒グラフなどを簡単に作成できるが、使い方が今ひとつわかりにくい。中でも見た目に直結する「グラフの幅」と「各項目の幅」の設定は特にわかりにくいため、本記事では重点的にこの２点だけを解説する。

    本記事では「棒グラフ」を例にして解説するが、基本的にはどのグラフでも考え方は変わらないので、他のグラフでも応用は可能。

    「棒グラフの幅」と「各項目の幅」の数値を100％にした場合はどうなる？

    データを１つだけ入力して棒が1本だけの状態で「棒グラフの幅」と「各項目の幅」の値に【100％】を入力した場合はこうなる。

    グラフ全体が塗りつぶされるように、棒グラフが１本描画される（緑の部分）

    棒グラフの場合、「棒グラフの幅」も「各項目の幅」も横軸に対して適応される。1つしかない棒の幅を100％に設定しているため、グラフの幅いっぱいに棒が生成されている状態だ。縦軸はデータに入れた数値の最大値となっているため、縦横めいっぱいに棒が描画されたというわけだ。

    「棒グラフの幅」を50％にしてみよう

    まずは結果から。一気にグラフらしくなったでしょう。

    「棒グラフの幅」は文字通りグラフ上にある棒の「幅」を決める値（パーセンテージ）となる。重要なのは「何に対しての50％なのか？」ということ。もちろん基準となるのは「各項目の幅」だ。
    まずはこの事をしっかり覚えておこう。

    「棒グラフの幅」を決めるのは「各項目の幅」が基準

    上の棒グラフの場合「各項目の幅」100％に対して「棒グラフの幅」は50％となるため、左右に25％づつスペースができる（棒は自動的に横軸の中央に配置される仕様）。例えば、グラフ横軸の最大幅が10cmとすると、緑色の棒の幅は10cmの50％となるので5cmの棒が描画されるということだ。

    基本はこれだけ。これだけをしっかり覚えればあとは色々な数値を入れて試していけば、すぐに慣れるだろう。きちんと計算すればグラフの最大幅、各棒グラフの幅、棒と棒のスペースなどをセンチメートルなどの単位で導き出す事が可能。紙面上でグラフを入れるスペースが何cm×何cmと決まっていても大丈夫。きっちりとスペースに収まる綺麗なグラフが作成可能だ。

    「棒グラフの幅」「各項目の幅」を50％にした場合

    「棒グラフの幅」を決めるのは「各項目の幅」が基準のため、

    各項目の幅：横軸の最大幅の50％

    棒グラフの幅：「横軸の最大幅の50％」の50％＝横軸全体の25％

    ％だと感覚的にわかりにくい人は「cm（センチメートル）」や「mm（ミリメートル）」に置き換えて考えると良いかもしれない。

    例えば横軸の最大幅を「10cm」とした場合、

    各項目の幅：10cmの50％（半分）＝5cm

    棒グラフの幅：5cmの50％（半分）＝2.5cm

    というようになる。

    基準となるのが「各項目の幅」の値となるので、まずは「各項目の幅」を決めてからグラフの作成を始めると良い。

    各項目の幅は「横軸のうちどれくらいを棒グラフの面積にしようか？」という決め方でよい。もっというと、横軸の左右の余白をどれくらい（何％）取ろうか？ということだけだ。余白を20％空けたいのであれば「各項目の幅」に入れる数値は【80％】となる。

    入力データを２つにした場合は？

    次に入力データを２つにしたグラフを見てみよう。いままでは１つだったため棒も１本だったが、次からは2本のグラフを例にして解説していく。「棒グラフの幅」「各項目の幅」はともに100％の数値を入れたグラフが下のものだ。

    当たり前だがデータが２つのため、棒は２本となる。

    「各項目の幅」は100％のため、グラフ横軸をめいっぱいに使って描画される。

    「各項目の幅」という言葉に騙されそうになるが、「各項目を合わせた幅」と言い換えるとわかりやすい。それぞれの棒の幅ではなく、棒をすべて合算したときの幅という意味だ。Adobeの日本語訳はたまに分かりづらい箇所がある。

    「棒グラフの幅」は1本ごとの棒の幅を決める数値なので、100％の場合は棒どうしがくっつく。

    「各項目の幅」に入力した数値を最大値としてデータの個数で均等割りした幅が棒1本ごとに割り当たる最大幅となる。「棒グラフの幅」はこの最大幅に対して何％を棒として描画するかという数値を入力する項目だ。

    例えば、
    「棒グラフの幅」：100％
    「各項目の幅」：75％
    と設定した際のグラフは以下のようになる。

    横軸の左右に余白ができた。
    棒2本を合わせた幅が「75％」となるため、左右に25％を2で割った「12.5％」の余白だできるということになる。75％の幅は横軸の中央に描画される仕様だ。このような仕様のため、先にも書いたように「各項目の幅」はグラフの左右につけたい「余白」を作るための数値と覚えても問題ない。

    例をもう一つ。
    「棒グラフの幅」：50％
    「各項目の幅」：100％
    と設定した際のグラフは以下のようになる。

    こちらも同じく左右に余白ができるが「各項目の幅」を75％にしたときと意味合いは全く違うので注意が必要だ。この場合の横軸左右にできる余白はデータの個数や「棒グラフの幅」に入力した値によって常に変動することとなる。作りたいグラフによってはこのやり方のほうが良い場合もあるが、慣れるまでは「各項目の幅」で横軸左右の余白を決めて、棒グラフの幅で棒の幅と棒どうしの余白を決めていくほうが混乱しないだろう。まずは「各項目の幅」を決めてから「棒グラフの幅」で調節していくという手順がわかりやすい。

    まとめ

    パーセントという単位では理解しにくいという人は、センチメートルやミリメートルなど直感的にわかりやすい単位で考えるとスッと理解できると思う。

    練習する場合、データに入れる数値は単純な整数にして「棒グラフの幅」と「各項目の幅」に入れる数値も50％や25％などわかりやすく、偶数で割り切れる数値にて試すとより理解がしやすい。

    最初にグラフツールで大きさを決める際も、縦横10cmなどの正方形で設定するとさらにわかりやすい。実際に各グラフの棒の幅を測れば、パーセントの感覚も掴めるだろう。

    グラフを制作する際に設定する順番は

    1. 「各項目の幅」で左右の余白サイズを決める
    2. 「棒グラフの幅」で棒の幅を調節する

    この順番で作業すると、混乱せずに希望のグラフが作れることだろう。

  • 【Illustrator】F1キーにレイヤー移動のショートカットを設定して作業効率アップ！

    【Illustrator】F1キーにレイヤー移動のショートカットを設定して作業効率アップ！

    Illustratorでファンクションキーの「F1」使ってます？
    使わないのは当然で「ヘルプのショートカット」として割り当てられているため使うことが少ない、極端に。
    ヘルプ、使います？ほぼ使わないのにとても押しやすいF1キーを専有されていては勿体ない。
    レイヤー移動を多用する人には必見。

    この記事では「レイヤー移動」のショートカットの設定方法と利点を書くが、レイヤー移動じゃなくともあなたが常用する機能をショートカット登録すると作業効率がとても早くなるはず！登録の仕方はどの機能でも同じですので参考に。

    レイヤー移動をショートカット化する利点

    Illustratorでレイヤー移動する方法は2点。

    • レイヤーの右端の四角■をドラッグして移動
    • 上部メニュー「オブジェクト」→「重ね順」→「選択しているレイヤーに移動」

    この記事で設定するショートカットは後者の「選択しているレイヤーに移動」となるが、そのメリットを紹介。

    • ショートカットでレイヤー移動を素早く操作
    • ドラッグと違い操作ミスが少ない
    • ロックしたレイヤーにも移動可能！

    特に最後の「ロックしたレイヤーにも移動可能」というのはとても便利。
    筆者の使い方の場合、ロックしたレイヤーは基本的に「完成したので動かさない」オブジェクトを入れておく事が多い。もしくは一時的にでも触りたくないもの。
    作業中、完成したオブジェクトはロックしたレイヤーに移動して意図せず変形移動をしないように安全確保。オブジェクト数もレイヤー数も多い作業では特に重要。また、レイヤー名が仕様上で決まっている場合もとても便利。仮の作業用レイヤーにて作業後に正式なレイヤーへ移動という手段を取れる。正式なレイヤーはロックしたままなので作業中のケアレスミスも防げる。
    オブジェクトのロック機能はほとんど使わない。

    「選択しているレイヤーに移動」機能はショートカット化しなくともロックしたレイヤーに移動することは可能だが、毎回メニューから選択するのは手間がかかるのでショートカット化をオススメしている。

    ショートカットを多用する人はファンクションキーにも様々なものを登録すると思うが、作業内容によって設定しなおしているパターンもよく見かける。作業AならF2はAのショートカット登録、作業BなさF2はBのショートカットを登録、というように。
    レイヤー移動をF1にオススメするもう一つ理由は「どの作業でも絶対に同じ操作を行うから」だ。レイヤー移動はどんな作業でも共通して行う操作なのでF1を不動のポジションとして確保して登録すると作業効率が大幅アップ。
    そもそもほぼ使ってないキーが使用可能になるのでとても便利。

    設定は簡単2ステップで終了。

    STEP1：キーボードショートカットの設定を開く

    ※以下の画面キャプチャー画像はWindows版Illustrator2021を使用しているが別バージョンはMac版でも同様の手順となります。

    上部メニューの「編集」→「キーボードショートカット」をクリック

    STEP2：F1にショートカットを設定

    ※セットは「初期設定」でも自分用のセットでもOK

    ドロップダウンリストから「ツール」を「メニューコマンド」に変更

    「オブジェクト→重ね順→選択しているレイヤーに移動」を選択する

    文字横の空欄をクリックしキーボードの「F1」キーを押す
    空欄に「F1」と入力されれば成功

    「ショートカットは～～」と既に設定されているショートカットキーがありますよ！という注意メッセージが下部に表示される。デフォルトではヘルプとなる。

    問題なければ【OK】ボタンを押すして設定完了！
    素敵なF1ライフをご堪能あれ。

    以下はショートカットの設定を初めてする人、もしくはセット名を「初期設定」にして設定した人に出るメッセージの解説。

    自分用のショートカットセット名を付ける

    STEP2の最後にOKを押した後、「キーセットファイルを保存」のメッセージが出た人は以下を読み進めて欲しい。何も難しいことは無いのでご安心を。

    「キーセットファイル」というのは自分用にカスタマイズしたショートカットの設定を一括で保存しておくファイル名の事。
    Illustrator初期設定のショートカットを変更せずに自分用にカスタマイズした設定を「いくつでも」登録しておけるので、例えば作業毎にセットを保存しておくのも一つの手だ。

    ファイル名は日本語もOK。分かりやすい名前を付けよう。
    筆者は「マイセット」という身も蓋もない名称にしているが、こういうのは変にこだわらずストレートに分かりやすい方が良い。誰に見られるわけでもないですし。

    ファイル名を付けたら【OK】ボタンを押すと保存されて設定完了。

    以降、Illustrator起動時にこの自分用のキーセットが読み込まれるので、毎回切り替える必要はない。
    ※セットが複数ある人は前回終了時に使っていたセットが読み込まれる。

    キーボードショートカットはデフォルトでもある程度便利だが、自分の作業用にある程度カスタマイズすると作業効率がとても上がる。初期設定にはいつでも戻せるので気軽に変更していこう。

  • [Illustrator]ライブペイントでアイソメイラストを塗り絵のように楽しく作る

    [Illustrator]ライブペイントでアイソメイラストを塗り絵のように楽しく作る

    Illustratorのライブペイント機能を使えば、塗り絵のように楽しくアイソメイラストを書ける。
    好きな色を好きなように塗り塗り。
    上手く塗るコツは、最初に使う色を3色決めてスウォッチに登録するだけ。
    もちろん3色以上もOK。

    • バージョン：IllustratorCC以上
    • iPad版Illustratorは不可（ライブペイント機能未実装）

    STEP1：ライブペイント用のグリッド線を作る

    アイソメトリックイラストに欠かせないグリッド線。
    大きく分けて、グリッド（マス目）がひし形か三角形の2パターンあり、ライブペイントで作る場合は三角形のグリッドを使う。ひし形だと縦線が塗れないからだ。

    すでにグリッド線の作り方を知っている人やテンプレートがある人は、ご自身のでOKなのでSTEP2へ進もう。
    テンプレートや作り方に自信が無い人は、当blogでグリッド線の簡単な作り方を解説しているので、下記を参考に。

    [Illustrator]アイソメイラストのグリッド線をパス1本でサッと作る

    STEP2：スウォッチに使う色を登録しよう

    3色でOK。
    ・基本の色
    ・少し暗い色
    ・かなり暗い色

    アイソメトリックイラストは、必ず「3つの面」がつながって1つの立方体となる。
    作品のテイストにもよるが、一般的には上面がもっとも明るく、右面が暗い。左面はその中間。左上から光が差していることとなる。
    なので、上面を基本にして、少しくらい色とかなり暗い色の3色を作れば最低限OKだ。

    アートボード外の適当な場所に、3つの四角形を作って3色を決めよう。四角形の大きさは任意で。

    色を決めたらスウォッチに「新規カラーグループ」として登録しよう。これを登録することでライブペイントでの色塗りが劇的に楽になる。

    1. 着色した3つのオブジェクトを選択する
    2. スウォッチパネル下の「新規カラーグループ」ボタンを押す（フォルダのアイコン）
    3. 任意で名前を付けてOKボタンを押したらカラーブループ完成

    STEP3：アイソメ用のグリッドをライブペイント化しよう

    STEP1で用意作成したグリッド線をライブペイント用のオブジェクトに変換する。
    グリッド線が多い（マス目が細かい）と処理に時間がかかり、場合によってはIllustratorがフリーズしたり落ちたりするので、必ず保存してから作業しよう。
    あまりに多いとIllustratorが「複雑で時間かかるから保存をオススメ！」というメッセージが出るときもある。

    1. グリッド線を選択
    2. 線と塗の色を「なし」にする
    3. メニュー「オブジェクト」→「ライブペイント」→「作成」をクリック
      もしくは、ライブペイントツールでグリッド線のオブジェクトをクリック
    4. ライブペイント用のオブジェクト変換完了

    STEP4：好きなように楽しく着色

    最初はちょっと慣れが必要だけど、好きなように着色していけばよい。
    ただし、ライブペイントはIllustratorの機能の中でも重たい部類なのでこまめな保存をしながらの作業がオススメ。

    上面、左面、右面の「ひし形」を意識すると塗りやすい。ライブペイントのグリッドは三角形なので2つのエリアで1セットと覚えるのが良いだろう。

    最初は上面を着色して、ある程度の形が見えたら左面と右面を着色して立体感を出すのが楽だ。

    ライブペイントツールで楽に着色するヒント

    ・上下左右の矢印キーでスウォッチの色を選択する
    ライブペイントカーソルの上に出ている3色の四角は「選択されているスウォッチの色」とその左右の色を表示している。
    これを矢印キーの左右で変更可能。
    STEP2で作成した3色の色を矢印キーで切り替えながら着色するととても楽。
    上下キーはスウォッチのグループを変更可能。着色「なし」を選択すれば、間違って着色した部分を消せる。

    ・キーボードショートカットでスポイトツールを活用
    ライブペイントツール使用中にAltキーかOptionキーを押すことでスポイトツールに変わる。矢印キーでのスウォッチ切り替えと合わせて使うと色の選択が更に楽々。
    Windows：Altキー
    Mac：Optionキー

    ライブペイント塗り絵の例

    ライブペイントの詳しい機能はこちらの公式ヘルプをご覧下さい。

    https://helpx.adobe.com/jp/illustrator/using/live-paint-groups.html

    より複雑な形状を作りたい。ライブペイントではなく自分で作図したい場合はこちらの記事が役に立つと思います。

    [Illustrator]アイソメイラスト作成でシアー等の変形後に元の幅へ戻す拡大率

    [Illustrator]アイソメイラストのグリッド線をパス1本でサッと作る

  • [Illustrator]アイソメイラスト作成でシアー等の変形後に元の幅へ戻す拡大率

    [Illustrator]アイソメイラスト作成でシアー等の変形後に元の幅へ戻す拡大率

    アイソメトリックのイラストを書くとき、平面（正面図など）で書いた図形に縮小→シアー→回転と変形してアイソメトリックの形にすると元の幅より小さくなっている。縮小とシアーをかけているので当たり前なのだが、グリッド線に合わせて作図しているとこれがけっこう困る。手動で書いたオブジェクトと合わなくなるからだ。
    そこで、元の幅に戻す「拡大率」のご紹介。アクションに組み込むと作業が捗る。

    まずは注意事項

    この拡大率は全てのパターンで正確に元に戻る拡大率ではない。限りなく元の幅の近似値になる拡大率であることに注意が必要。
    例えば。
    元の幅＝50mm
    拡大率適応後の幅＝49.9999mm
    という具合になる場合がある。もちろん元の値に戻る場合も多数。
    単位が「ピクセル（px）」の場合に近似値となることが多い。

    これは元々の縮小率がルート（割切れない数値）に基づいていたり、ピクセルやミリメートル、ポイントなどの単位変換による誤差もある。さらに筆者は数学にあまり自信がないということも付け加えてご了承頂きたい。

    また、幅100％で高さ86.6％で縮小する変形方法の場合、この拡大率は使えないので注意。

    元に戻す拡大率は「141.4206％」

    アイソメトリックな形にする縮小→シアー→回転→拡大の手順。

    上面
    1. 拡大縮小：水平81.65％　垂直70.71％
    2. シアー：30度
    3. 回転：－30度
    4. 拡大縮小：縦横比を固定「141.4206％」
    左面
    1. 拡大縮小：水平81.65％　垂直70.71％
    2. シアー：－30度
    3. 回転：－30度
    4. 拡大縮小：縦横比を固定「141.4206％」
    右面
    1. 拡大縮小：水平81.65％　垂直70.71％
    2. シアー：30度
    3. 回転：30度
    4. 拡大縮小：縦横比を固定「141.4206％」

    上面の幅は元オブジェクト幅の2倍となり、左面と右面の幅を合計した数値となる。

    グリッド線を元にして手動で作図したオブジェクトと、正面図からシアー等で変形したオブジェクトを混在させながら作るときにとても重宝する。円形や複雑な形状のときは特に。
    上・左・右面用に各アクションを組んでおくと便利。アクションのパネル上では小数点第2位までの表示のため「141.42％」となるが、拡大縮小の入力時に「141.4206」としていれば大丈夫。

    一歩踏み込んで、こんな小技はどうでしょう？

    上面、左面、右面の各アクションに明るさの調整を加えると便利だ。
    アイソメトリックイラストは多くの場合、
    ・上面：明るい色（立体の基本的な色）
    ・左面：上面より10～30％ほど暗い色
    ・右面：上面より30～60％ほど暗い色
    という事が多い。
    つまり上面の色を基準にして左右を暗くすれば良いのだから、これをアクションに組み込むと作業が捗る。もちろん、作風によってはこの手法は使えないので作りたいものによって使い分けよう。

    ただし以下の手法はドキュメントのカラーモードが「CMYK」と「RGB」で別々のアクションを組む必要がある。カラーモードがCMYKの場合RGBの色調整のアクションは無視されてしまう。逆も同じ。
    真っ黒（RGB:0、K100％）の色には通用しないので注意。

    1. 色を変更したいオブジェクトを選択（左面か右面）
    2. メニューの「編集」→「カラーを編集」→「カラーバランス調整」
    3. RGBモード：RGB各値をマイナスで同じ数字。CMYKはKの％をプラスにする
      （画像例は20％暗く指定）

    イラスト全体を淡い感じに仕上げたい場合は、「カラーバランス調整」ではなく「カラーを編集」→「彩度調整」を使っても良い。この場合は一番濃い色の右面を基準に、上面が一番彩度が低くなるように調整しよう。

    最後にコーヒーはいかが？
    本文と少しだけ関係のある小ネタでちょっと一息。忙しい人は読まなくても大丈夫！

    アイソメトリック画像（イラスト）を作る手法は様々にある。大きく分けてIllustratorやPhotoshopなどの2Dで描く方法と、CADや3DCGソフトを使う3Dから作る手法。どちらも一長一短なのでどっちが良いというものでもない。どっちも良い。
    作りたい作品によって使い分けるのが良いだろう。簡単なイラストや手書きのテイストを重視したいなら2Dソフトで作り、複雑な構造や多数のオブジェクト、陰影のリアルさなどを表現したいなら3Dソフトが強い。
    さらにIllustratorだけをとっても様々な手法がある。
    効果の「3D　押し出しベベル」を使ったり、手動で書いたり、ライブペイントを使ったり。2Dソフトの中にはアイソメトリックを書くための専用補助ツールを搭載しているものもあり、選択に困るだろう。
    筆者も色々なソフト・アプリを試していはいるが、いまのところ正解は得ていない。
    ・2Dソフト→立体を作るのが時間がかかり、複雑な構造物は頭が混乱する
    ・3Dソフト→オブジェクトの作成、ライティング、レンダリングと全体的に時間がかかる
    いづれにせよ「書きたいもの」によって手法を使い分ける事が作業時間を減らしクオリティを上げることに繋がる。逆に言うと、色々な手法を試さないと自分の作風に最適なものは分からないということだ。
    ネット状にはこの記事を含めて様々なTIPSやソフト・アプリの紹介があるが、自分に合っていそうだなと思ったものはとりあえず試してみることをオススメする。

  • [Illustrator]アイソメイラストのグリッド線をパス1本でサッと作る

    [Illustrator]アイソメイラストのグリッド線をパス1本でサッと作る

    アピアランスで作るから、最初は適当に作って後で間隔などを調整可能という便利さ。
    最初に緻密な計算が不要でざっくりと始められるストレスの無さは魅力的。

    STEP1：アートボードの左端に垂直な線を引く

    アートボードの左端にアートボードと同じ高さの線を1本書く。
    アートボードの大きさ、単位などは任意でOK（この記事では単位ピクセルで解説）

    • アートボードの高さと同じ
    • アートボードの左端（X=0の座標）
    • 線幅は1pt以下が見やすい
    • 線色は何色でもOK（塗り色は無し）
    • 単位などは自由に設定可能

    STEP2：アピアランスで線を伸ばす

    STEP1で作成した線を選択したまま、アピアランスパネルの新規効果追加ボタン（Fxボタン）より
    「パスの変形」→「変形」をクリックする。
    ※この後の手順でも「パスの変形→変形」を何度も使います

    垂直方向を「300％」以上にする。

    • 垂直方向に300％以上伸ばす
    • あとで変更可能

    STEP3：アピアランスで線をコピー

    アピアランスの「変形」で線を複数コピーして垂直線を増やす。線と線の間の間隔も設定する。
    STEP2の線を選択したまま、新規効果追加ボタン→「パスの変形→変形」をクリック。
    「水平方向」に任意の数字を入れる（線と線の間隔を決める）
    「コピー」に任意で偶数の数字を入れる（アートボードの右端までコピーされる数値を入れる）
    コピー数は奇数の数字だと後の手順でグリッド線がズレるため、必ず偶数を入力する。あとで変更可能なので入力数字は適当でOK。

    • 水平方向に線の間隔を入力
    • コピー数はアートボードの右端程度
    • コピー数は必ず偶数を入力
    • あとで変更可能

    STEP4：アピアランスでパスを回転する

    STEP3の線を選択したまま、新規効果追加ボタン→「パスの変形→変形」をクリック。
    角度「60度」を入力
    コピー「1」を入力
    グリッド線がズレるため、この数字は絶対に変更しない事。

    • 角度「60度」
    • コピー「1」
    • 数値は変更しない

    STEP5：さらにアピアランスで線を回転する

    STEP4の線を選択したまま、新規効果追加ボタン→「パスの変形→変形」をクリック。
    角度「120度」を入力
    コピー「1」を入力
    STEP4と同様にグリッド線がズレるため、この数字は絶対に変更しない事。
    このステップで基本的なグリッド線は完成。

    • 角度「120度」
    • コピー「1」
    • 数値は変更しない
    • 基本的にはこれでグリッド線は完成

    STEP6：グリッド線の調整

    STEP5までの手順で出来上がったアピアランスパネルは「変形」効果が4つできている。
    そのうち、STEP2と3で作成したアピアランスを調整して、作成するアイソメトリックイラストに合わせた設定をしていく。

    • アートボードより線が短い場合は「垂直方向」の％を大きくする
    • アートボード全体に線が無い場合は「コピー数」を多くする（偶数の数字）
    • 回転角度は変えない

    STEP7：アピアランスを分割して完成

    STEP6で好みのグリッド線が出来上がったら、「オブジェクト」→「アピアランスの分割」をクリックしてパス化。グループを解除後にガイド化するか、好みの線幅と色を付けてガイド用のオブジェクトとして使う。
    「アピアランスの分割」後は線の間隔などを調整できないので注意。

    一度覚えてしまえば次からはサクッと作れる。「変形」を4回繰り返しているだけだ。基本的な部分は変わらないのでSTEP5まではアクションを作っても良いかもしれない。

    余談ではあるが、オブジェクトのコピーペーストで60度・120度回転しても綺麗なグリッドはできず高確率でずれる。幅長さを計算すれば可能だが、それよりはアピアランスで作ったほうが早いだろう。

  • [Illustrator]2万5千分の1地図：鉄道記号の書き方とテンプレート（地理院平成25年版図式）

    [Illustrator]2万5千分の1地図：鉄道記号の書き方とテンプレート（地理院平成25年版図式）


    国土地理院策定の平成25年版地形図図式に則った鉄道地図記号の書き方と商用利用可能なテンプレートの配布。書き方は使用頻度の高い「JR線」を解説。JR以外や駅、トンネル等はダウンロード可能なテンプレートから利用可能。

    正確・精細な地図というものは線幅や色、角度、大きさなど事細かに決まっている。あくまでも「基準」なので少しくらいは違っても構わないが、よりクオリティの高い地図を作成するためにとても参考になる図式だ。この記事では2万5千分の1地形図図式に即した作図方法とテンプレートをご紹介。

    参考：国土地理院　2万5千分1地形図図式（表示基準）（PDF）
    ※鉄道の項目は17ページから
    https://www.gsi.go.jp/common/000218186.pdf

    単位設定は「mm」がオススメ

    精細な地図を作図する場合、線と一般の単位を「mm（ミリメートル）」に変更するのがオススメ。図式は全てミリメートルで書かれており、縮尺を確認する場合も分かりやすい。
    文字は「ポイント」でも問題ない。

    STEP1：0.4mmの線を書く

    鉄道線の基本的な太さが「0.4mm」。色はK100％にする

    • 線幅：0.4mm
    • 色：K100％

    STEP2：0.2mmの線をアピアランスで増やす

    アピアランスパネルで「線」を選択し、下部の「選択した項目を複製」ボタンを押す。
    線幅を0.2mm、色をK0％にすると二重線が出来上がる。

    • アピアランスで「線」を増やす
    • 線幅：0.2mm
    • 色：K0％

    STEP3：2.5mm間隔の破線を書く

    STEP2と同じくアピアランスパネルで「線」を追加する。
    線幅を0.4mm、色をK100にしたあと「線：」の部分をクリックして破線に「2.5mm」を入力すると見慣れた鉄道の白黒線が完成。

    • アピアランスで「線」を増やす
    • 線幅：0.4mm
    • 色：K100％
    • 破線：2.5mm

    テンプレートのダウンロード

    鉄道関連を集めたテンプレートをダウンロードできます。商用利用可能。
    Illustrator保存バージョン：CC(2021）
    ※Windows環境にて作成。Macではテキストが化けるかもしれませんがテキストは全て「小塚ゴシック」を使用しています。文字は説明にのみ使用しているので文字化けしても鉄道テンプレートに影響はありません。

    オーバープリントの設定はしていません。

    ご注意

    当サイトの情報またはファイル等を使用した行為により発生したいかなるトラブル・損失・損害に対しても、当サイトは責任を負いません。ご利用は自己責任にてお願い致します。

    テンプレートダウンロード[MapSchema25000-Rail.ai]
    アイキャッチ画像：Free-PhotosによるPixabayからの画像
  • [Illustrator]パス1本だけでリピート機能を使い綺麗な円形幾何学模様の作り方

    [Illustrator]パス1本だけでリピート機能を使い綺麗な円形幾何学模様の作り方

    まずは完成図から。パス1本でこんなのが書けます。リピート機能「ラジアル」の裏技的な使い方。

    リピート機能はIllustratorCCバージョン2021から使える機能です。それ以下では使用できません。

    STEP1：直線を書く

    直線のパスを1本作る。長さ、線幅はお好みで。短すぎたり太すぎると見にくいので注意。

    ポイント
    • 線幅は1pt程度が見やすい
    • 長さは最終的な大きさの1/3～半分くらいがちょうど良い

    STEP2：リピート[ラジアル]を適用する

    STEP1で作成した直線を選択し、上部メニュー「オブジェクト」→「リピート」の「ラジアル」をクリックしてラジアルリピートを適用する。数値はデフォルトでOK。

    STEP3：リピートオプションの半径を「0」にする

    半径を「0」にした場合、STEP2の状態には戻れない為、不安であればSTEP2の状態のオブジェクトをコピペしてどこかに一時保存しておくと良い。

    リピートしたオブジェクトを選択状態のまま、「リピートオプション」の半径の値を「0」にする。単位はデフォルトのままで良い。

    ポイント
    • 半径の数字を「０」にする
    • STEP2の状態には戻らないのでコピペでSTEP2のオブジェクトを一時保存すると良い

    STEP4：リピートオブジェクトの半径の数字を増やす

    STEP3で「0」にした半径を適当な値まで増やす。半径の値は直線の長さにより変わるため、下の画像のように少し線が重なる程度まで数値を増やす。

    半径を「0」にしたときに、リピートする基準点が変わったため、リピート数はSTEP2と同じだがリピートされた結果が異なる。ここが裏技的な要素。

    試しにリピート数を「1」にしたのが下の画像↓　STEP2と青いガイド線の位置が違い基準点の位置が変わったのが分かる。

    STEP5：リピート数を増やす

    リピートオプションの「リピート数」を最大値の「100」にする。後で変更できるので100を入力しとくと分かりやすい。

    ポイント
    • リピート数は「100」を入力すればOK

    STEP6：半径とオブジェクトサイズを調節して好きな形に

    リピートオブジェクトの「半径」の値と、オブジェクトそのものの大きさを変更して好きな形と大きさに整えていく。まずは半径を小さくしてからオブジェクトの大きさを大きくする手順がオススメ。1度では良い形にならないため、続けて何回も半径と大きさを変えていく。「やり直し」は使わない。
    線幅を細くするとより精細な幾何学模様のイメージとなる。リピート数を変えても良い。

    ポイント
    • 「やり直し」は使わない
    • 半径→オブジェクトサイズ　の順で繰り返し形を整える
    • 半径は内側の白い丸をドラックして変更可能
    • 縦横の比率は保ったまま拡縮する
    • 線幅を細くすると精細なイメージが強くなる
    • リピート数を減らすと隙間が多くなる

    STEP7：仕上げ

    線幅や色などを設定して仕上げをする。グラデーションは「円形」を使うと着色しやすい。思ったように着色できない場合は「分割・拡張」で全てをパスオブジェクトにしてからの着色しても良い。

    応用でこんなのも作れます↓（拡張後にブレンドツールを使用）

    直線以外でも色々な形状で試すと面白い。初期の形状が単純なほど仕上りは綺麗になるようだ。

  • ちょっとしたファイル名の工夫で整理整頓

    ちょっとしたファイル名の工夫で整理整頓

    日々増えていくファイルの管理や整理は新規にファイルを作成する時にやるのが一番イイ！

    ある程度まとまってからではなく「最初に」が基本。最初以外にやる整理は「取捨選択」として基本的には不要になった作業用一時ファイルの削除などをするのが理想的な管理方法。

    フォルダ・ファイルの命名に気をつけたいポイント

    フォルダ・ファイルの命名ルールを決める事がステップ1だ。完全に自分ルールでOKだが、他人との共有やOSの違い等を考慮した場合、少しだけ気をつけたいポイントがある。

    • 機種依存文字や特殊文字を使わない
    • 全角/半角スペースを使わない

    上記2つは主に文字化けを防ぐためのルールだ。以外かもしれないがスペースも文字化けやエラーの原因となることがある。クラウドストレージやファイル転送サービス、メールなどでファイルをやり取りする状況が多い中で文字化けの可能性があることはデメリットでしかない。

    • 機種依存文字は基本的に使用しない
    • スペースはハイフン【-】やアンダーバー【_】で代用する

    機種依存文字については下記などを参照して、どの文字が該当するのかを把握しよう。

    https://ja.wikipedia.org/wiki/%E6%A9%9F%E7%A8%AE%E4%BE%9D%E5%AD%98%E6%96%87%E5%AD%97

    名前の先頭に日付を入れる

    オススメは名前の先頭に日付を入れる方法。こうするとファイルを作成した順に自然と並ぶ。

    ファイル作成日・更新日のタイムスタンプは各ファイルに付いているが意外と適当でコピーペーストをしたり、メールやファイル転送サービス等で送付したときなど日付が変わるので当てにしないほうが良い。

    「ファイル名順」でソート表示しても日付順に並ぶのはとても見やすい。フォルダ名にも使えるテクニックだ。

    日付は8桁の西暦がオススメ。6桁の西暦の場合、和暦と混同するためケアレスミスを避けるために8桁の「20210401」などがオススメ。「2021-04-01」のようにハイフンなどを付けないほうがファイル名が短くなって良い。実際に日付を見て判断する機会は少ないので可読性が悪くてもファイル名が短い方がメリットがある。あくまでも日付順に自然と並ぶことが目的だ。

    左：日付あり　右：日付なし

    上の画像を見ての通り、日付がないとどのファイルが新しいのか分かりにくい。

    • 日付があるだけでファイル整理が簡単に
    • 西暦8桁を付けるのがオススメ
    • 西暦にハイフンやアンダーバーは入れないほうがスッキリする

    「最新」と付けるのはNG

    「最新」「NEW」「新」などの先頭に付けるのはNG。「新-新」や「新しい最新」など日本語すら怪しい付け方は愚の骨頂。このようなファイル名を付けている人で見やすく整理されているケースは見たことがない。自分でもどれが「最新」か分からなくなってタイムスタンプでソートをしている光景をよく見る。前述したとおりタイムスタンプは当てにならない。この場合もファイル名に日付を付けていれば問題なしだ。

    上の画像例でも「最新」を付けているが、日付順に並べたときに一番新しいファイルでは無いことが分かる。

    「最新」などは絶対に付けない

    ファイルのバージョンは末尾に数字で付ける

    大きな変更や日付が変わった更新時など、ファイルを新しくする場合がある。これをファイルバージョンと言うが、バージョンはファイル名の末尾に付けるのが良い。先頭に付けた場合に8桁の日付とかぶって見にくい事と、末尾に付ける事によって「同じファイルの別バージョン」ということがひと目で分かるためだ。先頭に日付を付けていない場合でも、バージョン毎に並ぶため利便性が良い。ファイル名の変更時もカーソル移動が少なくて楽。

    「01」や「001」など2桁や3桁がオススメ。1桁より見やすくなる

    フォルダ名はカテゴリー・ジャンル毎に

    上の階層にあるフォルダ名は基本的にカテゴリやジャンル毎に付けるのが良い。
    「仕事」「プライベート」などのジャンル。「見積り」「作業」「写真」などのカテゴリー。

    サブフォルダなどの下層フォルダには先頭に数字などを付けて、例えば業務の処理順に分けたりすると簡易的な進捗管理にもなる。枝番を付けるのもあり。

    資料やテンプレートなど進捗とか関係ないが使用するデータなどを入れるフォルダには「＠」や「99」などを先頭につけて、ソートの一番上か下にくるようするとさらに利便性がます。

    名前順のソートは基本的に「記号→数字→文字（英語・日本語）」の順で並ぶ。

    フォルダ名の先頭に数字を付けて簡易進捗管理！

    一息ついた後のファイル整理（取捨選択）と命名ルール

    特に仕事中に多いのが「中間ファイル」「一時ファイル」だ。作業中に一時的に取っておくためのファイルだが消し忘れることも度々。忙しいときなどはパッとコピーペーストして一時的な保管ファイルとするときもあり、気付いたときには「◯◯のコピー」なんてファイルがたくさん。

    納品後などに最終データ以外は削除しても大丈夫な場合などのファイル整理は、気持ちの整理を付けるためにも必ずやっておきたい。理想は納品後の2週間ぐらい経ったときだろうか。個人的なファイルや継続的な業務の場合は季節ごとや月ごとなど自分でルールを決めよう。

    一時ファイル付ける名前にオススメなのはファイル名の先頭に「temp」や「一時」「あいう」「asdf」など明らかにどうでもいい名前を付けると後で見ても削除対象ということが一目瞭然。
    「temp」はTemporary（一時的な）」の略でPCにはよく使われる名称。

    ファイル名の先頭に付けるのは日付順に並ばなくても良いようなファイルだということを分かりやすくするため。このため「適当な数字」は付けないほうがよい。

    ファイル整理として、バージョン管理していたファイルも一息付いたときには最終データだけを残して消すのもありだ。最終データさえ残しておけば大丈夫というファイルの作り方、作業の仕方を心がけるとミスもしにくい。

    • 一時保存のファイル名は先頭にどうでもいい文字を付ける
    • 一段落付いたときに、バージョンファイルなどの整理をする
    • 自分で整理するタイミングをルール化する

    ファイル整理のコツまとめ

    • 機種依存文字とスペースは使わない
    • 名前の先頭に8桁の数字を付ける
    • ファイルのバージョンは末尾に数字2～3桁で
    • フォルダ名の先頭に数字を付けて簡易進捗管理
    • 一時保存のファイルは先頭にどうでもいい文字を付加
    • 「最新」などは絶対に使わない！

    あとは自分なりのルールで使いやすいファイル管理をすると、見やすいファイル群が自然と出来上がる。ほんとうにちょっとした事でメリットはいっぱい。

    最後にコーヒーはいかが？
    本文と少しだけ関係のある小ネタでちょっと一息。忙しい人は読まなくても大丈夫！

    ファイル整理が苦手な人、PC操作があまり得意でない人に多いパターンの1つとして「デスクトップにショートカットやファイルが多数ある」という特徴がある。これはPCにとってとても良くない状態だ。特にWindowsはデスクトップにあるデータにエラーが出ると正常起動しないケースが高確率である。各ファイルやショートカットとは別にデスクトップを管理しているファイルがあるのだが、これがまた非常に脆い。よく壊れる。デスクトップとはちょっと特殊な扱いをする場所のため、ここに何かしらのエラーが出ると、OSが起動しないということになる。とても厄介。

    デスクトップ上でファイルを探すのも時間の無駄だしPCにも悪い。OSが起動しなくなったら仕事に支障をきたすだけではなく、最悪は利益を損失する可能性もある。デスクトップがゴチャゴチャしてることはデメリットにしかなりえないのだ。
    「たかがデスクトップ」と思わず、人に見られやすい場所でもあるので、綺麗に保つよう心がけるとメリットのほうが降ってくるはずだ。

    アイキャッチ画像：Nino CarèによるPixabayからの画像
  • 過去バージョンのIllustratorファイルを最新版にアップデートする方法。不明なエラー等の壊れかけファイルにも有効。

    過去バージョンのIllustratorファイルを最新版にアップデートする方法。不明なエラー等の壊れかけファイルにも有効。

    古いイラレのバージョンを最新版にアップデートする一般的な方法の1つは【別名で保存】から最新バージョンを指定して保存する方法。この記事ではこの他にもう1つご紹介。

    ここで注目したいのは壊れかけのファイルが直る可能性があるということ。古いバージョンのファイルは壊れる可能性が高く、完全に破損してファイルが開けなくなったら対処しようがない。

    「不明なエラーが発生しました」というエラーメッセージが出るファイルも救える可能性があるので頭の片隅に入れておくといざという時に慌てないはずだ。

    • CSシリーズなど古いバージョンに効果的
    • 動作が不安定な壊れかけのファイルが直る可能性あり
    • 近年のバージョンなら【別名で保存】が早くて楽

    ※以下の作業前には必ずファイルのバックアップを取っておきましょう。

    1：アップデートしたいファイルを最新版のIllustratorで開く

    古いバージョンのファイルを最新版で開くだけ。バージョン違いによる文字組みの崩れなどはそのままで次の手順へ。

    2：全選択→コピー

    1. すべてのロックを解除（レイヤー＆オブジェクト）
    2. オブジェクトを全て選択
    3. コピー

    3：新規ファイルの作成

    バージョンアップ元のアートボードと同じ大きさで新規作成する。カラーモードやドキュメント設定も同じ方が良い。

    4：新規ファイルへペースト

    手順2でコピーしたオブジェクトをペースト。位置が元とズレている場合は調整する。

    レイヤーオプションの「コピー元のレイヤーにペースト」にチェックを入れると後々の編集がしやすくなる。

    コピー元のレイヤーにペースト

    5：最新バージョンで「保存」する

    任意のファイル名で新規保存をして、ファイルのバージョンアップ完成。この際に最新版ではなく任意のバージョンを選択しても可。

    補足事項

    筆者はIllustrator開発者ではないので確実な事は言えないが、新規ファイルにペーストした場合、古いファイルにあるエラーのような断片的なデータはコピーされないのではないかと予想している。（バイナリを見て検証した訳ではない）

    古い形式のコードをペースト時に新しいコードへ置換するか最適化されている可能性もある。もちろん全てのコードが最新版になるわけではない。例えば矩形などはプロパティ画面で表示される項目に違いがある。古いバージョンで作られた矩形を新バージョンにしても回転角度などは出てこない場合が多い。これは互換性に関わるものなので、全てが新しいオブジェクト形式に置き換わる訳ではない。

    この方法にてバージョンアップした場合は【別名で保存】からバージョンアップしたファイルより安定する事が多い。別名で保存はもしかするとただただ新しいバージョンで保存したことをヘッダーに記載しているだけかもしれない。
    「ペースト」という動作をすることで、オブジェクトを作図したこととなり余計なデータは削除されるのだろう。別名で保存の場合、エラーが出ている部分もそのまま保存しているように思う。

    データというものは段々と壊れていくもので、詳しく書くと長すぎるため割愛するが絶対に壊れないということはない。PCを使っていると使用していないファイルでもハードディスク上にある限り必ず影響を受けるからだ。古いファイルほど壊れやすいのはこのためで、長年ハードディスクにある事で様々な影響を受けてデータが壊れていく。

    もし、ファイルの動作が不安定と感じたら、この記事の方法でデータをリフレッシュするのも悪い選択ではない。もちろん、バージョンを新しくすることで文字組みが崩れるなどの弊害はでるが、それはファイルのバージョンアップしなくとも最新版のIllustratorを使うなら同じ事なので必要な作業だ。

    ファイルが壊れかけの場合、最新版のIllustratorでなくとも、同バージョンのIllustrator上でコピーペーストするだけでファイルが安定する事が多い。絶対ではないがやっておくに越したことはないだろう。壊れて開けなくなってしまったらどうしようもない。

    もし可能なら、Adobeクラウドドキュメントを使用することもオススメする。ローカル環境とは少し違って少しの制約もあるがファイル管理も安定感も高いだろう。なにより古いバージョンというのを気にしなくてよい。詳しくは別の記事にしてあるので興味ある人はご一読を。

    Adobeクラウドドキュメントの大雑把なメリット・デメリットとちょっとしたレビュー

  • 【Illustrator】乗算などで混ざった部分の色情報を取得する方法

    【Illustrator】乗算などで混ざった部分の色情報を取得する方法

    Illustratorで乗算など不透明度を設定した際に、オブジェクトが重なって混ざった部分の色情報を取得する方法。制作物のカラーチップなど作る際に便利な小技。

    例はCMYKにて解説しているが、RGBなどでも同じ手順でOK。

    この方法はパスオブジェクト同士が重なっている場合のみ有効でパスと画像やドロップシャドーなどのスタイライズ部分（ラスター部分）には効果がありません。そのような場合にはPhotoshop等を活用して下さい。

    下の例では、M100（乗算）とC100のオブジェクトが重なり、真ん中の「？」部分の色を知りたいが、スポイトツールを使用しても、上にあるオブジェクトのM100の値しか拾わない。画像で青色の部分の色情報（CMYK）は？

    1：取得したい色が関わるオブジェクトを選択

    重なっているオブジェクトを選択する（上の例ではM100とC100のオブジェクトを選択）

    以下の作業は基のオブジェクトの形状や属性を変更するため、必要な部分をコピーペーストして別オブジェクトとして作業することをオススメする。

    2：上部メニューのオブジェクト→透明部分を分割・統合をクリック

    「ラスタライズとベクトルのバランス」をベクトル側【100】にする→【OK】ボタンを押す
    （他はデフォルト値のまま）

    3：オブジェクトの情報を確認（スポイトツールも使用可能）

    オブジェクトが色毎に分割されたので、スポイトツールなどでオブジェクトの色情報を確認する。
    （乗算の効果などは全て破棄される）

    最後にコーヒーはいかが？
    本文と少しだけ関係のある小ネタでちょっと一息。忙しい人は読まなくても大丈夫！

    「色」の指定はアバウトでもなんとかなる？大丈夫！

    印刷物でもデジタル作品でも同じことだが、あなたが超厳密な色管理が必要なプロジェクトに関わっていないのならば、わりとアバウトに考えていても大丈夫だ。難しく考えすぎてドツボにはまっている人を見かけるが泥試合で金と時間の無駄なので、それをもっと違う部分に使うほうが作品のクオリティは上がる。

    なんで？アバウトで大丈夫？という疑問にお答えすると「世の中に同じ色は1つも無い」と言えるからで、1つも無いなら多少のブレ幅なんて気にしていてもしょうがないからだ。
    例えばA君とB君が同じ赤いリンゴをスーパーの生鮮コーナーで見ていたとしよう。A君もB君も「赤」とは認識しているが、それが「少し濃く熟れた赤」なのか「鮮やかでおいしそうな赤」なのかは見る人によって違う。A君とB君が「全く同じ赤色」を認識することは無い。個々がイメージする色の感覚、身体的な特性（視力や身長など）、立ち位置の違いによる光の差など様々な要因が合わさって、人の目に映る色は同じ色が1つもないと断言しても良い。同じ赤でも違うのだからコンマ数％にまでこだわって色調整をしたり、高い機材を買ってカラーキャリブレーションをしたりと神経質になりすぎても意味はない（ある程度の水準は必要だが）

    また、機械的な差もある。PCモニターやスマートフォンなど機種によっても色が違うし、印刷所、印刷する材質、印刷したロットによっても色は変わるのである。もう制御のしようがないので、開き直って「ある程度アバウトでも大丈夫！どうせ同じ色なんてない！」と思ったほうが気楽というものだ。

    躍起になって同じ色を再現する事に時間と金をかけるよりは、あなたが「その色に持たせる意味」を深堀りする時間にあてるのがおすすめ。色の持つ印象はあまり変わらない。「赤は熱い」のである。その「熱い」をもっと的確に伝えるためにはどうしたら良いか？ということを考えて作品に盛り込めばぐっとクオリティは上がる。CMYK値が1％違ったからと言って大騒ぎするくらいなら「そのくらい違ってもノープロブレム！」と胸を張って言える作品は誰にとっても良いものだ。

    誰もあなたが思う1％の色の違いは分かりません。

    ただ、物事には例外があって唯一色に拘りまくるのが正解なのは「キャンバスに描く絵」だろう。紙などに書いた絵はそれだけで全て完結した物なので拘り抜いた色はそのままその絵の価値となる唯一無二の作品だからだ。

  • Illustratorのファイルを軽くする保存設定

    Illustratorのファイルを軽くする保存設定

    Illustratorのファイル保存、デフォルトの設定は安全ではあるけど最適ではない。会社やプロジェクトでファイルの保存規定がないのであれば、下記の設定が軽くて良いので試してほしい。ポイントは2つ。

    ※自分の制作環境に合わせて使用して下さい。

    ファイル保存の設定

    2つのチェックを外すだけ！

    ・PDF互換ファイルを作成
    ・ICCプロファイルを埋め込む

    ファイル保存のオプション画面

    覚えておきたいチェックを外した2つのオプションの役割

    チェックを外した2つの役割は？どんなときに必要？ということを覚えておくことをオススメ。必要なときにチェックを入れてファイルを保存できる知識があっても損はない。簡単に解説するので、詳しい事を知りたい人は各々で調べて欲しい。

    PDF互換ファイルを作成

    「別のバージョンに互換性があるPDF形式のデータをAiァイルの内部に作りますよ！」というオプション。

    Illustratorの別バージョン、別環境でもファイルを開いて編集可能なPDF形式のデータをAiファイル内に埋め込み利便性を向上させるための機能。Aiファイルの中にPDFファイルが丸ごと埋め込まれている状態で、このオプションを外すことにより埋め込まれるPDFが無くなるためファイル容量が約30～40％ほど減る。ファイル容量が少ないので、ファイルの保存・ファイルを開くときの時間が短縮される。また、ファイルが軽いとPC内で起こる様々なデータの不具合リスクを軽減できるのでメリットは大きい。

    殆どの人は自分で編集保存をしチーム内でもイラレのバージョンは統一されている事だろう。したがってこの互換性PDFを埋め込むメリットはあまり無い。

    このオプションをONにするときは、全く別の環境が想定される人にファイルを渡すときや、長期保存するような場合だろう。どちらのケースでも極論を言えばあまり意味はないが全く開けなくなる可能性があるよりはリスクマージンは広く取っておける。

    オマケとして、PDFを埋め込むとファイルのサムネイルが表示可能になる。

    ICCプロファイルを埋め込む

    詳しくは個々で調べて欲しいのだが、簡単に言うと「色環境の設定をAiファイルに埋め込むね！」というオプション。

    実は殆どの人に必要がない。逆にこれが基で問題が起こる事もある。多くの印刷所でもこのオプションのチェックを外して入稿するような指示があるので外しておいて問題はない。

    最後にコーヒーはいかが？
    本文と少しだけ関係のある小ネタでちょっと一息。忙しい人は読まなくても大丈夫！

    アプリケーションのバージョンアップと下位互換は付いて回る問題。これをしとけば絶対安心なんて事もなく、古いファイルはいずれ使い物にならなくなるということは常に意識しておくのがオススメ。

    そもそも使えないかもしれない古いファイルを引っ張り出して利活用しようとすること自体がとても危ういことだ。消費期限を大幅に過ぎた食材で調理するほど危険な事はない。想像するだけでお腹が痛くなりそう。問題しかない。

    データも同じで古いファイルは何かと問題が出る確立が高い。ファイルが開けないほどではないが内部に少しのエラーが時限爆弾のようにあって、作業中にいつ爆発するかわからない状態であることが多い。「ついさっきまで開けたのに！」という経験をした人も少なくないだろう。あれは何らかの原因で内包していたエラーが起因となりデータが壊れた状態になったのだ。古い傷口が開いて大怪我につながったと言い換えても良い。

    常に使うようなデータ、利活用が予定されているデータは常に新しいバージョンに対応させ最新版として更新していく事が望ましい。自分用のテンプレートを作っても良いだろう。

    また、客先などからとても古いデータを提供される事もあるだろう。この場合はしっかりと「データが古すぎて使い物にならない可能性がある。作り直しもありうる」という説明をしたほうが結果的に良い関係を築ける事に繋がるだろう。筆者はあまりにも酷い状態のデータを提供されたときは、追加料金をもらうか突き返している。無理矢理使ってもろくなことがなくお互いに良い事はないからだ。