カテゴリ:イラストレーター > 変形

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




◆ DTPの方へ!はじめてのWebデザイン&サイト構築セミナー
細かいことはいいからAdobe MuseでサクッとWebサイトを作ろう!というセミナーです

◆ スクリプトを使っていきなりIllustratorの上級者になろうセミナー
いきなり上級者になってイイんです!スクリプトの使い方イチから教えます

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

◆ 自分でスクリプトを作ってみたい!そんなあなたはこちらから
ひとりで書ける!ちょい足しスクリプトマガジンZ

◆ スクリプト制作承ります!まずはお気軽にご相談ください m(_ _)m
イラストレーター用スクリプトの受注生産やってます




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

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


■オブジェクトサイズはフィットなのに位置だけがズレるときありますよね?
(クリックで動きます)
2
 おつかれさまです。@gorolibです。

 IllustratorでのWebデザインについては、最近は「ピクセルにスナップ」や「アセットの書き出し」などの新機能によって随分便利になりました。

 しかし、整列や等間隔に分布などを行なうと、座標位置に端数が出るときがあります。ピクセルにスナップは便利ですが、座標位置の端数は、マウスで移動しないとスナップしないので、例えば、左上のx座標「-0.45 px」を「0 px」にするには面倒です。
スクリーンショット 2018-08-19 12.03.09
スクリーンショット 2018-08-19 12.03.17のコピー

 カーソルキー(矢印キー)で微調整をしようと思っても、ピクセルにスナップをオンにしていると、オブジェクトは1pxづつ動いてしまうので、「-0.45 px」が「0.55 px」になってうまくいかない。これは、環境設定>一般>キー入力に関係しません。
スクリーンショット 2018-08-19 12.27.48

 結果としては、変形パネルで座標数値を直さなければいけないのです。

 それぞれのオブジェクトサイズは、きちんとピクセルフィットさせているのに、位置だけがズレると少々面倒なオペレーションになります。そこで今回のスクリプトを作成した次第です。お役に立てれば幸いです。


■グループ化せずにスナップさせたい

 このとき、オブジェクトを個別に動かそうとすると若干微妙です。例えば、タブの設計をしていて全体としてフィックス(きちんとピクセルフィット)しているのに、位置だけがずれる場合。このとき、グループ化しているかどうか「選択するまでわからない」という非常に悩ましい問題が起きます。

(1)グループ化されているかと思ったら、されてない
(2)グループ化されてないかと思ったら、されてた

参考:根底から見直すシリーズ:オブジェクトのグループ化と解除

 そこで、今回のスクリプトは「選択範囲を左上の端数分だけ移動する」という仕様にして、グループ化しているかどうかを気にしなくてもいいようにしました。
1
■今回のスクリプト情報
(クリックで動きます)
2


【スクリプト概要】
グループ化しなくても選択範囲を左上座標の端数分だけ移動して全体をピクセルフィットさせるスクリプトです。

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

【使い方】
(1)対象となるオブジェクトを選択します
(2)このスクリプトを起動します
(3)選択範囲を左上座標の端数分だけ移動して全体をピクセルフィットさせます
(4)端数の判定は四捨五入です


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


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



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




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

© 2017 GOROLIB DESIGN
Released under the MIT license.





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




◆ DTPの方へ!はじめてのWebデザイン&サイト構築セミナー
細かいことはいいからAdobe MuseでサクッとWebサイトを作ろう!というセミナーです

◆ スクリプトを使っていきなりIllustratorの上級者になろうセミナー
いきなり上級者になってイイんです!スクリプトの使い方イチから教えます

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

◆ 自分でスクリプトを作ってみたい!そんなあなたはこちらから
ひとりで書ける!ちょい足しスクリプトマガジンZ

◆ スクリプト制作承ります!まずはお気軽にご相談ください m(_ _)m
イラストレーター用スクリプトの受注生産やってます




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

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


■地味ですが毎日何回も使うスクリプトです
(クリックで動きます)
タイトルなし
 おつかれさまです。@gorolibです。

 今回は、私がほぼ毎日使っているスクリプトのブラッシュアップ版をご紹介します。元のスクリプトはこれです。

 参考:これは便利!クリップボードから直接リサイズ入替するスクリプト

 クリップボード上のオブジェクトをペーストしてから、選択オブジェクトの幅に合わせ、さらにその中心に移動し、選択オブジェクトは削除します。めちゃくちゃ便利なのですが、地味なので売れてない(笑)

 Illustratorでの作業って、そのほとんどがレイアウトなんですよね。手順としては「置いてから調整する」感じです。でも、レイアウト作業ですから、あらかじめ大きさと場所を決めてから、そこにはめ込むのが正しいとおもいませんか?そこで、そのようなスクリプトを作成したのですが、さらに今回はブラッシュアップしまして

・入替先が未選択の場合は、アートボード幅でペーストし、アートボードの中心に移動する
・入替元が複数ある場合は、グループ化してからペーストする

という仕様を追加しましたので、ご利用ください。


■今回のスクリプト情報
(クリックで動きます)

【スクリプト概要】
クリップボード内容を選択オブジェクトにリサイズし、さらに入れ替えまで行います。
オブジェクトが選択されていない場合は、アートボード幅でペーストします。

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


【使い方】
(1)入替元オブジェクトAをコピーします
(2)入替先オブジェクトBを選択します(入替先が未選択でも実行できます)
(3)このスクリプトを起動します
(4)入替先がAに入れ替わります


【仕様】
(1)Illustratorのアクティブドキュメント上に、クリップボードの内容をいったんペーストします
(2)選択オブジェクトの幅に合わせるようにして変倍します
(3)変倍後に座標を再計算して、選択オブジェクトの位置に移動します
(4)いったんペーストしたオブジェクトは処理の最後に削除します
(5)入れ替わった選択オブジェクトは削除します
(6)複数選択されている場合は、その最大範囲でリサイズ入替を行います
(7)入替元オブジェクトが複数ある場合は、グループ化を行って1つにします。


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


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





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




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

© 2017 GOROLIB DESIGN
Released under the MIT license.





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




◆ DTPの方へ!はじめてのWebデザイン&サイト構築セミナー
細かいことはいいからAdobe MuseでサクッとWebサイトを作ろう!というセミナーです

◆ スクリプトを使っていきなりIllustratorの上級者になろうセミナー
いきなり上級者になってイイんです!スクリプトの使い方イチから教えます

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

◆ 自分でスクリプトを作ってみたい!そんなあなたはこちらから
ひとりで書ける!ちょい足しスクリプトマガジンZ

◆ スクリプト制作承ります!まずはお気軽にご相談ください m(_ _)m
イラストレーター用スクリプトの受注生産やってます




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

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


■楕円に変換って面倒でした(^_^;)
スクリーンショット 2018-07-13 9.18.38

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

 先般お伝えしているとおり、私のイラストは、

 ・手描きスキャン
 ・Photoshopで加工して
 ・Illustratorでライブトレース

 なのですが、「味が残りすぎてくどい」場合があります。

 具体的には、サンプル画像における「目」の部分のことです。他の部分のラフ感、ゆれ感はいいのですが、目のように繊細な部分は、きっちりと幾何学的に表現しないとイラストが成立しないときがあります。この場合は、ギザギザを残すのではなく、きれいな楕円にしたいのです。

 オブジェクトを楕円に変換するのって、意外と面倒なんですよね…

(1)対象のオブジェクトにロックをかける
(2)楕円形ツールで「目分量で」楕円を描く
(3)「オブジェクト>すべてをロック解除」する
(4)不要になったオブジェクトを削除する

 と、このようなオペレーションなのですが、なんのことはない、選択オブジェクトの幅と高さで楕円を描き、元のオブジェクトを削除するというスクリプトでよかったんです。今回作成しましたので、ご利用くださいませ。

 ※幅と高ささえ取得できれば、なんでも楕円にしちゃいます。
スクリーンショット 2018-07-13 9.37.29


■今回のスクリプト情報
スクリーンショット 2018-07-13 9.18.38


【スクリプト概要】
選択オブジェクトを一瞬で楕円に変換するスクリプトです


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


【使い方】
(1)対象となるオブジェクトを選択します
(2)このスクリプトを起動します
(3)選択オブジェクトの幅と高さで楕円を描き、選択オブジェクトは削除します


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


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






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




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

© 2017 GOROLIB DESIGN
Released under the MIT license.





↑このページのトップヘ