Adobe Photoshop & Adobe XD Cooperation Work

PhotoshopとXDの連携作業を完全習得

185分（3時間05分）

レッスンデータ・完成データ・サンプルデータ

※専用ページからダウンロードできます

1,200円（税込）

本コンテンツは販売終了しました。

「Photoshop基礎編」と「XD基礎編」に分かれて、別々のコンテンツとして再リリースされます。

作業を始める前に覚えておくこと

• ワークスペースとは何か理解できている
• 登録されているワークスペースを切り替えることができる
• ワークスペースをリセットしてデフォルトの状態に戻すことができる

• パネルやツールをワークスペースから切り離すことができる
• 切り離したパネルやツールをワークスペースにドッキングさせることができる
• 使いたいパネルを表示したり、閉じることができる

• 画像を拡大表示したり、100%表示にするなど自在に
  ズームツールを操作できる
• 検索機能を使ってAdobe Stockから必要な素材を見るけることができる
• 検索機能を使って使い方のわからない機能について調べることができる

• 新しいレイヤーを作成することができる
• レイヤーの表示／非表示を切り替えることができる
• レイヤーを削除することができる
• オリジナルの画像を直接編集せず、調整レイヤーで色調補正などを実行できる

• Photoshopに搭載されているフィルターの種類を
  大まかに把握している
• オリジナルの画像を直接編集せず、フィルターを適用できる

• Web用のグラフィック形式
  （PNG・JPEG・GIF・SVG）を書き出すことができる
• 圧縮率と画質劣化をチェックしながら、適切な品質かつデータサイズのJPEGファイルを書き出すことができる

• 画像データを保存することができる
• 閉じたファイルをすぐに開くことができる

レイヤーの機能とアセットの扱い

• 3つの基本レイヤーとは何か理解している
• レイヤーを塗りつぶす専用のレイヤーについて理解している
• レイヤーの内容を「切り抜く」ときに使用する特別なレイヤーについて理解している
• レイヤーの内容にドロップシャドウをつけたり、周辺を光らせたり、エンボス効果を適用する方法を知っている
• スマートオブジェクトとは何か他人に説明することができる
• 埋め込み配置とリンク配置の違いと理解している

• 関連した複数のレイヤーを「グループ化」することができる
• 特定のレイヤーに対して、画像アセットの書き出しを実行することができる

• 埋め込まれた画像を外部ファイルとして
  書き出すことができる
• ビッグドキュメント形式（拡張子「.psb」）の特性について理解している

• リンク切れが発生した場合、すぐに修正することができる
• 別々の場所からリンク配置している複数の画像を1つのフォルダーに
  まとめることができる

• クリッピングマスクとは何か理解している
• クリッピングマスクを適用して図形やテキストなどで切り抜くことができる

イントロダクション

• プロトタイプ制作が重要だと言われる理由について
  説明できること
• プロトタイピングツールに求められる機能について理解していること
• プロトタイピングツールにおけるPhotoshopとXDの違いについて説明できること

Adobe XDとの連携

• Photoshopで作成した画像をXDのアートボードに
  配置できる
• Illustratorで描画した図やテキストをXDのアートボードに配置できる

• Creative Cloudライブラリ（CCライブラリ）経由で
  Photoshopの画像をXDのアートボードに配置できる
• PhotoshopのCCライブラリがサポートしているアセットのタイプを理解している
• IllustratorのCCライブラリがサポートしているアセットのタイプを理解している
• XDのCCライブラリがサポートしているアセットのタイプを理解している

• レイヤーカンプを活用して複数のバリエーションを
  CCライブラリに登録することができる
• CCライブラリに登録した画像を編集することができる

• デスクトッププレビューを実行してプロトタイプを
  確認できる
• 作成したプロトタイプを公開することができる
• プロトタイプのデザインスペックを公開できる
• 公開したリンクを削除することができる
• 修正したプロトタイプのリンクを更新することができる

• XDでAdobe Stockを活用することができる
• XDのシェイプツール（長方形や楕円形）で画像を切り抜くことができる
• 繰り返しのパターンを「リピートグリッド」機能で素早く作成することができる
• リピートグリッドで作成した繰り返しパターンの中に「CCライブラリの画像」を挿入することができる

• XDで作成したプロトタイプをスマートフォンで
  確認することができる

• 「デザイン」モードと「プロトタイプ」モードの
  違いを他人に説明できる
• 2つのアートボードを（ボタンをクリックして）行ったり来たりできる仕組みを作成できる
• XDの「シンボル」機能を他人に説明できる
• シンボルを作成できる

• XDの描画ツール・テキストツールを使うことができる
• レイヤーパネルの特性と役割について理解できる

• アートボード上のイメージやテキストを
  グループにしてまとめることができる
• グループ化したまとまりから特定のオブジェクトを取り出すことができる
• グループから取り出したオブジェクトを戻すことができる

ブール演算の機能を理解して活用することができる

レイヤーパネルを使ってブール演算オブジェクトを編集できる

リピートグリッドとレイヤー構造の関係を理解できる

作成したリピートグリッドから特定のオブジェクトを取り出すことができる

リピートグリッドから取り出したオブジェクトを戻すことができる

• リピートグリッドをシンボル化して活用することができる
• 複数のリピートグリッドをシンボルにして管理できる

• XDのレイヤーと他のアプリケーションソフトの
  レイヤーとの違いを説明できる
• レイヤーパネルでグループやリピートグリッドの構造を操作できる

• アートボードにレイアウトグリッドを設定・表示
  することができる
• デザインスペックのリンクを更新できる
• Illustratorで作成したベクターデータをCCライブラリを介して利用できる

• スクロールの位置を保持する機能がどのような表現に
  役立つのか説明できる
• チェックボックスのON・OFFなどの機能を再現できる

選択と切り抜き・合成の基本技

• スポット修復ブラシツールの機能を理解している
• ブラシのサイズをキーボードを使って調整することができる
• オリジナルの画像を直接触らない「非破壊編集」で作業を進められる

• 切り取りツールを使って画像をトリミングすることが
  できる
• 画像の傾きを補正することができる
• 「コンテンツに応じる」の効果を理解している

• コンテンツに応じたパッチツールの機能を理解している
• パッチツールを使用して画像の中から不要な要素を除去することができる
• スポット修復ブラシツールを併用しながら効率よく除去作業を実行できる

価格：1,200円（税込）

本コンテンツは販売終了しました

銀行振込をご希望の方は「ebookcast@gmail.com」宛に「PhotoshopとXD銀行振込希望」と書いて送ってください。

AIクリエイティブ・トライアルレポート（旧シンクゼロマガジン）を購入されている方々へ

同コンテンツは、Creative Edge School Books がリリースする全てのコンテンツを無償提供していますので（2019年3月末まで）、Photoshop基礎編・XD基礎編も提供されます。誤って購入しないようにご注意くださいませ。

更新日：2018年9月8日（土）／公開日：2018年1月29日（月）