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

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





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

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

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


20181115_130202_1
あなたは素材を用意するだけ!全自動チラシ(for macOS)Illustrator スクリプトをお試しください!





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

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


■ただ文字を選択するだけです!
(クリックで動きます)
タイトルなし

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

 以前に、箇条書きを自動で作るスクリプトを公開しましたが、

 参考:好きなデザインで箇条書きができるスクリプトをどうぞ

 テンプレートファイルやIllustratorのライブラリなどに、箇条書き用のマークを用意しておく必要がありました。

 しかし、使い続けていると「もはやチェックマークだけでよいのではないか?」と思うようになり、今回、専用のスクリプトを作成した次第です。文字を選択して、スクリプトを起動するだけで、チェックマークをつけることができます。

 なお、文字であれば、ポイント文字、エリア内文字を問いません。段落ではなく、各行に付与します。どうぞ、ご利用くださいませ。


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


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

【使い方】
(1)対象となる文字オブジェクトを選択します
(2)このスクリプトを起動します
(3)文字の各行の左側にチェックマークを付けます

【仕様】
(1)チェックマークの高さは文字サイズとなります
(2)チェックマークは文字の左端から文字サイズの4分の1だけ離しています

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

20180917_193644_12
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倍ラクできます




※このスクリプトはどのマガジンにも含まれない単品販売商品となります。


20180917_193644_15


20181114_223006_1

■ A4チラシを全自動で作成します!

※これは、実際にこのスクリプトで作成したチラシです
スクリーンショット 2018-11-14 20.37.18
(指示画面)
スクリーンショット 2018-11-14 20.35.41
(サンプル動画)

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

 この度、スクリプト開発人生の集大成(大げさではなく!)ともいうべき、「イラレで全自動チラシ for macOS」が完成しましたので、公開いたします。

 素材(以下、事前準備を参照ください)をご用意いただくだけで、1分もかからずにチラシが作成できます。上記のサンプル動画を参照ください。

■ Illustratorはレイアウトソフトである

 私は、チラシの作成工程を以下3つに大別しています。

(A)素材集め
(B)レイアウト
(C)お化粧

 今回のスクリプトは、Bに当たるものであり、それを愚直なまでにパターン化したものです。レイアウトを大別すると、以下のようになります。

(1)キャッチコピー
(2)画像
(3)タイトル
(4)サブタイトル+本文
(5)シグ情報(ロゴ、会社名、住所、電話、メール等の連絡先)

 このレイアウトのために、素材集めをすることになります。逆に言えば、これらの素材が集まっていない限り、チラシのデザインはできません。Illustratorを起動する必要もないのです。

20180917_193644_15

■集める素材の意味合いついて

 チラシとは「人さまの商品の販促活動のお手伝い」ですから、いかにその商品を魅力的に見せるかが勝負です。

 そのためには、やはりビジュアルが圧倒的です。惹きつける写真を大きく載せるべきです。Webデザインの世界では、ビッグフォトと言って、ページトップに大きな画像を配置するのが、廃れることなく主流となっています。チラシでもこれは同様です。

 次に構造分析を行い、その商品を手に入れるとどんな良いことあるのかを整理します。これがタイトルやキャッチコピーになります。商品の構造分析には「なにこれカード」が便利です。

 参考:はじめての広告デザインにどうぞ!なにこれカードの使い方

 画像とタイトル、キャッチコピーの3点を使って、いったいどんな商品か、どんな良いことがあるのかをアピールするのです。サブタイトルと本文は、それを補足ものであり「完全にその商品が欲しくなる」ための、仕上げとなります。

■ ワンパターンに陥らないのか?

 このスクリプトで作成されるチラシのレイアウトは、たったの1種類です。しかし、これでいいのです。チラシの作成工程をもう一度見てみましょう。

(A)素材集め
(B)レイアウト
(C)お化粧

 商品の構造分析を行い、それを素材として抽出し、レイアウトした後に、お化粧をしていくのです。チラシは、文字通り、お化粧次第でどのようにも「化ける」のです。

■ 写真の数を変えてみる

 例えば、写真の数を変えてみましょう。先ほど、Webデザインにおける「ビッグフォト」のお話をしましたが、1枚と3枚では全くイメージは異なります。
【3枚の場合】
スクリーンショット 2018-11-14 20.37.18

【1枚の場合】
スクリーンショット 2018-11-14 21.01.14
スクリーンショット 2018-11-14 21.01.56
 ちなみにですが、ちゃんと3ミリの塗り足しもついています。
スクリーンショット 2018-11-14 21.43.02

20180917_193644_15

■ フォントを変えてみる

 このスクリプトでは、Illustratorのデフォルトフォントである「小塚ゴシック Pr6N」を使っていますが、一般的にゴシック体と明朝体では、以下のようなイメージの違いがあります。

・ゴシック体(セリフ)…カジュアル、ポップ、商業的
・明朝体(サンセリフ)…叙情、情念、情感

 もっと言えば、そのイメージは「商品の構造分析」から抽出されるはずであり、デザイン以前の問題となります。例えば、星座観測ツアーの場合は、明朝体にして、情念に訴えかけたほうが良い感じになります。
スクリーンショット 2018-11-14 21.12.24
スクリーンショット 2018-11-14 21.12.48

 このように、特別な要素を加えなくても、少しお化粧するだけで、ガラッとイメージは変わるのです。全自動だからと言って、作成されたものを変更してはいけないルールはありません。

■お化粧でふんだんに遊べる

 実は、このスクリプトの真髄はそこにあります。具体的には「レイアウトで疲弊せず、お化粧でふんだんに遊べる」のです。

 デザイン業界の最先端を行くならまだしも、商品やサービスのアピールをするチラシであれば、そのレイアウトはだいたい固定的になると考えます。

■サンプルスクリプトをお試しください

 今回のスクリプトは、macOS の Illustrator CC 以上であれば、動くように設計していますが、万が一ということがありますので、サンプルスクリプトをご用意しました。ご購入の前に、こちらでお試しください。

 サンプルスクリプトは、キャッチコピーと写真素材1枚(塗り足しなし)のみとなります。
20180917_193644_13

■【特典1】1ヶ月のメールサポートをサービスします!

 今回のスクリプトをご購入のお客様には、1ヶ月間のメールサポートサービスをご提供いたします。noteのリンク「クリエイターへのお問い合わせ」から、メッセージをお送りください。メールでのお問い合わせにお答えします(ご購入日から1ヶ月間)。

■【特典2】 簡易なカスタマイズに対応します!(1回のみ)

 また、今回のスクリプトをご購入のお客様に向けて、1回のみ、簡易なカスタマイズに対応します。フォントを変更してほしい、初期値を変更してほしいなどの簡易なリクエストにお応えします。なお、当初の仕様から大きく外れるご要望の場合は、別途お見積もりさせていただき、オーダーメイド製品としてご注文をお受けします。こちらも、noteのリンク「クリエイターへのお問い合わせ」から、メッセージをお送りくださいませ。
20180917_193644_14

■今回のスクリプト情報

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

【事前準備】
(1)以下の素材をテキストで用意しておきます
・キャッチコピー
・タイトル
・サブタイトル
・本文
・会社名
・住所
・電話
・メール等

【参考:以下のテキストを無料サンプルに含めました】
スクリーンショット 2018-11-14 20.24.30

(2)以下の素材を用意しておきます
・写真素材
・ロゴ


【使い方】
(1)A4サイズの空のアートボードを1つ用意します
(2)このスクリプトを起動します
(3)テキスト素材を指示画面にそれぞれ貼り付けます

スクリーンショット 2018-11-14 20.35.41
(4)写真素材を選択します(複数OK)

スクリーンショット 2018-11-14 22.16.58
(5)ロゴデータを選択します(1つだけ)
スクリーンショット 2018-11-14 22.17.03

【仕様】
(1)写真素材が複数選択された場合は列に分解し、両端の画像に塗り足しをつけます
(2)写真素材が1枚の場合は、両端に塗り足しをつけます
(3)写真素材、ロゴデータはクリッピングマスクでリンク配置となります
(4)フォントは「小塚ゴシック Pr6N」固定です(Bold、Heavy、Regularを使います)
(5)サイズはA4タテ限定です。スクリプト起動前に「A4サイズの空のアートボードを1つ」ご用意ください
(6)なお、住所、電話、メール等の項目内容は、適宜入れ替えてご利用ください(行の位置以外に違いはありません)


 その他、詳しい仕様は、無料サンプルaiデータのダウンロードにて、ご確認くださいませ


 ご購入の前に、サンプルスクリプトが動くかどうかお試しください。サンプルスクリプトは、キャッチコピーと写真素材1枚(塗り足しなし)のみとなります。
20180917_193644_13
 お役に立てれば幸いです!

20180917_193644_12
20180917_193644_15



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




このサイトで配布しているイラストレーターのアクションやスクリプトファイルを無断で転載・配布・販売することを固く禁じます。ご紹介いただける際は必ず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(月額)もごひいきに(初月無料です)


■いよいよキーオブジェクト不要かっ!?
(クリックで動きます)
タイトルなし3
タイトルなし4

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

 今回は、キーオブジェクトを使わずに「短いほう」に整列するスクリプトを作りました。

 整列は私のライフワークです。いかにキーオブジェクトを使わずに整列するか?というテーマで、飽きもせずに(笑)、もう何年もスクリプトを作り続けています。

「整列パネルの整列基準をショートカットで変更したい」というのが、私のスクリプト開発の起源ですが、整列基準はスクリプトでは扱えないことがわかっています。

【整列基準】
スクリーンショット 2018-11-13 14.21.42

 そこで、整列基準を使わずに、整列全般をまかないたいというテーマで、スクリプト開発を続けています。

 以下では「短いほうに整列するスクリプト」を作った経緯を説明します。長くなりますが、整列好きな方はどうぞお付き合いくださいm(_ _)m


■アートボードに整列
(クリックで動きます)
8d8be185-s
 アートボードに整列については、専用スクリプトをご用意しています。標準機能の焼き直しではつまらないので、グループ化せずに、選択オブジェクト群をアートボードに整列するスクリプトというものを作りました。

 参考:グループ化せずにオブジェクト群をアートボードに整列する方法

 標準機能では、選択オブジェクトをグループ化しなければ、当然バラバラに整列されますが、このスクリプトでは1つのかたまりとして、それを崩さず整列します。しかも、連続で起動すると、今度はバラバラに整列してくれます。これがなかなかに便利でして、毎日のように使っています。

 このスクリプトでは、以下の7種類をご用意しています。

【7種類の整列処理】
垂直水平方向中央に整列
水平方向左に整列
水平方向中央に整列
水平方向右に整列
垂直方向上に整列
垂直方向中央に整列
垂直方向下に整列
スクリーンショット 2018-11-13 14.19.53
■選択範囲に整列
(クリックで動きます)
タイトルなし2

 選択範囲に整列については、標準機能を使っています。

 私は、整列基準を「選択範囲に整列」で固定していますので、常に「選択範囲に整列」で整列します。

「アートボードに整列」という基準自体を使っていないのです。

■キーオブジェクトに整列とは?

 さて、ここから「キーオブジェクトを使った整列をやめたい」について説明します。

 キーオブジェクトとは、選択オブジェクトを整列する際の基準のことです。オブジェクトを複数選択し、そのうちのひとつを「もう1回クリック」すると、濃い色になります。これが、キーオブジェクトです。
(クリックで動きます)タイトルなし1

参考:Illustrator キーオブジェクトに整列させる方法 | Inoma Create

■キーオブジェクトに整列をやめたい

 キーオブジェクトを選択すると、整列基準は自動的に「キーオブジェクトに整列」に変わります。

 整列基準を手動で変更しなくてもいいのですが、私はとにかくこのキーオブジェクトの選択処理(もう1回クリック)が耐えられません。とにかく面倒くさい。

 そのため、どうにかしてキーオブジェクトを廃止できないか、模索しているのです。

■長いものに整列するならキーオブジェクト不要!

 ところが、あるとき「長いものに整列するなら、キーオブジェクトは要らない!」ということがわかりました。下のGIFを見てください(クリックで動きます)。
タイトルなし2
 2番を1番の左に整列させたい場合は、2つを選択し、標準機能の「水平方向左に整列」でOKです。整列基準が「選択範囲に整列」に固定されているからです。

 2番を1番の右に整列させたい場合は、上の整列に続いて、標準機能の「水平方向右に整列」でOKです。つまり、2段階で整列するのです。長いものに整列させる場合は、それがキーオブジェクトになることがわかります。

 2段階整列ならば、キーオブジェクト選択のほうが早いのでは?というご意見もありそうですが、2段階整列の軽快さは気持ちがよく、クセになるのです。

■短いものに整列ができなかった!

 ところが、2段階整列では、短いものに整列できませんでした。

 1番を2番の左には、整列できないのです。その場合は、やむなく「キーオブジェクトに整列」を使っていました。

 そこで、今回「短いもの」に整列するスクリプトを作った次第です。

 これにより、「キーオブジェクトに整列」から、無事に卒業できた気がします。今回は、上下左右、4方向の整列スクリプトとなります。

■ 今回のスクリプト情報
(クリックで動きます)
タイトルなし3
タイトルなし4
【スクリプトファイル名】
G605_alignToShortF05.jsx(水平方向左に整列)
G605_alignToShortF07.jsx(水平方向右に整列)
G605_alignToShortF09.jsx(垂直方向上に整列)
G605_alignToShortF11.jsx(垂直方向下に整列)

【使い方】
(1)整列対象のオブジェクトを選択します
(2)このスクリプトを起動します
(3)いずれのスクリプトも「いちばん短いもの」に揃います

【仕様】
(1)選択オブジェクトが2つ未満の場合は反応しません
(2)水平方向に揃えるものは、高さがもっとも低いものに合わせます
(3)垂直方向に揃えるものは、幅がもっとも狭いものに合わせます

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

20180917_193644_5
20180917_193644_4


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




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

© 2017 GOROLIB DESIGN
Released under the MIT license.





↑このページのトップヘ