キーワード:スクリプトを含む記事

このエントリーをはてなブックマークに追加 Share on Tumblr Clip to Evernote




◆ スクリプト250本が使い放題!マガジンをおすすめします。
有料スクリプトはnoteからご購入ください(要ログイン)。
ノート(単品)かマガジン(1000円)が選べますが、すべてのスクリプトが手に入るマガジンをおすすめしています。
GOROLIB DESIGNスクリプト一覧と一括ダウンロード


◆ はじめての方はこちらから
新しいスクリプトはわかったわ。じゃあどうしたらいいの?という方へ


◆ 仕事がなくなっちゃう(笑)スクリプトはオーダーメイドが最強です
オリジナルスクリプトつくります!3000円からどうぞ



■まるで断裁機!なめらかなオペレーションに酔いしれましょう(CS6以降でどうぞ)
(クリックで動きます)
 タイトルなし
おつかれさまです。@gorolibです。

唐突ですがこのスクリプト、ガイドでカットするからその名をガイドカッターと言います。

このスクリプトは初の名前先行型です。ほらよくあるじゃないですか。アーティストの新曲で「今回はタイトルが先におりてきて…そこから曲のイメージがふくらんでですね…」みたいなインタビュー。

カッコいいですよね、アレ。一度やってみたかったんです。

ガイドカッター!とぉっ!

まるで戦隊モノの終盤に登場する巨大ロボの必殺技みたいな名前が急におりてきまして、開発した次第です。

※蛇足ですが戦隊モノの戦闘は、最初からあの巨大ロボで無双すりゃいいじゃんか!と常々思っておりますです、はい。


■中身はパスファインダーの分割


さてこのガイドカッター、中身は「パスファインダーの分割」です。

なんだそれなら「パスファインダーの分割」をアクション登録してショートカットつければいいじゃんか!となりますが、そうじゃないんです。その「分割するための線」を描くのが面倒なんです。

線ツール、ペンツール、鉛筆ツール、ブラシツール…まあなんでもいいのですが、この類のツールに持ち替えるオペレーションがどうにもビューティフォーじゃない。ついでに言えば「シフトキーを押しながらナイフツール」も違う気がする。

一方で、理由はハッキリしませんが私は「左と上の定規からドラッグしてくるガイド」が好きです。リアル世界で「よき位置にものさしを当てがっている」感覚に近い。元々マウスによるチマチマしたオペレーションが苦手なんですが、これだけは別であり「パスアイテムをガイドで分割できたらいいね」と開発した次第です。


■ガイドを複製して実線にしています


このスクリプトはガイドを分割線としますが、パスファインダーの分割を使う前に内部でガイドを実線にしておく必要があります。それらを選択状態にし、スクリプト実行前に選択済みのオブジェクトもろとも

ガイドカッター!とぉっ!(2回目)

とやるわけです。ガイドの扱いについては私はダンゼン「ガイドをロック派」なので、
56
見えているガイドを複製して実線(選択状態)にしています。パスファインダーの分割を行えば全部消えてしまいますので…(ガイドを実線にするのは内部処理ですのでご安心ください)。

ただし「ガイドのロック解除派」の皆様におかれましては、ガイド選択状態で実行すると、ガイドは消えてしまいますのでご注意くださいm(_ _)m

なお、ガイドがなくてもいずれかのオブジェクトが選択されていれば「パスファインダーの分割」として機能します。それはそれで便利ですので、ぜひご活用ください。
タイトルなし2


■今回のスクリプト情報
(クリックで動きます)
タイトルなし


【スクリプト概要】
選択されたオブジェクトを交差するガイドで分割します

【スクリプトファイル名】
G314_GuideCutter.jsx

【使い方】
(1)分割線となるガイドを描きます
(2)分割対象のオブジェクトを選択します
(3)このスクリプトを起動します
(4)選択されたオブジェクトがガイドで分割されます

【仕様】
(1)パスファインダーの分割を使っています
(2)見えているガイドはすべて複製して実線にします(内部処理)
(3)「ガイドをロック」状態では、ガイドは残ります
(4)「ガイドをロック解除」状態では、ガイドは残りません


お役に立てれば幸いです!ではでは出羽の海。


■ダウンロードはこちらから(download the script file from below)


ご購入ありがとうございます!

■サポート(お心付け)をありがとうございます!(通算16件)

■マガジン・ノート販売実績(2017年)

1月(34件)/2月(33件)/3月(22件)/4月(20件)

■マガジン・ノート販売実績(2016年)

5月(7件)/6月(9件)
7月(5件)/8月(5件)/9月(8件)/10月(8件)/11月(6件)/12月(10件)


お役に立ちましたらツイートお願いします!




このサイトで配布しているイラストレーターのアクションやスクリプトファイルを無断で転載・配布・販売することを固く禁じます。ご紹介いただける際は必ずURLリンクにてお願いいたします。 このサイトで配布しているイラストレーターのアクションやスクリプトファイルの使用で、ファイルの破損やアプリケーションに不具合が発生した場合でも、責任は負いかねますのでご承知おきくださいませ。自己責任での使用をお願いいたします。

© 2017 GOROLIB DESIGN
Released under the MIT license.





このエントリーをはてなブックマークに追加 Share on Tumblr Clip to Evernote




◆ スクリプト250本が使い放題!マガジンをおすすめします。
有料スクリプトはnoteからご購入ください(要ログイン)。
ノート(単品)かマガジン(1000円)が選べますが、すべてのスクリプトが手に入るマガジンをおすすめしています。
GOROLIB DESIGNスクリプト一覧と一括ダウンロード


◆ はじめての方はこちらから
新しいスクリプトはわかったわ。じゃあどうしたらいいの?という方へ


◆ 仕事がなくなっちゃう(笑)スクリプトはオーダーメイドが最強です
オリジナルスクリプトつくります!3000円からどうぞ




■面倒な設定なし!Webコーダーさんもハッピー(CS6以降でどうぞ)
   
31
■ダウンロードはこちらから(download the script file from below)

https://note.mu/gorolib/n/n63255f63cacd



おつかれさまです。@gorolibです。

唐突ですが、Illustrator上で寸法線をサクッと入れるスクリプトを作ってみました。

寸法を入れるようなデザイン案件はまれかと思いますが、Webデザインでカンプに寸法を入れて、Webコーダーさんに渡すことはよくあると思います。

実はIllustratorで寸法を入れるスクリプトやプラグインは「何をいまさらww」なシロモノであり、すでに様々なすばらしいツールが公開されております。


「何をいまさら」なのですが、そこを根底から見直すのがこのブログのいいところ(自分で^ ^)


■寸法ってほんと面倒です^ ^;;
(クリックで拡大します)
54
大きさや間隔を表現し、そしてそれを人に伝えるために、寸法とは本当に重要な要素です。

各種CADソフトは寸法を入れる機能が充実していますが、Illustratorはそうでもない(というか標準機能には何にもないww)。

いえ何もなくていいんです、用がないから。でもたまに用がある(どっちや!)

じゃあ、わかりました、と寸法を描こうとすると、これがまたホントに心から面倒。分解しちゃえば何のことはない「線と数字の組み合わせ」なのですが、それを並べたり、揃えたり、アンカーポイントやパスに合わせたり、選択がセンシティブだったり(文字を掴もうとしたら線だったww)、ちょっとズレたら直すのが大変など、イヤイヤ要素満載なのです。

そこで撫でるように寸法を入れるスクリプトを作った次第です。


■「撫でるように」とはこれいかに


前述のとおりIllustratorで寸法を入れるプラグインやスクリプトはいくつかありますが、その設定も面倒です。線色や線幅、文字サイズ。はたまた寸法線をオブジェクトの上にするか下にするか。

そんなんどうでもいいんじゃあ!(乱暴)

とまでは言いませんが、誤解を恐れずに言えば、寸法って人に伝わればいいんですね(描き方がまちまちだとわかりづらいのでJIS規格などもありますが)。

でも「デザイナー風情がつくる寸法はなってねぇぜ!」なんてこと言われたら悲しいので、なんとかしたかった。

「撫でるようにシリーズ」は今までもいくつかご提案していますが、

・右手(マウス)でオブジェクト選択
・左手でショートカットキー(スクリプト割り当て済みの)…繰り返し

これの繰り返しなのですが、このオペレーションがすこぶる気持ちいいのです。

今回のスクリプトもヘビロテ予定の方は、ぜひショートカットキーを割り当て、撫でるように使ってみてください。ちなみに寸法線の両側の●は線パネルの矢印21番です。

このためにスクリプトからアクションを呼び出していますので(それができるようになった)CS6以降でご利用ください。また矢印21番ゆえに、グループ選択ツールなどを使い矢印の種類を変更することはもちろん可能です。
(これ)
45


■上でも下でもいいのよ///


前述のとおり寸法(ひいては図面の描き方)というのは、厳密にはお作法があります。ですがこのスクリプトは「人に伝わればよいが、できればキレイにサクッと」をコンセプトにしていますので、若干、道は外れています。

例えば寸法補助線。寸法線の両脇にちょいちょいっと出ているやつ。このスクリプトでは寸法補助線は上下に同じ長さだけ短く飛び出させています。
19

一般的なお作法は、
・寸法を対象物の上に描くならば、寸法補助線は下向きに長くして、上ははみ出さないように、
・寸法を対象物の下に描くならば、寸法補助線は上向きに長くして、下ははみ出さないようにします
57
でもこれってさっきの「面倒な設定」の話に戻るのです。つまり

今から描く寸法線は上にするか、下にするか

を人間様が判断してからプラグインなりスクリプトなりを動かし、表現方法を変えなくてはいけないのです。

実は寸法線の面倒さの本質はここにあるのです。

申し遅れましたが、このスクリプト、選択オブジェクトの上下中央に寸法を引きます。その後、デザイン内容によって、上や下に動かせばよいのです。


■「動かしやすさ」にもこだわっています


繰り返しになりますが、このスクリプトは「寸法線をオブジェクトの上にしても下にしても、それなりにきれいに見えるように」がコンセプトですので、動かしやすさにもこだわっています。

具体的には寸法線・寸法補助線・数字をひとつのユニットでグループ化しています。
19

これがバラバラだと、ひとたび動かしてしまったが最後、整列がたいへんになるのです。


■プレビュー境界にも対応しています。


当然ながらプレビュー境界のオンオフにも対応しています。

オンとオフの違いについては、説明よりも実際の画面がわかりやすいと思います(パスだけ選択状態にしています)
03


■グループオブジェクトには合計も(2段まで)


これはオマケサービスですが、グループ化されたオブジェクトはそれぞれの寸法・間隔と合計が2段で表示されるようになっています。
グループ階層は1回だけですので、ご承知おきくださいませ。



■図面の歴史をディスっているわけではありませんので…m(_ _)m


私も大学時代は建築学科でしたので、寸法についてアツくなってしまいましたが、決して図面の歴史をディスっているわけではありませんので、よしなに(笑)

Illustratorで作るような「人に上手に伝えるための寸法」は、もう少しライトでいいと思った次第です。お気をわるくされた方がいらしたらゴメンなさい。


■今回のスクリプト情報
(クリックで動きます)
タイトルなし

【スクリプト概要】
選択されたオブジェクト、およびその間隔に寸法を入れることができます。

【スクリプトファイル名】(スクリプト2本とアクション1本のセットです)
G313_DimensionYoko.jsx(スクリプト:横方向に寸法を入れる)
G313_DimensionTate.jsx(スクリプト:縦方向に寸法を入れる)
G313_Dimension.aia(アクション)

【使い方】
(1)アクションを読み込んでください(初回のみ)
(2)寸法を入れたいオブジェクトを選択します
(3)このスクリプトを起動します


【仕様】
(1)選択オブジェクトおよびその間隔に寸法が入ります
(2)グループオブジェクトは2段で寸法が入ります
(3)寸法線の位置は選択オブジェクト全体の上下中央になります
(4)寸法線・寸法補助線・数字をひとつのユニットでグループ化しています
(5)数字は標準文字スタイルを採用しています
(6)寸法線・寸法補助線の太さは1ptです
(7)数字の単位は「環境設定>単位>一般」を参照しています。ここがピクセルならピクセル単位で、ミリならミリ単位で表示されます。
 
※「縦方向に寸法を入れる」スクリプトも同仕様です(結果はこんな感じ)
16


お役に立てれば幸いです!ではでは出羽の海。


■ダウンロードはこちらから(download the script file from below)


https://note.mu/gorolib/n/n63255f63cacd


(追記170422)数字の桁数および四捨五入のカスタマイズについて
80行目の
TXT.contents = Math.round(VAL*1000)/1000
をいじってくださいませ。

Math.roundはカッコの中を四捨五入します。

javascriptはエクセル関数のように「桁数指定して四捨五入」ができないので、
1000倍して、四捨五入して、1000で割る
として小数第3位まで算出しています。

小数第2位までならば、100倍して、100で割る
小数第1位までならば、10倍して、10で割る
整数までならば、
TXT.contents = Math.round(VAL)
としてください。

ちなみに四捨五入ほか「丸め方」は以下のとおりです。いずれも整数桁までに丸めますので、桁数指定の方法はすべて前述と共通です。

Math.round…四捨五入
Math.ceil…切り上げ
Math.floor…切り捨て







ご購入ありがとうございます!

■サポート(お心付け)をありがとうございます!(通算16件)

■マガジン・ノート販売実績(2017年)

1月(34件)/2月(33件)/3月(22件)/4月(20件)

■マガジン・ノート販売実績(2016年)

5月(7件)/6月(9件)
7月(5件)/8月(5件)/9月(8件)/10月(8件)/11月(6件)/12月(10件)


お役に立ちましたらツイートお願いします!




このサイトで配布しているイラストレーターのアクションやスクリプトファイルを無断で転載・配布・販売することを固く禁じます。ご紹介いただける際は必ずURLリンクにてお願いいたします。 このサイトで配布しているイラストレーターのアクションやスクリプトファイルの使用で、ファイルの破損やアプリケーションに不具合が発生した場合でも、責任は負いかねますのでご承知おきくださいませ。自己責任での使用をお願いいたします。

© 2017 GOROLIB DESIGN
Released under the MIT license.





このエントリーをはてなブックマークに追加 Share on Tumblr Clip to Evernote




◆ スクリプト250本が使い放題!マガジンをおすすめします。
有料スクリプトはnoteからご購入ください(要ログイン)。
ノート(単品)かマガジン(1000円)が選べますが、すべてのスクリプトが手に入るマガジンをおすすめしています。
GOROLIB DESIGNスクリプト一覧と一括ダウンロード


◆ はじめての方はこちらから
新しいスクリプトはわかったわ。じゃあどうしたらいいの?という方へ


◆ 仕事がなくなっちゃう(笑)スクリプトはオーダーメイドが最強です
オリジナルスクリプトつくります!3000円からどうぞ



■ハイフンやカッコの上下調整がラクラクになりましたよ!(CS6以降でどうぞ)
(クリックで動きます)
 タイトルなし

■ダウンロードはこちらから(download the script file from below)

https://note.mu/gorolib/n/nba4f4d0d8dd4



おつかれさまです。@gorolibです。

唐突ですが欧文フォントの文字組みにつきまして。

パーレン(以下、カッコって呼びますね^ ^)やハイフンの上下調整をみなさまどうされていますでしょうか?そう、あの前後関係によって「上付きにも下付きも見える」あれです。

例えばハイフン。

欧文フォントは5本の基準線で構成されていますが
(1)アセンダーライン
(2)キャップライン
(3)xハイトライン
(4)ベースライン
(5)ディセンダライン
(クリックで拡大します)
20

一般的にハイフンは(3)と(4)の間(xハイト)の上下中央に位置しています。
(クリックで拡大します)
47
※アセンダー、ディセンダとつぶやいていると「♪暦の上ではディセーンバ♪(byあまちゃん)」がアタマの中でヘビーローテーションになり困りますww

大文字・小文字が混在ならば「いい感じに真ん中に」見えるのですが、例えば大文字だけ、数字だけだと下付きに見えたりします。

なので、そう見えないようベースラインシフトで調整しますが、こればっかりは構成される文字の種類や前後関係によって見え方が異なるので、自動にできないですわね。

まあ当然本文でそんな調整はしません。名刺やタイトル、サブタイトルが調整対象となりますね。


■そのベースラインシフトを全体に反映できないの?


問題なのは、その調整したベースラインシフトを「他の同じ文字」にも反映させたいときです。これって標準機能で一括でできないですよね?(もし方法あればご教授いただければ幸いですm(_ _)m)

1文字1文字やるしかない。まぁコピペコピペでいいんですけど、行送りとかカーニングとか「コピーされちゃ困る」ものもあり、ベースラインシフトだけでいいんですが…。

そこで、ベースラインシフトを調整した文字をハイライト選択し、それと同じ文字については同じベースラインシフトに一括反映するスクリプトを作成しましたので、ご利用くださいませ。


■今回のスクリプト情報
(クリックで動きます)
タイトルなし


【スクリプト概要】
選択文字のベースラインシフトをテキストオブジェクト内の同じ文字に反映します。

【スクリプトファイル名】
G312_baselineShift.jsx

【使い方】
(1)ベースラインシフトを反映したい1文字を選択します
(2)このスクリプトを起動します
(3)選択文字のベースラインが同じ文字に反映されます

【仕様】
(1)選択数は1文字だけです
(2)選択文字と同じ文字が対象です
(3)ベースラインシフトを反映する範囲は同じテキストオブジェクト内となります

【注意】
(1)反映したくない箇所がある場合は、事前に行ばらし等でオブジェクトを分けておいてください
(2)メニューコマンドを呼び出す機能が必要ですので、イラストレーターのバージョンはCS6以降でどうぞ


お役に立てれば幸いです!ではでは出羽の海。


■ダウンロードはこちらから(download the script file from below)

https://note.mu/gorolib/n/nba4f4d0d8dd4









ご購入ありがとうございます!

■サポート(お心付け)をありがとうございます!(通算16件)

■マガジン・ノート販売実績(2017年)

1月(34件)/2月(33件)/3月(22件)/4月(20件)

■マガジン・ノート販売実績(2016年)

5月(7件)/6月(9件)
7月(5件)/8月(5件)/9月(8件)/10月(8件)/11月(6件)/12月(10件)


お役に立ちましたらツイートお願いします!




このサイトで配布しているイラストレーターのアクションやスクリプトファイルを無断で転載・配布・販売することを固く禁じます。ご紹介いただける際は必ずURLリンクにてお願いいたします。 このサイトで配布しているイラストレーターのアクションやスクリプトファイルの使用で、ファイルの破損やアプリケーションに不具合が発生した場合でも、責任は負いかねますのでご承知おきくださいませ。自己責任での使用をお願いいたします。

© 2017 GOROLIB DESIGN
Released under the MIT license.





↑このページのトップヘ