【デザイン学生必見！】
ポートフォリオをゼロから作ろう！

【InDesign】CCライブラリの使い方を完全解説forインデザ初心者

記事内にプロモーションを含む場合があります
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

InDesign（インデザイン）のCCライブラリの使い方をイラレ初心者の方向けに解説します。

自身で作成した素材やAdobeStockでダウンロードした素材を素早く活用できる便利なパネルの一つ。
CCライブラリはWebデザインやバナー制作、UIデザイン、チラシや名刺などのDTP等、InDesignを使った各種クリエイティブ作業をより効率的に行う為に必要不可欠な機能です。

CCライブラリの基本操作から素材の追加・使用方法などを詳しく解説します。
InDesignを始められる方、より詳しくインデザインの使い方を学びたい方にオススメですよ！

インデザ版CCライブラリの使い方

それではInDesignのCCライブラリパネルの使い方と活用例を解説します。
インデザ初心者の方にも再現できるように詳しく解説いたします！

InDesignを導入しましょう
当記事の内容を実践するにはInDesign（インデザイン）が必須です。
未導入の方はInDesign公式サイトでダウンロードしておきましょう。（7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

CCライブラリの場所

InDesign画面上部の [ ウィンドウ ] → [ CCライブラリ ] から表示できます。
インデザを使う上でよく使うパネルの一つなので常時表示させておくと便利ですよ。

オリジナルの素材をライブラリに追加

自身で作成した素材をCCライブラリに登録する事ができます。
よく使う汎用的な素材はCCライブラリに登録しておくと非常に便利ですよ。

STEP.1
InDesignで素材を作成
InDesignでCCライブラリに追加したい素材を作成します。
[ ペンツール ] や [ 各種図形ツール ] を活用してアイコンを作成。
STEP.2
新規ライブラリを作成
CCライブラリパネルを開きます。
今回はオリジナル素材を追加する専用のライブラリを追加したいと思います。

CCライブラリ内の [ 新規ライブラリを作成 ] をクリックします。
新規ライブラリ作成の画面が開くのでお好きな名称を入力し、[ 作成 ] をクリック。

サンプルはインデザ素材と入力しました。
STEP.3
ドラッグ＆ドロップで追加
CCライブラリに登録したい素材を [ 選択ツール ] で選択します。
※ショートカットは [ V ] 

オリジナルライブラリの中へドラッグ＆ドロップすると対象のグラフィックが追加できます。

[ アートワーク1 ] の上をダブルクリックすると名称が変更可。
自身で管理しやすい名前に変更しておきましょう。
STEP.4
CCライブラリを整理
CCライブラリパネル右下にある+アイコン [ エレメントを追加 ] をクリックすると [ 画像から抽出 ] 、[ カラー(塗り) ] 、[ グラフィック ] 、[ すべてを追加 ] 等が選択できます。
CCライブラリパネル右下の [ 選択から新規グループ作成 ] をクリックし、素材のカテゴリごとに分類しておくと分かりやすいですよ。

例えばカラー専用グループやアイコン専用グループなど、自身で管理しやすいライブラリを作成してください。

AdobeStock素材をライブラリに追加

STEP.1
AdobeStockで素材をダウンロード
事前にAdobeStockで素材をダウンロードしておきます。
※無料で10点の素材が活用できます。
STEP.2
CCライブラリを開く
InDesignを起動し、ドキュメントを作成します。

※インデザ未導入の方は事前にIllustrator公式サイト から入手しておきましょう。
STEP.3
CCライブラリを開く
[ CCライブラリパネル ]  を開きましょう。
※非表示の場合はInDesign画面上部の [ ウィンドウ ] → [ CCライブラリ ] で表示可。

もし別のライブラリを参照している場合は左図をクリックするとCCライブラリのトップに戻れます。
[ Stockテンプレート ] をクリックしましょう。

するとAdobeStockで入手した素材一覧が表示されます。

ライブラリから素材を使用する

ライブラリに登録された素材をInDesignで使う方法を解説します。

STEP.1
CCライブラリを開く
[ CCライブラリパネル ]  を開きましょう。
※非表示の場合は [ ウィンドウ ] → [ CCライブラリ ] で表示可。

使用したいライブラリを開きます。
サンプルは [ Stockテンプレート ] 内の [ テンプレート ] をクリックしました。

AdobeStockで入手したテンプレート素材一覧が表示されます。
STEP.2
配置完了
INDTファイルは右クリックメニューの [ 新規ドキュメントを開く ] から開けます。

サンプルはPortfolio Layout with Gray Accentsを活用しました。高品質なポートフォリオが一瞬で作れる優秀なテンプレートですよ。
JPEGやPSD・AI形式等の素材もドラッグ＆ドロップで配置できます。
STEP.3
各種ソフトで開く
サムネール画像をダブルクリックすると別ウィンドウでファイルが開けます。AIファイルならIllustratorの別ウィンドウで、JPEG画像ならPhotoshopの別ウィンドウで開くことができますよ。

※PhotoshopやIllustrator未導入の方は事前にAdobe公式サイトから入手しておく必要があります。

リンクファイルを埋め込む方法

CCライブラリから配置したJPEGやPNG、AI、PSDといったファイルはリンクファイルと埋め込みファイルの2通りがあります。

リンクパネルで対象ファイルを右クリックすると [ リンクを埋め込み ] が表示されます。

埋め込みにするとINDTまたはINDD内にファイルを埋め込むので、リンク切れが起きません。
入稿する際には埋め込みをしておきましょう。

※InDesignのリンクパネルはコチラの記事で詳しく解説しています。
リンクを埋め込み解除
埋め込みをしたファイルを [ リンクを埋め込み解除 ] する事でリンクファイルに戻せます。

高品質なポートフォリオテンプレート

紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。

商用利用可能で高品質テンプレートばかり厳選！
今まで意識しなかった多くの「気づき」に出会えますよ。

※なお、ポートフォリオ制作はInDesign（インデザイン）を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。

#01 Pink Portfolio Layout

ピンク系のキレイ目カワイイ風ポートフォリオ用テンプレートです。InDesign形式なので文字と画像の差し替えが超楽！
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。

ダウンロードする

#02 Portfolio Layout with Gray Accents

モノトーン系でどんな作風にも合うポートフォリオ用テンプレートです。イラスト、写真、建築、Web、グッズ…テンプレ選びに迷ったらコレがオススメ！
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。

ダウンロードする

#03 Portfolio Layout with Yellow Accents

黄色が鮮やかでキレイなポートフォリオテンプレートです。
爽やかな画風のイラストにもピッタリ！
クセが無く、ベースデザインとして非常に扱いやすいテンプレートの一つです。

ダウンロードする

#04 Portfolio Template in Pale Green and Mint

収録されているレイアウトパターンが非常に豊富なポートフォリオ用テンプレートです。
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。

ダウンロードする

#05 Minimalist Portfolio Layout

ポートフォリオの表紙には必ずメインビジュアルを入れないとダメか？そんな事はありません。
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。

ダウンロードする

紹介しきれなかったポートフォリオテンプレートや素材
上記のテンプレートはほんの一部。
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています！
ポートフォリオ用の高品質なテンプレート42選【InDesign,Illustrator,Photoshop】
【InDesign】ポートフォリオ用のテンプレートを編集する方法forインデザ初心者

ワンランク上のテンプレート素材

プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり！
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

InDesignで編集可能なINDT形式で作られた雑誌のテンプレートです。短時間で高品質なページ物のレイアウトが作成できる優れもの！全て商用利用可能です。
高品質な雑誌のレイアウトテンプレート30選

フライヤーでよくある二つ折りのテンプレートを厳選しました。ゼロから作ると時間がかかる二つ折りパンフレットですが、テンプレートを活用すれば文字と画像をはめ込むだけ！
【商用可】二つ折りパンフレットのテンプレート50選

シンプルで使いやすい白黒のポートフォリオテンプレートです。豊富なレイアウトパターンが収録されているので初めてポートフォリオを作られる方にもオススメですよ。もちろん商用利用可能！
高品質な白黒のポートフォリオテンプレート42選

写真をはじめとしたアート作品を掲載するのにピッタリなフォトブックテンプレートです。印刷用途、PDF化、どちらにでも使える便利なテンプレートばかりです。
【商用可】高品質なフォトブックテンプレート24選

お洒落で高品質なカフェメニューのデザインテンプレートを厳選しました。ペライチ、二つ折り、三つ折りなど、よくある高品質なカフェメニューがあっという間に作成可能です。
【商用可】高品質なカフェメニューのテンプレート48選

良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！
【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について
クリエイティブ業務で使える優良素材まとめ

おわりに

以上、InDesign（インデザイン）のCCライブラリパネルの使い方と活用方法についてでした。

よく使う素材やカラー情報などをCCライブラリに登録しておくと素早く呼び出す事ができます。
また、AdobeStockからダウンロードした素材も効率的に管理・編集できるので非常に便利！

Webデザイン、バナーデザイン、フライヤーや名刺などのDTP、UIデザイン等、幅広いクリエイティブで活躍するCCライブラリをマスターし、更に作業効率を高めてください。

ではまた！

Illustratorは活用されていますか？
Photoshopだけでなく、Illustratorも活用されているでしょうか？
まだIllustratorを導入されていない方はAdobe公式サイトから入手できます。
なお、学生や教職員の方は公式サイトの学割コンプリートプランが最強にお得！
Illustratorの使い方はゼロから始めるIllustratorで徹底解説しています。
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう！

前の記事

【InDesign】リンクの使い方を徹底解説forインデザ初心…

次の記事

【InDesign】プロパティパネルの使い方を徹底解説forイ…