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

    カテゴリー

    • 語学の旅
    • 無料ブログから始める
    • デザインとあそぶ
    • 文房具と整理術
    • WordPressブログの始め方
    • ブログと歩む
    • 困ったときのQ&A
    • 私を支えてくれる本
    • Web制作の学び
    • お知らせ
    • 活動実績・ご感想
    • WordPress&Webサポート
    • 私らしい世界を作る
    • 暮らしと思想

    タグ

    ameliaChatGPTHTML/CSSinstagramWPプラグインお気に入りアクセス解析ゲームセキュリティデザイン見本ドメインピアノブログ引っ越しホームページ制作実績レッスンご感想健康思想旅行自動化・ノーコード英語学習読書音楽

    アーカイブ

    • 2026年4月
    • 2026年3月
    • 2026年2月
    • 2026年1月
    • 2025年12月
    • 2025年11月
    • 2025年10月
    • 2025年9月
    • 2025年8月
    • 2025年7月
    • 2025年6月
    • 2025年5月
    • 2025年3月
    • 2025年2月
    • 2025年1月
    • 2024年12月
    • 2024年7月
    • 2024年3月
    • 2023年7月
    • 2023年4月
    • 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年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と創作の記録
    0 Forest
    • プロフィール
    • 無料相談
    • サービス
      • オンライン自習講座
      • 単発レッスン
      • HP作成5回レッスン
    • 実績・お客さまの声
    • ブログ
    0 Forest
    • プロフィール
    • 無料相談
    • サービス
      • オンライン自習講座
      • 単発レッスン
      • HP作成5回レッスン
    • 実績・お客さまの声
    • ブログ
    1. ホーム
    2. 暮らしと思想
    3. 文房具と整理術
    4. 【イラストレーター】システム手帳用カレンダーの作り方

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

    2025 12/23
    文房具と整理術
    2019-02-052025-12-23

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

    目次

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

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

    カレンダー完成

    月間カレンダーの作り方

    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形式で保存できます。

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

    習慣トラッカー完成図

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

    習慣トラッカーの段組

    縦に段組しています。

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

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

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

    文房具と整理術

    この記事が気に入ったら
    フォローしてね!

    Follow Me
    シェアはご自由に♪
    中谷恵美
    東京在住のフリーランス。システムエンジニア、ITコンサルタントを経て、現在はホームページ・ブログ作成、集客などの個人レッスンをしています。

    好きなものは、文房具、読書、ゲーム、イラスト、作曲など。やりたいことが色々。最近は語学学習にもハマってます。
    運動が苦手で体が硬いのが悩み。
    プロフィール
    WordPressで自分の場所を作りたい方へ

    女性向けのWordPressレッスンをご用意しています。
    何から始めたらいいか迷ったときは、無料相談で方向性を一緒に考えましょう✨
    あなたの状況に合わせてステップをご案内します。

    無料相談の詳細はこちら
    カテゴリー
    • お知らせ (1)
    • 活動実績・ご感想 (17)
    • WordPress&Webサポート (51)
      • 無料ブログから始める (10)
      • WordPressブログの始め方 (19)
      • 困ったときのQ&A (15)
    • 私らしい世界を作る (18)
      • デザインとあそぶ (4)
      • ブログと歩む (7)
    • 暮らしと思想 (62)
      • 語学の旅 (7)
      • 文房具と整理術 (6)
      • 私を支えてくれる本 (2)
      • Web制作の学び (25)
    人気記事
    • 【CSS】シンプルで女性らしい囲み枠デザイン48選
      2018-08-24
      私らしい世界を作る
    • 自分でできる。アメブロのおしゃれなカスタマイズまとめ
      2022-11-04
      無料ブログから始める
    • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
      2018-09-13
      私らしい世界を作る
    • 箇条書きリストをおしゃれにするCSS10個
      2018-11-29
      私らしい世界を作る
    • ブログで使えるタイトル付き囲み枠のCSS
      2022-12-21
      私らしい世界を作る
    タグ
    amelia (3)ChatGPT (2)HTML/CSS (8)instagram (3)WPプラグイン (10)お気に入り (2)アクセス解析 (3)ゲーム (1)セキュリティ (2)デザイン見本 (4)ドメイン (3)ピアノ (1)ブログ引っ越し (1)ホームページ制作実績 (5)レッスンご感想 (8)健康 (2)思想 (2)旅行 (4)自動化・ノーコード (7)英語学習 (6)読書 (1)音楽 (3)
    目次