2016年9月30日に開催された iMedioセミナー 「今から始めて遅くない“Photoshop＆Illustrator使いこなし”テクニック」 https://www.sansokan.jp/events/eve_detail.san?H_A_NO=21694 でお話したときに使用したスライドを公開します。

1. 今から始めて遅くない
Photoshop＆Illustrator
“使いこなし”テクニック
森 和恵

2. 2016年9月30日に開催されたiMedioセミナー
「今から始めて遅くない“Photoshop＆Illustrator使い
こなし”テクニック」に登壇しました。
そこで使用したスライドを公開します。

3. Practical examples
これから、
を日頃どのように使っているか？を話します

4. • r360studioで活動する Web系のセミナー講師
• @r360studio  http://r360studio.com
• 好きなAdobeは、Dreamweaver
• レイアウトはIllustrator、画像補正はPhotoshop
• 担当講座は、 http://r360studio.com/seminar/
森 和恵

5. 本日紹介する操作
• 環境設定、ツールの設定
• A4横のフライヤー作成（印刷データ）
• サイトの各種画像作成（Webデータ）

6. 本日紹介する機能
• 環境設定、ツールやパネルの設定
• 文字や段落設定、文字タッチ、ライブシェイプ、
パスファインダー、シンボル、ライブラリ、アピアラン
ス、オブジェクトの再配色、フォント検索、トリムマー
ク、複数アートボード、書き出し形式
• 文字や段落設定、写真補正、顔のゆがみ補正、マ
スク切り抜き、スマートオブジェクト、ライブラリ、
RGB→CMYK変換、Adobe Stock、レイヤーとして読み込
み、書き出し形式

7. 環境やツールの設定

8. A4横のドキュメント
• 用紙サイズ指定
• 単位は、ミリメートル
• 裁ち落としは、印刷業者
の指定による
• CMYK

9. 環境設定を指定

10. 環境設定を指定
各種設定は［編集］－［個別設定］で書き出せる

11. 新規ドキュメント
• 幅、高さは、
出力サイズで決める
（cm or pixel）
• 印刷サイズに対する
解像度は、印刷業者
の指定による
Webでは無視
• カラーモードはRGB
プロファイルは、作
業環境による
CMYK変換は後から

12. 環境設定を指定

13. 必須ツールの初期設定
移動ツールのコントロールパネル設定
切り抜きツールのコントロールパネル設定

14. Illustratorでパーツ作成

15. 文字の設定は、文字・段落パネルで

16. タイトルロゴ作成には、文字タッチツール
• [文字タッチツール]
で、非破壊のまま
１文字づつ編集
• 色、角度、位置を
変更可能
• [Shift]＋[Ctrl]＋[>]
[Shift]＋[Ctrl]＋[＜]
でサイズ変更
• [Alt]＋[→]
[Alt]＋[←] で
トラッキング変更
（文字間隔）

17. 長い文章は、ドラッグでテキストボックス
• 段落パネルで、
－均等配置
（最終行左揃え）
－ 1行目左インデント
－段落前・後のアキ
－禁則処理などを指定
• [Alt]＋[↑]
[Alt]＋[↓] で
行送り変更

18. タイトル文字は、思いっきり太く
サイズと字詰めにこだわって
• 文字の強弱
• キーワードでまとまりを出すよう
にトラッキングを狭く
• キーワードは大きく、他は小さく
• ベースラインシフトの調整も

19. タイトルのフチ文字は、アピアランスで

20. Typekitからフォントを追加

21. Adobe Stockでプレビューを探す

22. 長方形ライブシェイプでなぞる
• [透明]パネルで「乗算」指定。透けてみえる
• ライブポイントクリックで一つの角だけ指定

23. パスファインダーで複合シェイプ
• [Alt]クリックで、複合シェイプ
• 複合シェイプなら、「解除」「拡張」できる

24. ライブラリやシンボルで共通利用
• ライブラリは、PSにも使える（Aiリンク）
• シンボルは、同じドキュメント内のみ

25. Photoshopでパーツ作成

26. A4横・300ppi・RGBの背景用画像を作成

27. 色調を補正（色相・彩度・明度）

28. CMYK変換し、別名保存
• ［イメージ］－［モード］－［CMYK］
• カラー設定でプロファイルを確認
• CMYK変換には、レイヤーの[結合]が必要

29. 人物写真のゆがみ補正フィルタ
• ［フィルタ］－［ゆがみ補正］
• 補正前にレイヤーで
「スマートオブジェクト」に変換

30. マスクを使った切り抜き
• [クイック選択]ツールで選び
コントロールパネルの「選択とマスク」で調整
• 選択範囲作成後
[レイヤー]-[レイヤーマスク]-[選択範囲外]で
マスクする

31. Illustratorでレイアウト

32. 画像やパーツを読み込んでA4横レイアウト

33. レイアウトに必要な作業
• 画像の読み込みは、[ファイル]-[配置]
「リンク」設定で読み込む
• 印刷用紙のサイズの四角形を準備し
[効果]-[トリムマーク]で
印刷指定に必要な
トンボを作成

34. Web用の新規ドキュメント
• サイズは ピクセル
• カラーモードは
RGB
• プレビューモードは
ピクセル

35. 複数アートボード
• アートボードツール
を使って、複数の
アートボードを作成
• サイズは、出力サイ
ズにあわせる
• アートボードパネル
で名前をつける

36. アートボードを書き出し
［ファイル］－［書き
出し］－[スクリーン
用に書き出し]でアー
トボードごとに書き出
しができる

37. Photoshopで書き出し

38. レイヤーを書き出し
• レイヤーにファイル名を指定
• レイヤーを複数選択し、右クリック
－[書き出し形式]で書き出しを行う

39. インスタ画像にウオーターマークつけて書き出し
• 複数画像の読み込みは、[ファイル]-[スク
リプト]－[ファイルをレイヤーとして読み
込み]
• インスタのサイズ「1080×1080」に切り
抜き（周囲は残す）
• ウオーターマークを配置し、画像とマーク
をレイヤーフォルダにまとめる
• 書き出しの手順で書き出す

40. まとめ

41. ご清聴ありがとうございました
r360studio.com 森 和恵