Webデザイン講座Webデザイン講座

黒野明子 のAdobe XD+Photoshop+Illustrator連携講座

講座レベル3

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

Adobe XD CCのスクリーンショット

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

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

黒野明子

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


修了目標

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

  • Adobe XDとPhotoshopやIllustratorの連携方法を詳しく知る
  • Creative Cloudライブラリを活用した素材の連携方法を知る
  • 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の最新アップデート内容を徹底チェック
    • 先月と今月のアップデート内容を詳しく解説
    • バグや今後のアップデート状況をチェックする方法

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

Adobe XD CCのスクリーンショット

使用OS
macOS
※普段使用しているOSと異なっている場合でも講座内容の習得に大きく影響はありません。
PCの持ち込みも可能です。講座内で使用するソフトウェアの設定、環境構築をしておくようお願いします。
講師
黒野明子
定員
6名
対象
・Adobe XDの基本的な描画方法を習得している方(「Adobe XD初心者入門講座」の内容と同程度の知識をお持ちの方)
・これまでPhotoshopやIllustrator、Sketchなどを利用してWebサイトやアプリのデザインをしていた方
対象OS
受講環境のOSは、最も機能を豊富に利用できるmacOSとしますが、Windows版との違いなどもお伝えします。
会場
ロクナナワークショップ
東京都渋谷区神宮前1-1-12 原宿ニュースカイハイツ 204号室
JR山手線「原宿駅」・東京メトロ副都心線「北参道駅」から徒歩7分

受講料

29,800円(税込み)

受講料には、テキストやノートPCの使用料金などを含んでおります。入会金などは一切必要ありません。

最大30%OFFまでの割引あります

  • 早割30
  • 早割10
  • 遠方割
  • 学割
  • 主婦割

開講日・お申し込み

2018年12月11日(火)11:00~18:00残り4席

2019年02月23日(土)11:00~18:00残り6席

受講希望の方は 受講規約 および よくある質問 のページを閲覧していただき、ご了承の後にお申し込みフォームからお申し込みください。また お申し込みの流れ もご参照ください。


  • Twitter
  • Instagram
  • Facebook