チュートリアル記事

上級

3 分

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

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

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

1

手順1/5

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

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

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

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

2

手順2/5

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

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

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

3

手順3/5

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

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

4

手順4/5

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

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

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

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

5

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

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

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

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

COSMIC LAB

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


2024年11月6日