CCライブラリを利用した画像(外部アセット)の配置、編集このレッスンでは、AdobeのCreativeCloudのサービスの一つである、CCライブラリを利用したオブジェクトや画像の配置、編集の方法について解説します。ブックマークUIデザインUXデザインプロトタイピング公開日:2019/10/15最終更新日:2019/10/15目次1.CCライブラリとは2.IllustratorでCCライブラリに登録する。3.PhotoshopでCCライブラリに登録する。4.XDで画像(外部アセット)の配置、編集1.CCライブラリとはCCライブラリとは、adobeが提供をしているデザインアセットを管理する機能です。CCライブラリを使用することで、画像や、色、テキストスタイルなどをCCライブラリに登録することで、どこからでもよく使う素材にアクセス管理することができます。従来では、図1のようにイラストレーターやフォトショップで書き出したデータをXDで読み込み配置していましたが、CCライブラリを使用することで、XDのCCライブラリから配置することができ、またai、psdファイルとリンクしているため、ファイルの編集を行なうと、XDで配置したオブジェクトも変更内容が同期されます。(図1)※対応アプリケーションは、Adobeの主要なアプリで使用することが出来ます。CCライブラリ2.IllustratorでCCライブラリに登録する。イラストレーターでCCライブラリに登録する方法を解説します。イラストレーターでは、コピー&ペーストでXDに貼り付けることが出来ますが、データ変更の可能性が高い場合は、CCライブラリに登録しておくとリンクされているので、便利になります。登録を行なうにはイラストレーターを起動します。ライブラリパネルを開くには、ウィンドウ>ライブラリをクリックします。CCライブラリに登録する1CCライブラリのライブラリパネルの概要は、以下のようになります。CCライブラリパネルイラストレーターのCCライブラリに登録を行なうには、ライブラリパネルにオブジェクトをドラッグ&ドロップします。(図4)または、オブジェクトを選択し、ライブラリパネル追加アイコンをクリックし、ドロップダウンメニューからグラフィックを選択します。※文字やカラーの場合は、「テキスト」や、「塗り」を選択しましょう。CCライブラリに登録3.PhotoshopでCCライブラリに登録する。PhotoshopでCCライブラリを追加する方法はいくつかの方法がありますが、今回はpsdファイルを書き出し、CCライブラリに登録する方法を解説します。フォトショップを起動し、ウィンドウ>CCライブラリをクリックします。CCライブラリCCライブラリのライブラリパネルの概要は、以下のようになります。CCライブラリパネルフォトショップのCCライブラリにpsdファイルをドラッグ&ドロップします。CCライブラリに登録4.XDで画像(外部アセット)の配置、編集イラストレーターとフォトショップでのCCライブラリの追加方法については理解出来たでしょうか。次はCCライブラリに登録したアセットをXDで配置、編集をします。XDを起動し、ファイル>CCライブラリを開くをクリックします。CCライブラリCCライブラリから配置を行いたいグラフィックやテキスト等をドラッグ&ドロップし、配置します。編集を行いたい場合は、CCライブラリから編集を行いたいオブジェクトを、選択右クリックし編集をクリックします。編集をクリックすると、作成したアプリケーションが起動し編集を行うことが出来ます。このとき注意したいのは、CCライブラリに登録したときのファイルではなく、別ファイルになっているところです。変更後、保存するとXDで配置したオブジェクトを同期されます。