このスライドは、2018年11月20日にパシフィコ横浜にて開催されたAdobe MAX Japanにおける黒野明子のセッション「組み合わせ利用でいいとこ取り！ Adobe XD＋Photoshop＋Illustratorの長所を活かしたデザイン手法を学ぼう」のスライドです。 デモ部分が多いので、動画が公開されたらこのコメントにURLを書き添えます。 以下、セッション概要です。 アドビクリエイティブ製品の魅力は、なんといっても「データを連携させて制作可能な点」にあります。写真編集はお任せのPhotoshop、繊細なベジェアートワークを制作できるIllustrator、軽さとプロトタイピングが魅力のXD。この3つにモバイルアプリも組み合わせ、最適なワークフローを探しましょう。Photoshop寄り、Illustrator寄り、XD寄り、色々なパターンをご紹介しますので、あなたの仕事現場にぴったりの手法を見つけてください。

1. ＋ ＋ の長所を活かした
デザイン手法を学ぼう
crema design 黒野明子
@Adobe MAX Japan 2018
組み合わせ利用でいいとこ取り！
Adobe XD Illustrator Photoshop

2. 自己紹介
黒野明子@cremaくろ の あき こ
フリーランスデザイナー
Adobe Community Evangelist
とある企業に週3常駐
デザインシステム策定中

3. 書籍を書いたり、LINEスタンプを作ったり

4. ではここで、プレゼントタイム

5. 誕生日の方に
プレゼント

6. ということで、
ここから本編
スタート ✨

7. 既にデザイナーとして活動している
普段は や をメインに作業
も気になって触り始めている
このセッションのターゲット聴講者
IllustratorPhotoshop
Adobe XD

8. そんなあなたに贈る……
最近の がらみの
お困りごと あるある
Adobe XD

9. がらみの、お困りごと あるある
既に で
作成したデータが
沢山ありまして
❶ 既に で❷ って
凝ったデザインは
作れませんよね？
❸
って
一枚絵で画面
遷移図できます？
❹ ディレクターから
の支給データが
や のみ
❺ 社内では
の利用が
指定されてます
❻
（以下同文）

10. そんなお困りごとを
❻つのレシピ！
で解決する

11. がらみの、お困りごと
❶その

12. がらみの、お困りごと その❶
既に で
作成したデータが
沢山ありまして

13. ❶ メインの方に贈る、お困りごと解決レシピ
元は.psdなのに、
プロトタイピングも
自動アニメーションも
できちゃうんです

14. .psdを で開いて
プロトタイピング
お困りごと解決レシピ
❶
DEMO

15. がらみの、お困りごと
❷その

16. がらみの、お困りごと その❷
既に で
作成したデータが
沢山ありまして

17. 10月から、.aiを「開く」
で使えるようになった
場合により「コピペ」
してもOK
❷ メインの方に贈る、お困りごと解決レシピ

18. .aiを で開いて
作業続行
お困りごと解決レシピ
❷
DEMO

19. がらみの、お困りごと
❸その

20. がらみの、お困りごと その❸
って
凝ったデザインは
作れませんよね？

21. ❸ メインの方の、不安感解消レシピ
それぞれのアプリの
得意分野を組み合わせ、
CCライブラリで連携
すると良い感じ✨

22. お困りごと解決レシピ
❸ でレイアウトを進め、
ビットマップ編集は 、
細かいベクター編集は
に任せるDEMO

23. がらみの、お困りごと
❹その

24. って
一枚絵で画面
遷移図できます？
がらみの、お困りごと その❹

25. いまのところ、一枚絵のドキュメントには、できません。

26. 10月から利用可能に
なった「プラグイン」で、
だけではできない
ことが、できるように
❹ と を組み合わせ、もっと便利になるレシピ

27. 今日ご紹介するプラグインは、

29. お困りごと解決レシピ
❹
でレイアウトして、
で画面遷移図を作る。
DEMO

30. がらみの、お困りごと
❺その

31. がらみの、お困りごと その❺
ディレクター作成
の支給データが
や のみ

32. たとえば
こんな感じの。

33. ❺ディレクターが と 使いな場合の、お困りごと解決レシピ
や から
.txtをうまく抽出して
解決しましょう

34. ❺ディレクターが と 使いな場合の、お困りごと解決レシピ
ひとつずつコピペ .txtで一気に取り込み

35. ❺ディレクターが と 使いな場合の、お困りごと解決レシピ
ひとつずつコピペ .txtで一気に取り込み

36. お困りごと解決レシピ
❺
や で作ったデータから
テキストを上手く抜き出して
取り込む。
DEMO

37. いいプラグインあり〼
おまけ
ます

39. がらみの、お困りごと
❻その

40. がらみの、お困りごと その❻
社内では
の利用が
指定されてます

41. ❻ メインの方に贈る、こんなこともできるよレシピ
では、.skecthを
開くことも可能って
ご存じでした？

42. .sketchを で
開いてもいいんです。
お困りごと解決レシピ
❻

45. お疲れ様でした！
本日のまとめ

46. 本日のまとめ
で作成した
.psdも、 で
プロトタイプ
❶ で作成した
.aiも、 で
作業続行可能
❷ メインなら、
と から
素材連携
❸
だけで
できないことは、
プラグインが
❹ や のデータ
も、素早く.xdに
取り込む策あり
❺ のデータも
で開いて、独自
機能を試せます
❻

47. XDの使い方はひとつじゃない

48. アプリの連携／使い分けで
快適なデザインライフを。

49. このセッションは
cremaが
お送りしました