はてなブックマーク

「コンポーネントって一括削除できないのかなぁ」というコメントを見かけ，そういえばXDにはIllustratorの自動選択ツールや選択メニューのような類似したアイテムを選択する機能ってないよねと気づきました。 塗り色や線の色が共通なアイテムを選択するプラグインSelectionは見つかりましたが，共通コンポーネントはないようです。 そこで今回は，名前／種類／コンポーネントのインスタンス／座標など属性が共通するアイテムを選択するAdobe XD用プラグインSelectMenuを紹介します。 SelectMenuって何？ 似たような属性のアイテムをすべて選択するAdobe XD用プラグインです。下記の機能があります。 共通選択（Select Same） 1つアイテムを選択して実行すると，似たような属性のアイテムをすべて選択します。 Same Name

使いかた Illustratorのアイコンにスクリプトをドロップするなど，何らかの方法でスクリプトを実行してください。今回のものは書類を開いた状態でなくても動きます。 実行するとファイル選択ダイアログが出ます。フォントを調べたいai/epsファイルを選んでください。 選択したファイルのXMPメタデータからフォントファイル名が読み出されます。フォントファイル名は，例えば中ゴシックProなら「A-OTF-GothicBBBPro-Medium.otf」になります。ファイルを開かずに調べるので高速です。 読み出しが終わると保存ダイアログが出ます。テキストファイルを保存する場所と名前を指定してください。 あとはこのテキストを見ながらフォントセットを作るだけです。本当はそこまで自動化したいので，CSVからのインポートやスクリプト制御などができるフォント管理アプリがあればぜひ教えてください。 これでま

Illustratorはフラットで無機質な表現を得意とする一方，何も工夫しなければ平板で面白みのない絵になりがちです。そのため媒体によっては，読者の興味を引くようにアナログ的表現が必要になることも多いでしょう。 ただ往々にしてそういうタッチは修正が難しかったり，同じものを2度と再現できなかったりして苦労することになります。思わず依頼を断ってしまおうかなんて考えてしまいますね。 そこで今回は使い回しのしやすい手描き表現の例として，色鉛筆風タッチの作り方を解説していきます。 色鉛筆ブラシの作成 まずは散布ブラシで色鉛筆の線のブラシを作ります。 散布ブラシはアートブラシのようにパスの長さによって見た目が大きく変わることがありません。 またパターンブラシだと鋭角のコーナーが必要以上に尖ってしまう現象が起きますが，散布ブラシでは安定しています。 このようにあまり状況に左右されないところがメリットです

Illustratorには文字スタイル・段落スタイル・グラフィックスタイルという3つのスタイル機能があります。 それぞれあらかじめ書式や色などを定義しておいて，それをオブジェクトに適用すると決めた通りの設定に変わるというものです。 ただ単に見た目を楽に統一できるだけではありません。スタイルの設定を上書きすれば，そのスタイルが割り当てられているすべてのオブジェクトで同じように変更されるという特徴もあり，後からの修正にとても強くなります。 そんな強力なスタイル機能ですが，Illustratorではキーボードショートカットを割り当てることができません。「InDesignならできるんだからIllustratorもがんばってよ」と言いたくなってしまいますよね。 そこで今回は，JavaScriptとスクリプトにショートカットを割り当てるソフトの組み合わせで，文字・段落・グラフィックスタイルのショートカ

使いかた 基本的には以下のような流れになります。 SalignaPanel.jsx を実行してパネルを出す（初回以降は出しっぱなしで良いし，表示しなくても動く） setArtboard.jsx などのスクリプトや，パネルのクリックで整列基準を切り替える キーオブジェクトを使いたいときは，通常の追加クリック操作で指定する 分布の間隔を指定したいときは，パネルの下段に入力する d=horizontal_space.jsx などで整列・分布を実行する おすすめ新機能 2段階整列 左上・天地左右センター・右下などは揃える機会が多いと思います。a=center.jsx などのスクリプトなら1回の実行だけでそこに揃えることができます。 整列基準「ガイド」 InDesignの「マージンに揃える」に似た機能です。アクティブなアートボード内にクローズパスのガイドがあれば，その領域に整列します。ガイドを移動し

グラフ作りの仕事をしていると，棒グラフの上に折れ線グラフが乗っているものを作ることがあると思います。いわゆる複合グラフと呼ばれているものですね。 慣れないうちはそれぞれ別のオブジェクトとして制作するのもいいですが，やはり1つに統合されていたほうがデータの管理は簡単です。 でもAdobeサイトのヘルプ通りに複合グラフを作っても，設定が全然言うことを聞いてくれません。わけがわからなくて投げ出したくなってしまいますね。 そこで今回は，Illustratorで折れ線と棒の複合グラフを作るときの設定内容やタイミングを，丁寧に解説していきます。 作る前にまず，どういう失敗をしやすいか典型的な例をあげます。 折れ線グラフが棒グラフの下に隠れてしまう 棒グラフの幅が初期設定から変更できない 数値の最小値・最大値・間隔が自動設定になってしまう 今回対応するのはこれらの問題です。もしグラフのサイズが思った通り