wacw wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
======DTPの勉強部屋 第46回勉強会======

[[https://study-room.info/dtp/dtp046/|第46回勉強会 | DTPの勉強部屋 | study-room]]

[[https://twitter.com/search?q=%23studyroom046|#studyroom046 - Twitter Search]]

=====DTPとAI（人工知能）=====
スピーカー：境 祐司さん[[https://twitter.com/commonstyle|@commonstyle]]

PostScript = Adobe が開発したページ記述言語

デザイナーとオペレーターは最初は別だった

K2 = InDesign の最初のコードネーム

日本ではイラレを DTP ツールとして使う人が多い

日本やドイツは自動化ではなく、テクニック、力業に走る人が多い。

Adobe FrameMaker; データ主体 eg マニュアル等
Adobe InDesign; デザイン主体 eg パンフレット

AI, RPA(Robotic Process Automation), スクリプト
-> どれか１つではなく、全体を組み合わせたもの

AI; ブラックボックス、"自然現象"

印刷機の AI 化
印刷プロセスのクラウド化 eg [[https://raksul.com/|印刷のことなら格安・激安の印刷通販【ラクスル】]]

AI シフト

2012 年がディープラーニング、機械学習のターニングポイント

角が丸いアイコンのアプリ
・クラウドベース
・高度な連携

クラウドのアセット管理
・バージョン管理
・コラボレーション機能

コンシューマー・レベル；AI でプロレベルに
プロフェッショナル・レベル；AI をアシスタントとして

情報不足 -> 疑心暗鬼 or 過度な期待

バージョン管理；保存やバックアップという概念がない

コモディティ化
・仕事が楽になる（？）
・仕事が高度化する

現状維持は後退

=====ウェブデザインきほんの「き」=====
スピーカー：浅野 桜さん [[https://twitter.com/chaca21911|@chaca21911]]

本当に勉強しない人はしない

ウェブの仕事
・コードを書くデザイナー
・コードを書かないデザイナー

デザイナーによる要件定義

RWD = Responsive Web Design

修正可能なウェブ
サイズが決まっている印刷
様々なデバイスで見るウェブ

モバイル；上にボタンがあると手が届かない

ウェブ；内容、ユーザー環境、ユーザー動作により変化

デザインガイドの作成

rgba; a = 透明度

スマホ
・デバイスピクセル
・CSS ピクセル

=====ワークフロー最適化のためのIllustrator、Photoshop使い倒しテクニック=====
スピーカー：鷹野 雅弘さん [[https://twitter.com/swwwitch|@swwwitch]]

ラウンドトリップ編集；ipad <-> デスクトップ

多機能から単機能

モバイル版も出たアプリ；アイコンの角が丸くなる

やり方は一つじゃない

引き出しを増やす

====Illustrator====

パネルは開くほど重くなる -> ワークスペースの活用
  * 「ウィンドウ＞ワークスペース＞新規ワークスペース」

ツールバー
  * 「ウィンドウ＞ツールバー＞新しいツールバー」；自分でカスタマイズしたツールバーが作れる
  * 「ウィンドウ＞ツールバー＞基本」；Adobe オススメツールを集めたツールバー
  * 「ウィンドウ＞ツールバー＞詳細設定」；全部入れ込んだツールバー
  * -> オススメは「新しいツールバー」＆「詳細設定」を両方出しておくこと

新規作成時のデフォルトフォントをカスタマイズ
  * プロファイルをいじればいい
    * Illustrator の新規作成は、元となるプロファイル用ファイルをコピーしているだけ
    * プロファイル用ファイルの保存場所 -> Library＞Application Support＞Adobe＞Adobe Illustrator XX＞ja_JP＞New Document Profiles

四角形を三等分する1
  * https://www.youtube.com/watch?v=tdAmzCtMNyQ

四角形を三等分する2
  * https://www.youtube.com/watch?v=F52PsWfoTbk
  * アクションに登録すると便利。

[[https://note.mu/fladdict/n/n3f5820eee7bb|59分割ヤバイ｜深津 貴之 (fladdict)｜note]]

59 分割をアクションに登録し、ボタンモードで実行できるようにすると便利。
  * https://www.youtube.com/watch?v=O1SLvhXTBzw

Illustrator で分割したオブジェクトを XD へコピー＆ペーストすると、写真を簡単に配置できる。
  * XD の PhotoSplash プラグインをインストールすることで可能。
  * https://www.youtube.com/watch?v=Mclu0l5zdSs

文字パネル
  * アイコンを Cmd + クリックでデフォルトの値に戻る。

＃文字パネルはオプションメニューで「オプションを表示」をクリックすれば、表示項目が増える。

文字列の一部を大きくする
  * https://www.youtube.com/watch?v=NG9yAJ8a7zw

シェイプ形成ツールで、ドラッグを始めたオブジェクトの色で塗りつぶす。
  * https://www.youtube.com/watch?v=mMNbO1l8WF4

通り抜ける輪っか1
  * https://www.youtube.com/watch?v=SYa_Sl1w3eM

通り抜ける輪っか2
  * シェイプ形成ツールは Opt + ドラッグで消える。 
  * https://www.youtube.com/watch?v=QF0zJOSdX1s

いらない線を除く
  * https://www.youtube.com/watch?v=sy4QzEJHEa4

=====Photoshop=====

背景レイヤーのロックを解除する３つの方法
  - 背景レイヤーをダブルクリックして OK 。
  - Opt + ダブルクリック。
  - 鍵マークをクリック。

背景レイヤー
・移動できない
・透明にできない

コンテンツに応じて拡大・縮小
  * https://www.youtube.com/watch?v=wjybSw4rk5s
  * 縮める時だけでなく、広げる時にも使える。

アルファチャンネル；選択範囲の記録

写真を左右に広げる
  * 方法１：「イメージ＞キャンバスサイズ」
  * 方法２：https://www.youtube.com/watch?v=pX8bnp1dsFI
    * ＝スタンプツールの自動化

ブラシサイズ、ボケ足をすばやく変更
  * Ctr + Opt + 左右にドラッグ -> ブラシサイズ
  * Ctr + Opt + 上下にドラッグ -> ボケ足
  * 参考：[[https://www.dtp-transit.jp/adobe/photoshop/post_1072.html|Photoshop（CS5）のブラシサイズをすばやく変更する（ブラシプレビュー） - DTP Transit]]

スポット修復ブラシツール
  * https://www.youtube.com/watch?v=GwVYjTKyNNw
  * スポット修復ブラシツールのオプションバーにも「コンテンツに応じる」というボタンがある。

コンテンツに応じた塗りつぶし
  * 「編集＞塗りつぶし＞コンテンツに応じた塗りつぶし」＝「編集＞コンテンツに応じた塗りつぶし」
  * 自動塗りつぶしの元となる部分で除外したいパーツがあるとき
    * 方法１：一旦レイヤーマスクで自動塗りつぶしから除外したい部分を除いてから、コンテンツに応じた塗りつぶし。
      * https://www.youtube.com/watch?v=rdmYMFgkrkY
    * 方法２：コンテンツに応じた塗りつぶしで、ブラシで除外部分を塗る。
      * https://www.youtube.com/watch?v=U7YnSUKEyH4

コンテンツに応じて拡大・縮小（その２）
  * https://www.youtube.com/watch?v=quPweOKcD4g

切り抜き
  * https://www.youtube.com/watch?v=xGJOdXaXV5U
    * 「選択とマスク」をしたあと、レイヤーマスクを黒ブラシで塗れば、関係ない部分を除外できる。

暗い部分を明るくする
  * 方法１：トーンカーブで編集
    * https://www.youtube.com/watch?v=RktzkPjBp34
  * 方法２：「イメージ＞色調補正＞シャドウ・ハイライト」
    * 一旦スマートオブジェクトに変換 -> 「スマートフィルター」として非破壊編集できる。

スマートオブジェクト
  * 非破壊 -> 「シャドウ・ハイライト」などを使う時も、スマートオブジェクトにしよう。
  * レタッチ系は使えない
    - 新規空レイヤーを作る
    - 「全レイヤーを対象」にチェック
    * -> https://www.youtube.com/watch?v=x45r77jsYkk

モザイクを掛ける
  * 方法１：https://www.youtube.com/watch?v=TfTHv2QnS_s
    * -> 手間が掛かる。
  * 方法２：https://www.youtube.com/watch?v=c8rCsTu-ayU

スキルはらせん状に上がる


=====次回=====
  * 7/20
  * 11/30