Adobe

【Illustrator】曜日と日にちの数字をきれいに揃えて配置:スレッドテキストオプション


こんにちは。
@OfficeTAKUです。

図のようなハガキサイズのカレンダー
曜日が上で、日にちが下、でそれぞれ1行で左から右に配置されたカレンダーを作成する際にうまく揃えるのに四苦八苦。

当初はタブで揃えよう、と思いましたが意外に面倒。
どうしたものかと悩んでいましたが、スレッドテキストオプションを利用する方法を見つけました。

昨年もやったことなのに忘れていたので備忘録がてら記しておきます。

スレッドテキストオプション

スレッドテキストオプションとは、複数のオブジェクトをリンクし、文章を順番に流し込んでいける仕組みのことです。

今回は等間隔で整列した1ヶ月分の31個の長方形を2行分作り、上の行に曜日、下の行に日にちの数字を入れて行きます。
完成例は下図の通り。
Illustratorスレッドテキストオプション

事前準備

  1. 曜日と日にちの記入枠のサイズを計算しておく。
    横幅約147mmの中に31個の枠(31日分)を作りたい.

    147÷31で、1つの枠はおおよそ4.7mm
    高さはスペースとフォントを考慮して決める。今回は曜日3mm、日にち5mmに設定。
  2. 曜日と日にちはExcelなどで予め入力しそれをコピーして利用するのが楽

スレッドテキストオプションを利用した作成手順

  1. 上掲のサイズの長方形を作成しておき、メニュー[オブジェクト]-[移動]でコピーする
  2. [command]+[d](Windows[ctrl]+[d])でコピーを繰り返し、31日分枠を作成する
  3. 上の行(曜日を入力する)枠をすべて選択する
  4. メニュー[書式]-[スレッドテキストオプション]-[作成]をクリック
  5. スレッドテキストオプションが設定され、それぞれの枠がリンクされた状態になる
  6. フォントや段落配置を設定しておく
    今回 曜日はフォント[DIN Condensed Bold][6pt]、段落配置は中央揃えに設定
  7. [エリア内文字ツール]を選択
  8. 最初の枠のパスをクリック
  9. Excelなどからコピーした曜日を貼り付ける
  10. フォントの種類、サイズによっては枠内に収まりきらず、何も表示されない場合がある。
    再度すべての枠を選択しフォントの設定をしなおすと表示される
  11. [エリア内文字オプション]の設定でも表示状態が変わるので確認してみるとよい
  12. 同様にして日にちも作成する。
    今回、日にちは フォント[小塚ゴシックPro6N][Regular][9pt] で設定
  13. あとは位置の微調整や日曜の色を変えるなどフォントの書式を変更するなどして整えて完成

まとめ

スレッドテキストオプションでカレンダーを作成してみました。
注意点としては、

  • フォントの種類、サイズがうまくあわないと表示されない
  • 事前のフォントの設定が反映されないことがある

と、いう点です。
当初、曜日もそのまま小塚ゴシック Pro6N などで設定していましたが、フォントサイズを下げてもどうしても収まりきらずズレてしまいました。
今回のサイズでは可読な状態で作成するには、フォントをうまく選ぶ必要がありました。

これがベストな方法かどうかはわかりません。
しかし、比較的簡単できれいに揃えられるとは思います。

もし、もっと楽な方法があったら教えていただければと思います。

なお、今回は、下記の記事を参考にさせていただきました。
これがなかったらもっと時間がかかっていたことと思います。
感謝。

Illustratorのスレッドテキストを使って年間カレンダーを作ってみよう | BACKSTAGE技術部

created by Rinker
SBクリエイティブ
¥2,640 (2023/09/30 23:58:52時点 Amazon調べ-詳細)

【発表】2020年情報航海術アクセスTop10前のページ

【注意】Instagram:tilejapanを装った詐欺ダイレクトメッセージ次のページ

ピックアップ記事

  1. [Facebook] プレビュー機能の脆弱性でトークン流出!アカウントの乗っ取り…
  2. 机からケーブルを落とさない NuAns WORKLIFE FOLDKEEPER …
  3. プリンター ブラザー DCP-J973N 導入記。お手頃価格でセッティングも取り…
  4. 【Google】Chrome 拡張機能「Password Checkup」導入翌…
  5. [レビュー] リンダ・リウカス『ルビイのぼうけん こんにちは!プログラミング』:…

関連記事

  1. 印刷失敗したPDF
  2. Illustrator
  3. Adobe Creative Cloud デスクトップアプリ
  4. Adobe

    【Illustrator】Adobe Fonts を 自動アクティベート

    【執筆時点の環境】Mac OS Monterey 12.6…

  5. Adobe

    [Adobe] Dreamweaver CC 2014 に Emmet(Zen-Cording)を …

    こんにちは。@OfficeTAKUです。普段 HT…

LINE公式アカウント:OfficeTAKU

OfficeTAKU Line公式アカウントバナー

最近の記事

人気の記事

  1. Photo by Samuel Zeller on Unsplash
  1. Hard・Acc

    【NAS】BuffaloリンクステーションLS210DG導入-TimeMachi…
  2. ソフトウェア

    【レビュー】ネットラジオハンター:ラジオ講座受講者には特におすすめ!「radik…
  3. Security

    【注意!】「2018 年間ビジターアンケート」というフィッシングサイトに騙されな…
  4. Photo by Perfecto Capucine on Unsplash

    電子書籍

    [Kindle] 電子書籍リーダー Kindle Paper White が防水…
  5. Security

    [mixi] ミクシィ乗っ取られ記。放置している方は至急確認を!オークリー サン…
PAGE TOP