概要

Adobe XDの魅力のひとつは、他のAdobe製品との連携機能でしょう。長く仕事をしているデザイナーであればあるほど、PhotoshopやIllustratorで既に作成した多くのデザイン資産を持っているものです。

この講座では「Adobe XDと他のアプリケーションとの連携」に焦点を当て、既に.psd形式で作成したデザインデータをAdobe XDで開いて編集するときのポイントや、.aiのデザイン素材を.xdファイル内に効率的に取り込む方法について、徹底解説します。

また、「Creative Cloudライブラリ」という「アプリを横断した素材連携の仕組み」を活用し、Adobe XDファイル(.xd)内に配置した写真やアイコンをPhotoshopやIllustratorで再編集する方法についてもご紹介します。

軽い操作感が魅力でプロトタイプも作成できるAdobe XD、写真編集が得意なPhotoshop、細やかなベクターデータを作成できるIllustrator、それぞれのアプリの特性を活かして連携させ、効率的な制作について学んでいきましょう。

修了目標

本講座の受講修了時に、以下のスキル習得を目指します。

1. Adobe XDとPhotoshopやIllustratorの連携方法を詳しく知る

2. Creative Cloudライブラリを活用した素材の連携方法を知る

3. Adobeのモバイルアプリを使って素材を作成し、Adobe XDに取り込む方法を知る

＊本講座では、Adobe XDを使った基本的な描画方法については取り上げません。Adobe XDの操作を基礎から学びたい方は、Adobe XD初心者入門講座を先に受講してください。

カリキュラム概要

1. Adobe XD、Photoshop、Illustratorそれぞれの特性を知ろう

• Adobe XDが得意な領域
• Photoshopが得意な領域
• Illustratorが得意な領域
• それぞれを組み合わせたワークフローの例

2. Adobe Creative Cloudとはなにかを知ろう

• デスクトップ、モバイル端末、Adobeのサーバ領域を横断したクリエイティブ環境
• 各種デスクトップアプリとモバイルアプリの連携
• 素材やデータの保存や共有

3. PhotoshopやIllustratorとの連携を知ろう

• Photoshopの新機能を利用した写真編集
• Illustratorの新機能を利用したアイコン作成
• CCライブラリパネルを通じた写真やアイコン素材の連携
• 素材を再編集し変更を反映させる
• Illustratorからのデータのコピー＆ペーストと注意点

4. .psdで作成したレイアウトデータをAdobe XDで開いて編集しよう

• Adobe XDで開く前の.psdをチェックしよう
• Adobe XDで.psdを開いて変化を確認してみよう
• 上手く変換されるパターンとされないパターンについて知る
• 変換された.xdを保存する

5. モバイルアプリで作成したデータを.xdに取り込もう

• Adobe Comp CCでカンプを作成し.psdとして出力する
• Adobe Capture CCで作成したベクターデータをCCライブラリパネル経由で取り込む

6. .psdから.xdに変換したファイルでプロトタイプを作成しよう

• アートボードとグループを使いやすく整理する
• プロトタイプを作成する
• デスクトップでのプレビューと録画
• Adobe XDアプリを利用した実機プレビュー
• プレビュー画面のオンライン共有
• プレビュー画面でのコメント機能

7. 他社製のサービスやアプリケーションとの連携

• .sketchファイルの開き方を知ろう
• Zeplinへのデータ書き出しを知ろう

8. Adobe XDの最新アップデート内容を徹底チェック

• 先月と今月のアップデート内容を詳しく解説
• バグや今後のアップデート状況をチェックする方法

＊カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。

使用OS macOS ※普段使用しているOSと異なっている場合でも講座内容の習得に大きく影響はありません。 PCの持ち込みも可能です。講座内で使用するソフトウェアの設定、環境構築をしておくようお願いします。

講師

黒野明子

定員

6名(各種申込みサイト合計)

対象

・これまでPhotoshopやIllustrator、Sketchなどを利用してWebサイトやアプリのデザインをしていた方

・ディレクター職だがチーム内で効率よく作業できるワイヤーや素材の受け渡しを知りたい方

・これからWebデザインを学びたい印刷系のデザイナー

対象OS

受講環境のOSは、最も機能を豊富に利用できるmacOSとしますが、Windows版との違いなどもお伝えします。

料金

29,800円（税込み） 各種割引あり

会場

東京・原宿　ロクナナワークショップ

募集締切後のお申込み、お問合せ

本サイトでのお申し込みは、講座開催の1週間前に締め切られますが ロクナナワークショップ内講座概要ページからは開催前日までお申込みいただけます。

受講規約など

受講希望の方は受講規約およびよくある質問のページを閲覧していただき、ご了承の後にお申し込みください。