saucer @graphicartsunit - Tumblr Blog

アピアランスで作る集中線（Adobe Illustrator Advent Calendar 2018）

この記事は、Adobe Illustrator Advent Calendar 2018の9日目です。ここのところWebデザインなどでSketchを使うことが多く、Illustrator好きとして少々寂しい思いをしていたので、超ひさしぶりにアピアランスを使って遊んでみました。今回はすべての工程を解説してみたので、気が向いたらぜひご一緒に試してみてください。

#adobe #illustrator #appearance #advent calendar

セグメントと文字の角度を合わせるIllustratorのスクリプトを作りました

Illustratorで地図などを作成するとき、路線の角度に合わせてテキストを配置することは少なくありません。一般的には、セグメントの角度を計測して同じだけ回転したり、パス上文字をぴったり重ねたりしますが、セグメントの角度が変わるたびに文字の角度も調整しなければならず、なかなか面倒です。そこで、これらの工程を自動化するスクリプトを作りました。文字の傾きをリセットして、垂直／水平に戻すおまけ機能も搭載しています。ぜひ使ってみてください。

#illustrator #illustrator script #script #adobe

セグメントをきれいに対称にするIllustratorのスクリプトを作りました（CS6以降）

精密なトレースや作図において、セグメント両端の方向線（ハンドル）を対称にしてカーブのバランスを整えることはよくあります。しかし、Illustratorには方向線をコントロールする機能が少ないため、正確な対称のカーブを作るのに工夫が必要です。この作業を楽にするためのスクリプトを作りました。セグメントの左右どちらか一方の方向線を基準として、もう一方を対称します。わかる人にはわかるニッチな機能ですが、便利そうと思ったらぜひ使ってみてください。

#illustrator #illstrator script #script #adobe

オブジェクトを正確に整列させるIllustrator用スクリプトを作りました

Illustratorには標準で整列機能がありますが、テキストオブジェクトについては「見た目」としての正確な整列ができません。これは昔からの仕様で、今後変更される可能性はかなり低いと思っています。そこで、テキストオブジェクトの正確な整列をサポートするスクリプトを作りました。うまく揃わないテキストに悩まされている方は、ぜひ使ってみてください。

#illustrator #illustrator script #script #jsx #adobe

方向線とセグメントの角度を一致させるIllustratorのスクリプトを作りました

曲線から直線へなめらかに移っていくラインをIllustratorで作成するときは、方向線の角度に注意しなければなりません。しかし、アンカーポイントや方向線を微調整していると、それぞれの角度にギャップが出てしまうことがあります。角度を合わせるには、その都度手動で調整するしかないのですが、その負担を少しでも軽くするためのスクリプトを作りました。ロゴやアイコンなどで正確な作図をする機会が多い方には、それなりに便利なものだと思います。

#adobe #illustrator script #script #jsx #illustrator

翔泳社「Photoshopおいしいネタ事典」の補足と素材（高橋分）

Photoshopを使ったグラフィック作成のアイデアが満載の書籍「Photoshopおいしいネタ事典」。私もいくつかの記事を執筆していますが、誌面スペースや手順の都合もあり、十分に内容を補えてないところがいくつかあります。特に、開始時点の設定が曖昧になっていたり、使う素材が準備できないと、ステップを始めるにあたって最初からつまづいてしまうこともあると思います。読者の方ができるだけスムーズに内容を実践できるよう、私（高橋としゆき）が担当したネタに関しては、ここで補足していきたいと思います。

すべての線幅を一気に変更するIllustratorのスクリプトを作りました（CS5以降対応）

地図などをIllustratorで作るとき、ひとつのオブジェクトに複数の線を加えて作業することがよくあります。しかし、線の設定では一度にひとつの線しか操作できず、すべての線幅を変えるには線の数だけ繰り返し作業しなければなりません。これがすごくストレスだったので、すべての線幅を一気に変更するスクリプトを作りました。現在の線幅に対する割合（パーセント）を指定すると、オブジェクトが持っている線すべての幅を一気に変更します。地味に便利だと思いますので、ぜひ使ってみてください。

2016.12.10追記：0.6.1にアップグレードしました。ロックされたレイヤーがあるときスクリプトが動作しない不具合を改善

2016.7.10追記：0.6.0にアップグレードしました。スライダーのUIを搭載

2016.3.7追記：対処済み：CS6で入力値が逆になる現象が確認されています。現在原因特定中ですのでしばらくお待ちください

#Illustrator #Script #JSX #Adobe

Photoshop CC 2015と旧バージョンとのレイヤースタイルにおける互換性

Photoshop CC 2015から、「境界線」や「ドロップシャドウ」など、一部のレイヤースタイル（効果）が複数に増やせるようになりました。旧バージョンでは、レイヤーに複数の境界線を追加したいとき、ドロップシャドウを使って擬似的に表現したり、グループ、スマートオブジェクトでネストにするなど、無駄な処理が必要でしたが、それらの問題が一気に解消できる画期的な機能強化と言えます。ただし、CC 2014まではこの機能に対応していませんので、当然互換性の問題が発生します。複数の効果を使ったデータを旧バージョンで開くときに注意すべき点を把握して、トラブルを未然に回避しましょう。

#Photoshop #Adobe #layer styles #creative cloud #CC 2015

テキストオブジェクトのパスのみを選択するIllustrator用スクリプトを作りました（CS5以降対応）

Illustratorで「エリア内文字」や「パス上文字」を扱うとき、形の基準となるパスのみを選択したいことがあります。通常は［ダイレクト選択ツール］や［グループ選択ツール］を使ってパスをクリックするか、中身の文字に触れないように一部をドラッグして囲んで選択しますが、これが結構ストレスです。それを解消するため、選択されたテキストオブジェクトから文字の選択のみを解除するスクリプトを作成しました。表組みなどでエリア内文字を使っているときや、パス上文字の編集などでは結構便利に使えると思います。

#adobe #illustrator #illustrator script #script #jsx

Illustratorのグループを一気にシンボルへ変換するスクリプトを作りました（CS5以降対応）

2015年5月23日、東京のソラシティカンファレンスセンターにて開催された「DTPの勉強会第17回いまさらきけないシリーズ・Illustrator」に講師として招いていただき、パターン・シンボル・ブラシについてお話ししました。その際に、シンボルを一括登録するスクリプトを披露いたしました。参加者の方にはすでに提供済みですが、少し挙動を改善したものを配布いたします。たくさんのグループをシンボルに登録するときは、とても便利に使えると思います。ぜひ試してみてください。なお、DTPの勉強会のセッションは「印刷の泉」から、動画としてご購入いただけますので、そちらもぜひ。

#adobe #illustrator #illustrator script #script #jsx

Illustratorのオブジェクトをシンボルに置き換えるスクリプトを作りました（CS5以降対応）

IllustratorでウェブデザインやUIデザインをするときなどは、繰り返し使うパーツをシンボルにしておくのが基本です。しかし、作業に集中していると、シンボル化をつい忘れて、同じオブジェクトを複製して使ってしまうことがあります。こうなると、あとから置き換えるのが結構大変です。そこで、選択したオブジェクトやグループなどを、一括してシンボルに置き換えするスクリプトを作ってみました。シンボル化をつい忘れることが多い方は、ぜひ使ってみてください。

#adobe #illustrator #illustrator script #scritp #jsx

Photoshopのパスファインダーパネル、整列・分布パネルを作りました

Photoshopにおけるシェイプの結合やレイヤーの整列・分布を、Illustratorの「パスファインダーパネル」と「整列・分布パネル」と同じ感覚で実行できるエクステンションパネルです。「整列・分布パネル」には、カンバスに対する整列機能もあります。

#photoshop #panel #photoshop panel #adobe

Photoshopのスマートオブジェクトを拡大して書き出すとぼける現象について

Photoshopのデザインカンプ上で、スマートオブジェクトを50％以下に縮小しておき、画像アセット生成などで200％にして書き出す手法があります。スマホなどの高解像度ディスプレイ対策としては定番ですね。しかし、ある条件下では、元の画像を50％以下に縮小しているにも関わらず、書き出し後の200％画像がぼけてしまうことがあります。この点について気になったので、少し整理してみました。（2016.4.15／注意点を追記）

#Photoshop #Adobe #Tips

画像やテキストをグランジ風に加工するPhotoshopアクションを作りました（CS5以降対応）

自分は、デザインの印象を強めたいときに、タイトル文字などにグランジ加工を施すことがよくあります。手順も大したものではないため、その都度フィルターなどを使って作業をしていたのですが、今後も使うことを考えて、普段の手順を整理したアクションを作りました。で、せっかくなので、皆さんにも使ってもらえたらと思い、アクションファイルを配布したいと思います。興味がある方はぜひ遊んでみてください。

カラーの値を丸めるIllustrator用スクリプトを作りました

CMYKやグレースケールでカラーを設定する際、Illustratorでは1％未満の端数も扱えます。しかし、このような細かな数値は実際の印刷では思ったように差が現れないことが多いため、5％か10％刻みで設定するというのが、印刷原稿におけるカラー設定の通例となっています。これらの色の設定を少しだけ楽にするIllustrator用スクリプトを作りました。印刷メインでIllustratorを使われる方には結構便利なのではと思います。ぜひ試してみてください。

【2015.07.20追記】グラデーションのカラー、ドラッグによる文字選択に対応しました。古いものをお使いの方は、差し替えてご使用ください。

【2015.07.19追記】グループ、複合パス、文字単位でのカラーに対応しました。古いものをお使いの方は、差し替えてご使用ください。

#adobe #illustrator #illustrator script #script #jsx

パターンの繰り返し起点を指定するIllustrator用スクリプトを作りました

Illustratorのパターンは、繰り返しの起点がウィンドウ定規の原点と連動しているため、精密なコントロールが面倒です。そこで、対象オブジェクトの左上、または中央に繰り返しの起点をフィットさせ、ついでにパターンに適用されている変形もリセットするIllustrator用のスクリプトを作成しました。パターンの位置をきれいに合わせたいときには重宝すると思います。興味のある方はぜひ使ってみてください。

【2015.12.9追記】0.5.1にアップデートしました。グループ、複合パスに対応しました。また、対象外要素が含まれるときは警告を表示するようにしました。古いものをお使いの方は、新しいものに差し替えてお使いください。

#illustrator #jsx #script #illustrator script #adobe

パスの方向線を可視化するIllustrator用スクリプトを作りました

少し前に、「Illustratorプロフェッショナルの教科書デザイン作成とパス・文字を正しく扱う技術 CC 2014/CC/CS6対応版」というIllustratorの書籍を執筆させていただきました。その際、パスや方向線などを図に表す必要があったのですが、これを作るのが意外と面倒でした。パス自体やアンカーポイントはまだいいのですが、方向線や方向点となると、スマートガイドを駆使しつつ1本ずつ作成しないといけません。なんとかこれを自動化できないかと思ってできたのが、このスクリプトです。選択したパスに、「方向線」、「方向点」、「アンカーポイント」をオブジェクトとして追加します。人によっては重宝すると思いますので、興味があればぜひ使ってみてください。

#illustrator #jsx #script #illustrator script #adobe

Trending Blogs

Recently Viewed Blogs

saucer