中山（WEBデザイナー）
Skill／WEB制作（Illustrator, Photoshop, コーディング）、JavaScript、PHP、FileMaker
お知らせ
NEWS
【Adobe Illustrator】月めくりカレンダーを自動生成するスクリプト
2023年11月28日
／マージBLOG、WEB制作、システム開発
弊社では毎年オリジナルデザインの自社カレンダーを作成しています。
しかし、毎年の日付の調整が非常にめんどくさい…
Illustratorではスクリプトによる自動処理が可能です。
カレンダーの日付を自動で作成するスクリプトを探してみたのですが、
12か月分を出力するものしか見つかりませんでした。
というわけで、月めくりカレンダーの日付を自動生成するスクリプトを作成いたしました。
ダウンロードはこちら
各ファイルについて
■calendar-maker.jsx
年月確認のダイアログがあるスクリプトです。
■calendar-maker-auto.jsx
年月確認のダイアログが無いスクリプトです。
■date-hinagata.eps
雛形です。こちらを複製してデータを作成してください。
■date-202401.eps
このようにdate-に続いて年月を入力してください。
月が1桁の場合は頭に0を付けてください。
使い方
まず、前提としてファイル名を「date-202401.eps」のようにdate-に続いて西暦と月を入れる必要があります。
雛型のファイル名が「date-hinagata.eps」となっているため、これを複製して月ごとにデータを作成してください。
①まずIlustratorで先ほど用意したepsファイルを開きます。
②次に、開いているepsファイル上に「calendar-maker.jsx」をドラッグアンドドロップします。
以下のようなウィンドウが出てきた場合は「続行」をクリックしてください。
③作成するカレンダーの年月を確認するダイアログが開きます。「OK」をクリックしてください。
このダイアログが不要な場合は「calendar-maker-auto.jsx」を使用してください。
④完成！！
補足
Q.レイアウトを変えたいのですが…
A.以下のレイヤー名とその中にあるサブレイヤー名はそのままに配置・フォント・サイズを変更してください。
Q.日付の文字の色を変えたいです。
A.jsxファイルの「textFrame.textRange.fillColor = setCMYK();」の()内の値を編集してください。どこの文字の色なのかはコメントに書いてます。
また、当月の先月分・来月分の日付を入れたくない場合はCMYKを背景色に設定するか、
もしくは「textFrame.contents = "";」に変更してオブジェクトを削除してください。
Q.祝日は自動で入力されないのですか。
A.すみません、手入力です。とりあえずカレンダーの日付をイラレ上で作成するために作ったためこのようになってます。
epsファイル内に「祝日文字」というレイヤーを用意しています。都度調整をお願いいたします。
私はepsでカレンダーを作成していたためこの形式ですが、aiファイルでの作成も可能です。
jsxファイルも不要な処理の部分はコメントアウトや削除するなどレイアウトに合わせて編集してみてください。
