マガジンのカバー画像

Illustrator使い倒しテク

483
もっと速く、もっとラクに、もっと楽しく、Illustratorを使うためのアレコレ。
運営しているクリエイター

#はやさはちから

FigmaのPaste to ReplaceをIllustratorでも!

#朝までFigma にてPaste to Replaceが便利だ!と話題になりました。 オブジェクトをコピー 置換したいオブジェクトを選択して⌘ + shift + Rキー 有料プラグインすぴかあやかさんがプラグインであったよ!とツイート(ポスト)されていました。 いろいろ細かいことができそうな反面、それが面倒そうでもあります。 スクリプト次の条件でChatGPTが書いてくれました。 対象となるオブジェクトの中心点に合わせる ペースト時の大きさ変更は行わない

Illustratorの整列機能のまとめ 2024

デザイン制作において欠かせない「整列」。実際、「デザインとは整列そのもの」と言えるほど、整列はデザインの核心を成し、1日に何十回と「整列」操作を行います。 基本[整列]パネル 整列の操作で、主に使うのは[整列]パネルです。 整列の対象 [整列]パネルの右下には整列の対象を選択する3つのオプションが用意されています。 アートボード 選択範囲 キーオブジェクト 従来、ポップアップメニューから選択していましたが、最近のIllustratorでは、アイコンをクリックす

複数行のテキストを文字サイズを変更して幅を揃える(Illustrator)

カバー画像のように「複数行のテキストを文字サイズを変更して幅を揃える」ソリューションは、Gorolib Designさんがスクリプトとして公開されています。 大変重宝して使わせていただく一方、次のような不満がありました。 行間の設定が面倒い 幅の対象となるオブジェクトを描くのが面倒い 「ポール/イラレ効率化マン@0.5秒を積み上げろ」さんのアプローチ「ポール/イラレ効率化マン@0.5秒を積み上げろ」さんが次の条件でぴったり揃うよ!とツイートされていました。 行送り:

行ごとに散けているテキストをエリア内テキストに統合する(Illustrator)

好ましくありませんが、PDFをIllustratorでひらくと、テキストが行ごとに散けてしまうことがあります。 標準機能のみIllustratorの標準機能なら、次の手順で実現できます。 テキストをカット 文字ツールでテキストエリアを作成し、ペースト 行間や禁則を調整 トラッキングを調整 トラッキングを調整PDFから戻したテキストの場合、カーニングがトラッキングに変換されていることがあるため、⌘ + option + Qキーでトラッキングを解除します。 または、

¥100

IllustratorドキュメントからMarkdown原稿を作成する

Illustratorで書いたという長文の原稿が入稿予定です。Google ドキュメントなどを使い、構造化を意識して執筆いただくのがベストなのですが、図版の数が非常に多いため、これもありかな…と思ったりもします。 Markdown原稿に変換する手順を考えてみました。 Markdownって?Markdown(記法)は、特定の記号を付けることによって、見出しや箇条書きなどを指定する「マークアップ言語」のひとつです。 たとえば、段落の先頭に次の記号を付けることで、それぞれの段

¥100

新規のレイヤー/アートボード/ドキュメントに移動(Illustrator)

選択しているオブジェクトを引き連れて、新規のレイヤー/アートボード/ドキュメントに移動する操作をサクっとできるようにしておくとはかどります。 新規レイヤーを作って、選択したオブジェクトを移動する 「新規レイヤーを作って、選択したオブジェクトを移動したい」ことってありませんか? 複数のレイヤーに散らばっている場合、[オブジェクト]メニューの[重ね順]→[現在のレイヤーへ]を使えばよいのですが、ついつい[カット]を実行してしまってIllustratorが落ちたります。 そ

¥100

Illustratorでアイコンなどを余白も含めた正方形サイズでSVG書き出しするベストプラクティス

池原さんが問題提起されていた「アイコンなどを余白も含めた正方形サイズでSVG書き出し」する方法について考えてみます。 「正方形のアートボードを作って、そこに配置する」のはわかるけど、面倒い…アイコンごとに個別のアートボードにして書き出しのがセオリーです。 そのためには「アートボード=余白を含めた正方形サイズで作って…」なのですが、そこまでが面倒。 1.  アピアランスでアイコンに正方形の長方形を追加[形状に変換(長方形)]効果を適用して、アピアランスでアイコンに正方形の

Illustratorで選択しているオブジェクトを引き連れて新規ドキュメントを作成するスクリプト

Illustratorで「一息ついたので、選択しているオブジェクトのみを別のドキュメントにしたい」とき、次の手順を踏みます。 選択しているオブジェクトをコピー 新規ドキュメントを作成 ペースト または、次の方法。 ファイルを閉じて、Finder上でファイルを複製 複製したファイルを開き、不要なオブジェクトを削除 どちらも面倒です。 前者:コピーしたタイミングでIllustratorが落ちやすい 後者:「あれ、残したいの、どれだっけ?」となりがち。というか、閉

選択した配置画像をマスクするスクリプト

Illustratorでは配置画像を選択し、⌘ + 7キーで同じ大きさでマスクされます。実行直後はパスが選択されていますので、バウンディングボックスを調整してトリミングできます。 配置画像の複数のときにも同様に処理されますが、複数のときにはパスでなく、クリップグループが選択されるのが理想です。 ChatGPTに頼んで書いてもらいました。 #target illustratorfunction main() { var doc = app.activeDocumen

アイコンを丸くマスクする

SNSのアイコンなど、丸くマスクする機会が増えています。 1つ2つであれば、円を描いてクリッピングマスクをかければよいのですが、これが20個となると絶望的に面倒です。 たくさんのアイコンを正円でマスクするたくさんのアイコンを正円でマスクするには、次の手順で行います。 画像をまとめて選択してcommand + 7。それぞれ個別に長方形でマスクされます。 2. オブジェクトを選択し直す 3.[角を丸くする]効果を適用します。値は“大は小を兼ねる”でOK。 フチをつける

Illustratorでのオブジェクトとアートボードの並び替え

先日、次のようなアートワークを作成する機会がありました。 その際、次のような点で困ることがありました。 見た目の並びとアートボードの並びが一致しないため、[アートボードの再配置]を行うと、ナンバリングが狂ってしまう 選択したテキストをナンバリングするスクリプト「Add Texts」を実行すると、願うとおりにナンバリングされない タイトな進行だったため、その場ではチカラ技でやっつけましたが、改めて調べてみた。 アートボードを見た目どおりにソートするAdobe Supp

エリア内文字の扱いを超効率化するKeyboard Maestroパレット

昔は「テキストボックス」と読んでいたIllustratorの「エリア内文字」、次の点で頭が痛いです。 [変形]パネルの[幅]に値を入力すると、文字の縦横比が狂ってしまう。バウンディングボックスなら縦横比は狂わないけど、数値指定できない… [外枠からの間隔]を変更するのに、毎度毎度、[エリア内文字オプション]ダイアログボックスを開かなければならない [自動サイズ調整]のキーボードショートカットがない(テキストエリア内文字下のウィジェットをダブルクリックはできるけれど…)

¥100

Illustratorの検索置換をパワーアップするスクリプトなど

次のような処理を行いたい場合、数箇所ならまだしも「仮に、200箇所あったら…」を想定して作業したいものです。 電話番号の「-」のベースラインを下げる 行頭の「●」のフォントサイズを下げる 処理時間を短くするだけなく、手作業によるミスを回避できます。 その際、検討したいのが正規表現を使う方法。しかし、Illustratorの基本機能では正規表現に対応していません。 Illustratorで正規表現を使って置換する手法をリストアップしてみます。 aiRegStyleた

Illustratorでフォント指定、カーニング、文字ツメ、プロポーショナルメトリクスなどをキーボードショートカットでできるようにするKeyboard Maestroマクロ

Illustratorの制作ではキーボードショートカットが使えないことが多く、異様にマウスクリックが必要です。 「このまま仕事を続けていけば腱鞘炎になるだろう」というおそれから、“なるべくクリックしないで生きていく”ことをテーマに取り組んできましたが、2年前、腱鞘炎のような症状で苦しみました。 次の操作をキーボードショートカットでできるようにしています(普通のIllustratorではできません)。 フォント指定(よく使うもの) 自動カーニング:メトリクス、オプティカ

¥600