Creative Cloud ライブラリ

Creative Cloud ライブラリでアセットをアプリ間で共有

IllustratorとPhotoshopで作成したグラフィックを、Creative Cloud ライブラリを経由してDreamweaverでの制作物に活用する方法を紹介します

COSMIC LABのデザイナーとデベロッパーは、Creative Cloud ライブラリ経由でIllustrator・PhotoshopとDreamweaver間のファイルの共有をしている。Creative Cloud ライブラリで効率化されたWeb制作のワー クフローを体験してみましょう。

準備するもの

無償体験版を試すIllustrator、Photoshopなどすべてのデスクトップアプリケーションのフル機能をお試しいただけます

手順1/5

IllustratorのグラフィックをCreative Cloud ライブラリに保存

まず、サンプルファイル(ZIP、2.5 MB)をダウンロードしてください。

サンプルファイルをIllustratorで開き、アプリケーションメニューのウィンドウからライブラリにチェックを入れ、ライブラリパネルを表示します。

サンプルファイルのグラフィックをライブラリパネルにドラッグ&ドロップします。

IllustratorのグラフィックをCreative Cloud ライブラリに保存

手順2/5

Creative Cloud ライブラリに保存したグラフィックをPhotoshopで利用

Photoshopを開き、アプリケーションメニューのウィンドウからライブラリにチェックを入れます。

表示されたライブラリパネルで、手順1で保存したグラフィックをレイアウトし、デザインを仕上げていきます。

Creative Cloud ライブラリに保存したグラフィックをPhotoshopで利用

手順3/5

ライブラリをチームに共有

Photoshopで作成したグラフィックを、ライブラリパネルにドラッグ&ドロップし、パネルメニューから「共同利用」を選択します。新しいブラウザーウィンドウが表示されたら、共有するメンバーのメールアドレスを入力し、「招待」をクリックします。

ライブラリをチームに共有

手順4/5

共有ライブラリのグラフィックをDreamweaverで利用

招待メールが届いたら「招待に応じる」からCreative Cloud ライブラリにアクセスし、招待に同意します。

Dreamweaverを開き、アプリケーションメニューのウィンドウからCC Librariesにチェックを入れま す。

表示されたライブラリパネルで、共有されたライブラリを選択し、Photoshopで作成されたグラフィックをコードビューにドラッグ&ドロップして利用します。

共有ライブラリのグラフィックをDreamweaverで利用

手順5/5(オプション)

グラフィックをCreative Cloud ライブラリと同期させる

ライブラリパネルからグラフィックを利用する際、「アセットをリンク」を有効にしておけば、Creative Cloud ライブラリと同期され、常に最新の状態に保つこともできます。

こうすることでPhotoshopでのグラフィックの編集内容が、自動的にDreamweaverに反映され、Web制作のワークフローを効率化することができます。

グラフィックをCreative Cloud ライブラリと同期させる


Creative Cloud ライブラリで快適な制作環境を

COSMIC LABの、Creative Cloud ライブラリのその他の活用事例をご覧ください。

COSMIC LAB

COSMIC LAB

アーティスト / クリエイターがコラボレートするミックスメディア・プロダクション。
近年、VJ ColoGraPhonic+Jamie Goodenoughを中心にデジタルシステムまでをアートにした活動は多方面から評価を得ている。また、革新的でアンダーグラウンドなクラブ/パーティーカルチャーやアートシーンにも精通し幅広く柔軟な発想は今後さらなる飛躍を期待させる。大阪のパワースポット「味園ユニバースビル」発「バーニングマン」経由のアートパーティー「FLOWER OF LIFE」を起源に持つ。代表取締役 三浦光呂。
www.cosmiclab.jp