2.2|一般的なPCディスプレイのガンマ値(明るさ)となる。制作データが2xの場合はテキストサイズの数値が2倍になる。画像解像度が変わってもテキストサイズの数値は変わらない。ワイヤーフレームを作成する長方形ツールのシェイプとパス選択ツールを使ってワイヤーフレームを作成する。ピクセルでの塗りを使用しないのは、リサイズを繰り返すうちに境界がぼけてしまうため。その後、画像を配置してクリッピングマスクする。option+クリック(command+option+G)。複数のレイヤーがある場合は、マスク付きレイヤーグループにする(フォルダにマスクをかける)。リンクを配置」で画像を配置する。基本は「埋め込みを配置」。ヘッダー/フッターなど、全ページ共通のモジュールは「リンクを配置」が便利。スマートオブジェクトは拡大縮小しても画像が荒れない。「一般」で、「配置時にスマートオブジェクトを常に作成」をオンにしておく。同じ位置に配置するファイル間でレイヤーをドラッグ&ドロップする際、レイヤーを「shift+ドラッグ&ドロップ」で同じ位置に配置できる。画像の拡大縮小スマートオブジェクトのリサイズは、環境設定の「一般」タブの「画像補完方式」を変更しながら行う。画像補間方式を間違うと画質が悪くなる。縮小|バイリニア法スクラブズームズームツール使用時、クリック連打するのではなく、「command+space+左右にドラッグ」でスマートに拡大縮小できる。ズームツールのオプションで「スクラブズーム」にチェックを入れておく。ピクセルグリッド」のチェックをオフにする。環境設定の「ガイド・グリッド・スライス」タブの「グリッド」の数値を変更する。グリッド線:100px分割数:10必要に応じてcommand+@でグリッドを表示させる。スナップ」オンで、ガイドやレイヤーにスナップするようにする。テキストの確定テキストを打って確定するときは、command+enter(escキーを押すと打ったテキストが消えてしまう)で確定できる。キーを使用してテキストを確定」のチェックをオンにすることで、escキーでも確定できる。同じショートカットが使える。文字パネルの設定それぞれの効果を理解して、日本語を打った時に表示がおかしい場合は文字パネルの設定を変更する。フォントプレビュー」のサイズを「なし」にするツール切り替えのショートカットよく使うツールの1キーショートカットを覚えておく。T|文字ツールV|移動ツールA|パス選択ツールD|描画色と背景色を初期設定に戻すX|描画色と背景色を入れ替えF|スクリーンモードを切り替え0-9|レイヤー選択時に不透明度の変更、ブラシツール使用時にブラシの不透明度変更ブラシのショートカットブラシサイズの変更control+option+左右ドラッグブラシのボケ足変更control+option+上下ドラッグレイヤーの描画モードを変更よく使うレイヤーの描画モードのショートカットを覚えておく。乗算|option+shift+Mスクリーン|option+shift+Sオーバーレイ|option+shift+O差の絶対値|option+shift+E通常|option+shift+N順番に変更|option+shift+プラス/マイナス差の絶対値は、データ間の差異を調べるために使用する。バッチ」フォルダ内にアクションを実行する。画像ファイルの一括リサイズなど。II...」フォルダ内の画像一覧をプリントするなど。有効にする」をオンにする。画像アセット」をオンにする。レイヤーフォルダ名/レイヤー名を「○○.jpg」のように「ファイル名+拡張子」に変更する。assetsフォルダが生成されて、画像が書き出される。パラメーターを記述することで、出力画質やサイズを設定できる。option+ドラッグで複製。option+クリックでマスクビュー。調整レイヤーのトーンカーブで、ギザギザの山をつくる。トーンの流れを確認するのに利用する。選択範囲が無い場合はレイヤーが複製される。ワープ」ビルの歪み修正や、顔のレタッチなどで使える機能。こちらの関連記事もあわせてどうぞ!WS|フラットデザイン「Webサイト制作のワークショップ」のメモです。「Webサイト制作のワークショップ」のメモです。Webサイト...WS|WordPressのインストール「Webサイト制作のワークショップ」のメモです。あらゆるWe...WS|Webサイトのテキスト「Webサイト制作のワークショップ」のメモです。2「Webサイト制作のワークショップ」のメモです。Ohmori未来志向のクリエイター。東京で制作プロダクションを経て独立し、フリーランス歴20年。これまで幅広く国内外のプロジェクトに携わる。クリエイティブのスキルを学べるサービスを創造中。電子書籍TokyoHeadTerminal。