MENU
  • プロフィール
  • 無料相談
  • サービス
    • オンライン自習講座
    • 単発レッスン
    • HP作成5回レッスン
  • 実績・お客さまの声
  • ブログ
  • お問合せ

    カテゴリー

    • WordPress
    • ブログ・SNS運営
    • 便利ツール
    • お知らせ
    • 活動実績・ご感想
    • プログラミング

    タグ

    ChatGPTHTML/CSSinstagramSEOSWELLWPプラグインアメブロエックスサーバーセキュリティデザイン見本初回無料相談制作実績単発レッスン技術ブログへ移動継続レッスン

    アーカイブ

    • 2025年10月
    • 2025年9月
    • 2025年8月
    • 2025年7月
    • 2025年6月
    • 2025年3月
    • 2025年1月
    • 2024年12月
    • 2024年3月
    • 2023年7月
    • 2023年1月
    • 2022年12月
    • 2022年11月
    • 2022年8月
    • 2022年4月
    • 2022年3月
    • 2022年1月
    • 2021年12月
    • 2021年11月
    • 2021年10月
    • 2021年9月
    • 2021年8月
    • 2020年10月
    • 2020年8月
    • 2020年7月
    • 2020年6月
    • 2020年5月
    • 2020年4月
    • 2020年3月
    • 2020年1月
    • 2019年11月
    • 2019年9月
    • 2019年8月
    • 2019年2月
    • 2019年1月
    • 2018年11月
    • 2018年9月
    • 2018年8月
    • 2018年7月
    • 2018年6月
    • 2017年9月
    • 2017年7月
    やりたいことを、自分で育てるWebの場所
    EmiのWebノート
    • プロフィール
    • 無料相談
    • サービス
      • オンライン自習講座
      • 単発レッスン
      • HP作成5回レッスン
    • 実績・お客さまの声
    • ブログ
    • お問合せ
    EmiのWebノート
    • プロフィール
    • 無料相談
    • サービス
      • オンライン自習講座
      • 単発レッスン
      • HP作成5回レッスン
    • 実績・お客さまの声
    • ブログ
    • お問合せ
    1. ホーム
    2. プログラミング
    3. 【イラストレーター】システム手帳用カレンダーの作り方

    【イラストレーター】システム手帳用カレンダーの作り方

    2025 7/18
    プログラミング
    2019-02-052025-07-18

    イラストレーターでシステム手帳のカレンダーを作ったので、作り方をご紹介していきます

    目次

    月間カレンダー完成イメージ

    こんな感じで、プリントできるテンプレートを作ります。

    カレンダー完成

    月間カレンダーの作り方

    A5サイズのアートボードを2つ用意します。

    A5のアートボードを用意する

    システム手帳のリフィルには、穴あけスペースを確保するために、はじから1.5cmくらいあけていきます。(水色の長方形の部分)

    この長方形は動かしたくないので、ガイドにして場所を固定します。

    長方形を選択して、メニューの表示>ガイド>ガイドを作成。

    手順1. カレンダーの枠を作る

    グリどの分割

    月間カレンダー用の枠用に長方形のオブジェクトを作ります。
    オブジェクト>パス>グリッドに分割します。

    分割の設定

    見開きで1ヶ月にしたいので、左のページは横(列)4マス×縦(行)6マスで段数を設定します。

    左右の枠ができたところ

    右側のページも同じように、横(列)3マス×縦(行)6マスでグリッドを分割します。

    手順2. 日付を入れる

    今度はマスに日付を入れていきます。

    エリア内文字ツールで日付を入れる

    先ほど作ったグリッドの1段目と同じ大きさの長方形オブジェクトを作ります。(上図の青枠)

    このオブジェクトに、文字ツール>エリア内文字で、1,2,3,4と日付を入れていきます。

    続いて、入力された日付を表に分割します。
    メニュー>書式>エリア内文字ツールから段組を作ります。
    左ページは列数(縦)が4、段数(縦)が1つ、間隔は0になります。

    エリア内文字オプションの設定


    これで1段目に文字が入った表ができます。

    同じ手順で、他の段の分も表をつくります。

    スレッドテキスト作成

    いちいち、表の1セルごとに文字を修正するのは大変。
    効率化のため、一気に数字を入力/修正ができるように、表をつなげます。
    メニューから、書式 > スレッドテキストオプション > 作成します。

    表の端の▶︎部分をクリックするとリンクの作成/解除ができます、リンクの順番を調整できます。

    左上から順に、1、2、3…31まで数字を入れていきます。
    1と入力して、改行、2を入力して改行という感じです。
    もし1マスに2つ数字が入ってしまう時は、文字パネルの行の高さを広げて調整します。

    曜日を入れる

    曜日の部分も、エリア内文字ツールオプションの段組を使っています。

    ここまでできたら、使わない文字や、枠の部分はレイヤーからパーツを非表示にすればOK!

    カレンダー完成

    コンビニプリント用にPDF保存する

    我が家にはプリンターがないので、コンビニプリントできるようにPDFファイルにしました。
    ファイル>別名で保存でPDF形式で保存できます。

    番外編:習慣トラッカーも作ってみた

    習慣トラッカー完成図

    同じ要領で習慣トラッカーも作ってみました!

    習慣トラッカーの段組

    縦に段組しています。

    月間カレンダーを作って見た感想

    作りながらイラストレーターのいろんな機能を知ることができました!
    ・「グリッドの分割」で長方形オブジェクトを等幅/等高さの枠に分割できる
    ・「エリア内文字オプション」で、文章を表のように構成できる
    ・スレッドテキストで、表同士の文章をつなげることができる

    この調子でオリジナル手帳リフィルを作るのも面白そうですね♪

    プログラミング
    技術ブログへ移動
    よかったらシェアしてね!
    中谷恵美
    東京在住のフリーランス。システムエンジニア、ITコンサルタントを経て、現在はホームページ・ブログ作成、集客などのレッスンをしています。

    趣味は、文房具、ゲーム。最近は英語学習中。運動が苦手で体が硬いのが悩み。最近、腰痛改善にピラティスを始めた。
    人気記事
    • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
      2018-09-13
      ブログ・SNS運営
    • 【CSS】シンプルで女性らしい囲み枠デザイン48選
      2018-08-24
      ブログ・SNS運営
    • 自分でできる。アメブロのおしゃれなカスタマイズまとめ
      2022-11-04
      ブログ・SNS運営
    • ブログで使えるタイトル付き囲み枠のCSS
      2022-12-21
      ブログ・SNS運営
    • 大人かわいいブログヘッダーの作り方
      2022-11-09
      ブログ・SNS運営
    WordPressの始め方

    目次