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





◆ #いきなりHTML 2(レスポンシブ対応)
なんと!スライスもコーディングも全自動!イラレからHTML+CSSへ一発出力します

◆ スクリプトで時短革命
デザイン業界にもRPAを!スクリプトはオーダーメイドがイイんです!

◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識
イラレ使いにこれ1冊!ホントに10倍ラクできます




※このスクリプトは、スクリプト使い放題マガジン2(初月無料)に含まれています

参考:スクリプト使い放題マガジン2(月額)もごひいきに(初月無料です)


■1文字ごとにバラバラにするという需要がありました^ ^
(クリックで動きます)

タイトルなし

 みなさま、おつかれさまです。@gorolibです。

 今回は、仮想ボディを基準として、1文字ごとにバラバラにするスクリプトをご提案いたします。

 文字オブジェクトを1文字づつバラバラにしたい需要はあったのですが、仮想ボディで分割すると便利かと思い立ち、この度スクリプトにした次第です。どうぞご利用くださいませ。


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


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


【使い方】
(1)対象となる文字オブジェクトを選択します
(2)このスクリプトを起動します
(3)バラバラにするときの間隔を指定します
スクリーンショット 2018-11-07 16.00.10


【仕様】
(1)文字サイズのタテヨコサイズで、枠をつくります
(2)枠は、線のみか、塗りにして白抜きにするか選べます


【白抜きの場合】
スクリーンショット 2018-11-07 18.22.32


お役に立てれば幸いです!

(追記20181109)
仮想ボディ付きでバラバラにする際、オフセットを指定できるようにしました。
別スクリプトですが、リンク元は同じですので、購入頂いた方は追加ダウンロードをお願いいたします。

【スクリプトファイル名】
G599_emBoxBarashi2.jsx
タイトルなし
スクリーンショット 2018-11-09 14.48.27



20180917_193644_5

20180917_193644_4


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




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

© 2017 GOROLIB DESIGN
Released under the MIT license.





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





◆ #いきなりHTML 2(レスポンシブ対応)
なんと!スライスもコーディングも全自動!イラレからHTML+CSSへ一発出力します

◆ スクリプトで時短革命
デザイン業界にもRPAを!スクリプトはオーダーメイドがイイんです!

◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識
イラレ使いにこれ1冊!ホントに10倍ラクできます




※このスクリプトは、スクリプト使い放題マガジン2(初月無料)に含まれています

参考:スクリプト使い放題マガジン2(月額)もごひいきに(初月無料です)


(追記20181106)
月額設定が外れておりました。申し訳ありません。
設定しましたので、月額マガジン購読中の方はどうぞご利用ください。


■アピアランスだとちょっとずれるので…(^_^;)
(クリックで動きます)
タイトルなし
 おつかれさまです。@gorolibです。

 私のお客様にばれたら恥ずかしいですが(笑)、テキスト見出しの左側によく縦棒をつけます。

【こういうの】
スクリーンショット 2018-11-05 22.45.02
 よくある見出しではありますが、私はこれが異常に好きなのです。かつては、アピアランスで表現していたのですが、

 参考:テキスト見出しの左側に縦線・縦棒をつける方法(アピアランス完全版)

 並べたときに、1文字目の字形によって若干のズレが生じるのがイヤでした。以下で説明します。


■仮想ボディ(アンカーポイント)と字面のズレ

 以下の2行をご覧ください。
スクリーンショット 2018-11-05 22.57.17
 いずれも前述のアピアランスをかけたものですが、アンカーポイントの水平位置は揃っているのに、アピアランス(縦棒)の左側は揃っていません。

 これは、1文字目が異なるためです(国と目)。目の方が国よりも字面がスリムなので、同じ距離をとっても、目についている縦棒の方が、右に寄っているのです。

 なぜ、アンカーポイントではなく、字面からの距離になっているかと言うと、アピアランスの中で「オブジェクトのアウトライン」を使っているからです。
スクリーンショット 2018-11-05 23.25.58
 「オブジェクトのアウトライン」は効果メニューであり、文字のアウトラインがかかっていなくても「かかっているように振る舞う」オブジェクトになります。

 つまり、アンカーポイントの水平位置を揃えても、目の方が国よりもスリムなので、縦棒の離れについて同じ距離をとっても、目についている縦棒の方が近くになるのです。

 では、なぜ「オブジェクトのアウトライン」をかけるかというと、実際にアウトラインをかけたときにズレるからです。具体的には、校了したデータと入稿するデータ(文字のアウトラインをかけたとき)に差異が生じることになります。これは事故の元です。

【アウトラインをかけたときに生じるズレ】
タイトルなし2
 しかし、「オブジェクトのアウトライン」をかけておかないと、今度は垂直方向の中点がとれません。これは、フォントの下端が揃わない問題です。

 参考:イラストレーターで文字をオブジェクトの上下中央に揃える方法


 いやはや…文字って本当にやっかいなんです(^_^;)


■長方形を描いてグループ化でよいのでは?

 上の段落について「読むのも面倒だっ!」と感じる方は多いと思います。私も書くのが面倒でした(笑)

 そのため、無理にアピアランスを使わずに、スクリプトで長方形を作って、グループ化することを提案いたします。

 このスクリプトは、バウンディングボックスの左上(仮想ボディの左上とする)を基準にしているため、フォントの下端が揃わない問題も、アンカーポイントで揃えたときに、縦棒の左側が揃わない問題も回避できます。

 細かいことですが、こういうとこがきっちりしていると、気持ちがラクになる性格なのです^ ^


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


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


【使い方】
(1)対象となる1行の文字を選択します(複数選択可)
(2)このスクリプトを起動します


【仕様】
(1)文字が選択されていない場合は、反応しません
(2)複数選択が可能です
(3)文字が2行以上ある場合は、1行目に縦棒をつけます
(4)バウンディングボックスの左上を基準とします
(5)縦棒の幅は文字サイズの1/3、高さは文字サイズの5/4です


お役に立てれば幸いです!


20180917_193644_5

20180917_193644_4



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




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

© 2017 GOROLIB DESIGN
Released under the MIT license.





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





◆ #いきなりHTML 2(レスポンシブ対応)
なんと!スライスもコーディングも全自動!イラレからHTML+CSSへ一発出力します

◆ スクリプトで時短革命
デザイン業界にもRPAを!スクリプトはオーダーメイドがイイんです!

◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識
イラレ使いにこれ1冊!ホントに10倍ラクできます




■はじめて?Photoshopのスクリプトを作ってみた^ ^
(クリックで動きます)
タイトルなし

 みなさま、おつかれさまです。@gorolibです。

 今回、はじめてPhotoshopのスクリプトを作成してみました。

 Illustratorのスクリプトはさんざん作りましたが、Photoshopはヘビロテで使わないので、作る意味がなかったのです。業務効率化は「よく使うところ」から進めるのが一般的です。

 作ってみると、プロパティが若干違えど、スクリプトの組み方は同じなのですね!興味が出てきました^ ^


■手始めにトリミング

 ヘビロテで使わないながらも、Photoshopでのトリミングはよくやります。デザイン案件ではラフスケッチを多用するので、スキャン画像をガイドで囲い、その交点でトリミングすることがあるのです。

 Photoshopのガイドは、タテヨコの定規からドラッグ&ドロップして作っています。境界を決めるにあたっては、このやり方がとても体感に近い。

 そこで、ガイドでトリミングをするスクリプトを公開しますので、ご利用ください。Photoshopのスクリプトははじめてですので、当然無料でございます(^_^;)。


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


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


【使い方】
(1)Photoshop上でトリミング用に水平垂直2本づつのガイドを引きます
(2)このスクリプトを起動します
(3)ガイドの交点によってPhotoshopファイルがトリミングされます


【仕様】
(1)水平ガイド、垂直ガイドがそれぞれ2本以上ないと、反応しません
(2)それぞれ3本以上ある場合、水平ガイドは上から2本、垂直ガイドは左から2本を使います

(クリックで動きます)
タイトルなし2


お役に立てれば幸いです!

20180917_193644_8

20180917_193644_4



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




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

© 2017 GOROLIB DESIGN
Released under the MIT license.





↑このページのトップヘ