カテゴリ:イラストレーター > 表組み

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




◆ どんとこい発達障害!スケジュールが立てられない人の大逆転!仕事術(980円)
苦手意識を大逆転! 次々と仕事が片付きます(会員登録せずに購入可)

◆ 自分の強みをサクッと活かして商売にしちゃう教科書(980円)
会社を辞めたい!でも独立は不安…そんなあなたは必読デス(会員登録せずに購入可)

◆ スクリプト300本超が使い放題!マガジンをおすすめします。
GOROLIB DESIGNスクリプト一覧と一括ダウンロード

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

◆ 仕事がなくなっちゃう(笑)スクリプトはオーダーメイドが最強です
いつもいつも苦労しているアノ作業。一瞬で終わると人生観かわります(ホントです^ ^)




(クリックで動きます)

■ただの表組みなら1秒で完成します!


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

 先般告知していたとおり、自動タブ区切りと自動罫線スクリプトが完成しましたので公開いたします。ただ線で囲むノンデザインの表組みを、誰でも1秒で作ることができます。

 エクセルで表をざっくり作成し、テキストエディタ経由でコピペした文字列に適用してください。テキストエディタ経由(メモ帳やテキストエディット)でないとうまくいきません(Windowsだとうまくいくケースもありますが、エクセルの図形情報まで持ってきてしまうので)。
20

 先般の記事のとおり、何の変哲もない表組みでもIllustratorで作るとやたら時間がかかります。ぼくらがデザインで時間をかけるべきはこんなところではないのですが、Illustratorには寸法と同じく、表組み機能が全くないのでいつも難儀していました。



 何ならエクセルできれいに表を作って、そのスクリーンショットを配置したいくらいですが、そうもいきません。印刷物なら解像度の問題がありますし、何よりデザイン料がいただけませんからね(笑)。大変お役に立てるスクリプトですので、どうぞご利用くださいませ。

 なお対象となる文字はもちろんエクセル由来に限定されません。タブキーと改行キーで構成されたものであれば大丈夫です。

■今回のスクリプト情報


(クリックで動きます)

【スクリプト概要】
 タブキーで区切られたポイント文字に、タブ区切りと罫線を自動追加します。

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

【使い方】
(1)タブキーで区切られたポイント文字を選択します。
(2)このスクリプトを起動します
(3)タブ区切りと罫線を自動追加します

【仕様】
(1)選択文字に対して処理を行います
(2)罫線の幅は毎度おなじみ「環境設定>キー入力」の値を使っています
(3)文字から罫線までの余白は(行送りー文字サイズ)÷2としています。余白を大きくしたい場合は行送りを大きくしてください(*1)
(4)その行送りと文字サイズは先頭1文字目の情報を使います。そのため文字サイズや行送りが混在するものには適しません
(5)既存のタブ区切りはすべて削除します
(6)同時に選択されたパスアイテムもすべて削除しますので、気軽に再作成ができます。
(7)文字列2つでこんな表現も、文字列1つで単なる枠囲いもOK!もはや万能レベルです(大げさね)
【注意】
(1)文字列の長さはアウトライン座標から、それ以外は文字のバウンディングボックスから計算していますので、タテ罫の位置は若干ズレることがあります。ご了承くださいm(_ _)m

(*1)


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


(追記170715)
罫線の色を文字色にするバージョンを作成しました(このほうが使い勝手いいかも)
G359_AutoTable2color.jsx

(クリックで動きます)
タイトルなし
(追記170716)
背景付きバージョンを追加しました。行ごとに濃淡(不透明度20%と10%)を繰り返します。背景色は文字色ですが不透明度だけの表現ですので、後から一度に変更できます。まずはスミで作っておいて寒色系に変更するとベターです。

G360_AutoTable2fill.jsx
39




■ダウンロードはこちらから

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




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

© 2017 GOROLIB DESIGN
Released under the MIT license.





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




◆ どんとこい発達障害!スケジュールが立てられない人の大逆転!仕事術(980円)
苦手意識を大逆転! 次々と仕事が片付きます(会員登録せずに購入可)

◆ 自分の強みをサクッと活かして商売にしちゃう教科書(980円)
会社を辞めたい!でも独立は不安…そんなあなたは必読デス(会員登録せずに購入可)

◆ スクリプト300本超が使い放題!マガジンをおすすめします。
GOROLIB DESIGNスクリプト一覧と一括ダウンロード

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

◆ 仕事がなくなっちゃう(笑)スクリプトはオーダーメイドが最強です
いつもいつも苦労しているアノ作業。一瞬で終わると人生観かわります(ホントです^ ^)







(追記170724)
こちら開発完了しています^ ^



■復帰第1弾はこれを予定しています
18

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

 おかげさまで2017年7月2日に退院し、自宅療養しております。皆様からたくさんのお見舞いや励ましのメッセージをいただき、心より感謝しております。今後ともご愛顧のほど、どうぞよろしくお願いいたします。

 FacebookやTwitterは順次再開しておりますが、スクリプトの復帰第1弾はどうしようかと考えております。

 実は入院中、病室のベッドでボーっとしているとき、エクセルで入力した表組みを、Illustratorにもっとスムーズに持ってこれないものかしらと思っていました。

 限りなくノンデザインであっても、Illustratorにおける表組み制作は中々骨が折れます。


■よく見ると不思議なことになっています

18
 エクセルからテキストエディット経由でIllustratorに貼り付けた場合、上図サンプルの上半分のようになっていますね。まだタブ区切りは入れていません。エクセルからコピー(テキストエディット経由で)すると、隣り合う項目の間にはタブ記号が入っていますが、よく見ると不思議なことになっています。

 同列内に文字列長さの大小がある場合、もっとも長い文字列に合わせて、なんだかうまいこと何個か飛ばして整列しています。この制御の方がむずかしいんじゃないのかしら?(笑)

 いずれにしても上のままでは使えず、タブパネルでチマチマ調整するわけですが、ノンデザインでいい場合は、すぐに下半分のような結果が出て欲しい!

 これを復帰第1弾のスクリプトで実現しようとしています…が気長にお待ちくださいませ。

 ※過去にも自動表組みにはトライしております。
 参考:表組みを全自動化!ゼロ秒で表をつくるスクリプトです(Illustrator)


 これからもどうぞよろしくお願いいたしますm(_ _)m



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




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

© 2017 GOROLIB DESIGN
Released under the MIT license.





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




◆ どんとこい発達障害!スケジュールが立てられない人の大逆転!仕事術(980円)
苦手意識を大逆転! 次々と仕事が片付きます(会員登録せずに購入可)

◆ 自分の強みをサクッと活かして商売にしちゃう教科書(980円)
会社を辞めたい!でも独立は不安…そんなあなたは必読デス(会員登録せずに購入可)

◆ スクリプト300本超が使い放題!マガジンをおすすめします。
GOROLIB DESIGNスクリプト一覧と一括ダウンロード

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

◆ 仕事がなくなっちゃう(笑)スクリプトはオーダーメイドが最強です
いつもいつも苦労しているアノ作業。一瞬で終わると人生観かわります(ホントです^ ^)




■自分で作っておきながら便利すぎて(笑)   
(クリックで動きます)
タイトルなし


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

 唐突ですが、Illustratorの表組みで行の高さを同時に増やすのは難儀しますよね。例えば3行の表組みで行の高さを同時に1ミリ増やしたいときは、次のようになるかと思います。

・1番目の線は動かさない
・2番目の線は1ミリ下へ
・3番目の線は2ミリ下へ
・4番目の線は3ミリ下へ(クローズドパスなのでダイレクト選択)
51

 もう少し工夫するのなら、次のようなやり方もあります。

(1)周囲のクローズドパスを分解(左右の線をダイレクト選択して削除)
(2)4番目の線を3ミリ下へ移動
(3)すべての線を選択
(4)整列パネルの「垂直方向等間隔に分布」を実行
(5)1番目と4番目の線を選択して「パスの連結」を2回実行(クローズドパスに戻す)

 ただしこのやり方は2番が問題になります。シンプルなパターンであれば「3ミリ下へ移動」を瞬時に思いつけますが、「13行分を0.25ポイントづつ増やす」なんてイジワル(?)なパターンの場合は、とても暗算では計算できませんね(少なくとも私のアタマでは無理です。笑)。

 こういう「計算だけが難しい」作業はスクリプトに任せた方が絶対によいです。


■なんと文字も連動しちゃいます!


 今回のスクリプトの増減は環境設定の行送り値を使いますが、これは文字との連動を鑑みています。表組みと文字を同時選択しておけば、行の高さと同時に文字の行送りも変更します。いっやこれは便利!自分で笑っちゃいました(笑)

 ただし行の高さも広がっているため、文字の上下微調整は必要ですのであしからず(さすがにこれは自動になりませんでした^ ^)
27
33


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

【スクリプト概要】
選択した表組みの行の高さと文字送りを同時に増やし(減らし)ます。


【スクリプトファイル名】
G336_addRowheight.jsx(行の高さを増やす)
G337_subRowheight.jsx(行の高さを減らす)


【使い方】
(1)行の高さを増やしたい表組みを選択します
(2)文字があれば同時に選択します
(3)このスクリプトを起動します
(4)環境設定・行送りの値を使って全ての行の高さを増やします
(5)文字が選択されている場合は、文字の各行の行送りを増やします


【仕様】
(1)増減に使うのは「環境設定>テキスト>サイズ/行送り」の値です。
49


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


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

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




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

© 2017 GOROLIB DESIGN
Released under the MIT license.





↑このページのトップヘ