MENU
  • プロフィールprofile
  • サービスService
    • WordPress個人レッスン
    • 起業女性に寄りそうWEBお悩み相談
  • 実績・お客さまの声portfolio
  • ブログblog
  • お問合せcontact

    カテゴリー

    • ホームページ個別レッスン
    • Web・SNS集客
    • Web系プログラミング
    • WordPressプログラミング
    • フリーランスの小技
    • Web活用相談
    • はじめてのWordPress
    • アメブロカスタマイズ
    • ホームページ制作
    • 自分で作れるおしゃれデザイン
    • アイデア・思考の整理

    タグ

    Adobe IllustratorGatsby.jsgitGitHubHTML/CSSMySQLNode.jsPythonSourcetreeSWELLWordPressおすすめWPプラグインおすすめツールアメブロエックスサーバーサーチコンソールセキュリティバレットジャーナルライブドアブログ環境構築確定申告開発環境

    アーカイブ

    • 2025年3月
    • 2025年1月
    • 2024年12月
    • 2024年3月
    • 2023年7月
    • 2023年1月
    • 2022年12月
    • 2022年11月
    • 2022年8月
    • 2022年4月
    • 2022年3月
    • 2022年2月
    • 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年5月
    • 2019年2月
    • 2019年1月
    • 2018年11月
    • 2018年9月
    • 2018年8月
    • 2018年7月
    • 2018年6月
    • 2017年10月
    • 2017年9月
    • 2017年7月
    個人事業主・女性起業家のためのWordPress・HP・ブログレッスン
    自分で作れる優しいホームページレッスン
    • プロフィールprofile
    • サービスService
      • WordPress個人レッスン
      • 起業女性に寄りそうWEBお悩み相談
    • 実績・お客さまの声portfolio
    • ブログblog
    • お問合せcontact
    自分で作れる優しいホームページレッスン
    • プロフィールprofile
    • サービスService
      • WordPress個人レッスン
      • 起業女性に寄りそうWEBお悩み相談
    • 実績・お客さまの声portfolio
    • ブログblog
    • お問合せcontact
    1. ホーム
    2. 自分で作れるおしゃれデザイン
    3. 【イラストレーター】システム手帳用カレンダーの作り方

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

    2021 9/15
    自分で作れるおしゃれデザイン
    2019-02-052021-09-15

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

    目次

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

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

    カレンダー完成

    月間カレンダーの作り方

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

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

    習慣トラッカー完成図

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

    習慣トラッカーの段組

    縦に段組しています。

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

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

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

    自分で作れるおしゃれデザイン
    Adobe Illustrator
    よかったらシェアしてね!
    中谷恵美
    あなたのお仕事を育てるホームページの先生
    システムエンジニア、ITコンサルタントを経て、フリーランスに。

    ・ホームページ作成
    ・ブログのカスタマイズ
    ・LINEやメルマガのセットアップ
    ・Canvaを使ったデザインの作り方
    ・Googleの分析ツール
    ・自分の強みを生かした集客
    などの、個人レッスンをしています。

    「仕事の発信に使えるようになりたい」
    「自分でも使えるスキルを身につけたい」
    ITが苦手な個人事業主さんに向けて、困ったときのWEB担当として幅広くサポートしています。

    HP作成のほかにも、心理カウンセラーとしても活動中。

    趣味は、文房具集め、ゲーム(牧場系とモンハン)、手芸(刺繍、洋裁)。
    運動が苦手で体が硬いのが悩み。今年、腰痛改善にジムに通い始めたが、果たして続くのか。。。
    詳しいプロフィールを見る
    活動実績

    【HP個人レッスン】

    ●ハワイアン伝統ロミロミサロン・Aさま
    ・2ヶ月でサロンのHPをリニューアル。新サービス立上げ時も自分でHPを作成できるように。
    「最初はパソコン音痴の私にできるか不安でしたが、とても丁寧な指導でわかりやすかったです。
    私好みの素敵なHPができあがり、とっても嬉しいです!」

    ●Mさま
    ・2回のミーティングでWordPress運営スキルを習得。オウンメディアを立上げ。

    ●Sさま
    ・5日間で無料ブログからWordPressへのお引越し。
    「半ば諦めかけていた移管を短期間で終えることが出来ました」

    【ホームページ作成】

    ●これまでご依頼いただいたお客さま
    (個人)写真家・美容サロン・弁護士・デザイナー・心理カウンセラー・占い師

    (法人)メーカー代理販売店、コンサルティング企業、人事支援企業

    【経歴・資格など】
    ・基本情報技術者
    ・簿記2級

    【営業時間】平日:10:00~19:00
    【休業日】土、日、祝、年末年始

    新着記事
    • 【お客様の声】ゴールが明確になり、とても安心できました
      2025-03-13
      Web・SNS集客
    • 【お客様の声】WordPressには自由度の高さを感じます
      2025-01-21
      ホームページ個別レッスン
    • WordPressに記事を一括アップロードするには
      2024-12-05
      はじめてのWordPress
    • 【お客様の声】等身大のちょっと先を提案してもらえた
      2024-03-08
      ホームページ個別レッスン
    • 【お客様の声】寄り添ってもらえたっていうのが一番心強かった
      2023-07-21
      ホームページ個別レッスン
    人気記事
    • 【CSSコピペOK】おしゃれな引用blockquoteデザイン10選
      2018-09-13
      WordPressプログラミング
    • 【Mac】SourcetreeからGitHubへSSH接続する
      2021-08-05
      Web系プログラミング
    • 【CSS】シンプルで女性らしい囲み枠デザイン48選
      2018-08-24
      アメブロカスタマイズ
    • 自分でできる。アメブロのおしゃれなカスタマイズまとめ
      2022-11-04
      アメブロカスタマイズ
    • Node.js+ExpressでMySQLに接続して一覧表示する
      2020-04-25
      Web系プログラミング
    目次