【Web制作】カテゴリの記事

Photoshopは元々オブジェクトベースで何かするアプリではなかったので、整列に関しては次の点で弱かったりします。

  • パネルでなく、オプションバーなので、状況によっては表示されない
  • キーボードショートカット:デフォルトでは設定されていない
  • キーオブジェクト:できなくはないけれど面倒い
  • カンバスの中央(や端)に整列:できなくはないけれど面倒い
  • 等間隔に分布:(なぜか)スクリプトを使わないとできない
  • 指定間隔で分布:スクリプトを使わないとできない

Photoshopのレイヤーまわりのキーボードショートカットをまとめてみました。

カテゴリ機能キーボードショートカット
表示選択レイヤーcommand+,
目のアイコンをクリック
選択レイヤー以外を非表示にcommand+option+shift+,
option+目のアイコンをクリック
すべてのレイヤーを表示command+option+,
ロック/(command+/)
選択すべてのレイヤー(背景を除く)command+option+A
選択レイヤーの下に増やすoption+shift+[
選択レイヤーの上に増やすoption+shift+]
一番下option+,
一番上option+.
選択レイヤーとその下のレイヤーoption+shift+,
選択レイヤーとその上のレイヤーoption+shift+.
隣接するレイヤーshift+クリック
隣接しないレイヤーcommand+クリック
選択解除
([選択範囲]→[レイヤーの選択を解除])
command+option+D
デフォルトでは非設定
移動選択レイヤーを下にoption+[
選択レイヤーを上にoption+]
重ね順(下に)command+[
重ね順(上に)command+]
重ね順(一番下)背景レイヤーを除くcommand+shift+[
重ね順(一番上)command+shift+]
新規作成選択したレイヤーの上に複製(ダイアログボックス付き)command+shift+N
選択したレイヤーの上に複製(ダイアログボックスなし)command+option+shift+N
選択したレイヤーの上に複製[新規レイヤーを作成]をクリック
選択したレイヤーの下に複製(背景レイヤーを除く)command+[新規レイヤーを作成]をクリック
選択範囲
の複製
(ダイアログボックスなし)command+J
(ダイアログボックス付き)command+option+J
選択範囲をカットcommand+shift+J
グループ化
リンク
command+G
グループ解除command+shift+G
クリッピングマスクcommand+option+G
すべてのグループを開閉command+option+クリック
レイヤーをリンク / リンク解除デフォルトでは非設定
リンクしたレイヤーを選択デフォルトでは非設定
結合選択レイヤーcommand+E
表示レイヤーを結合command+shift+E
選択レイヤーを結合して一番上に複製command+option+E
表示レイヤーを結合して一番上に複製
(非表示レイヤーを除く)
command+option+shift+E
スマート
オブジェクト
スマートオブジェクトに変換(command+control+S)
デフォルトでは非設定
コンテンツを編集(command+control+E)
デフォルトでは非設定
不透明度10%刻みで変更数字キー(1回)
1%刻みで変更数字キー(2回)
塗り10%刻みで変更shift+数字キー
1%刻みで変更shift+数字キー(2回)
レイヤー
マスク
選択範囲を表示するレイヤーマスクを作成[レイヤーマスクを追加]ボタンをクリック
選択範囲以外を表示するレイヤーマスクを作成option+[レイヤーマスクを追加]ボタンをクリック
選択範囲を表示するベクトルマスクを作成command+[レイヤーマスクを追加]ボタンをクリック
選択範囲以外をを表示するベクトルマスクを作成command+option+[レイヤーマスクを追加]ボタンをクリック
レイヤー
スタイル
レイヤースタイルをコピーデフォルトでは非設定
レイヤースタイルをペーストデフォルトでは非設定
レイヤースタイルを消去デフォルトでは非設定
すべての効果を隠すデフォルトでは非設定
その他選択範囲の作成レイヤーサムネールをcommand+クリック
レイヤーマスクを非表示レイヤーマスクサムネールをshift+クリック

レイヤーマスクを選択範囲として読み込む

レイヤーマスクサムネールをcommand+クリック
レイヤーを分離デフォルトでは非設定
パネル[レイヤー]パネルF7
描画
モード
順番に変更shift+-(shift++)
通常option+shift+N
ディザ合成option+shift+I
比較(暗)option+shift+K
乗算option+shift+M
焼き込みカラーoption+shift+B
焼き込み(リニア)option+shift+A
比較(明)option+shift+G
スクリーンoption+shift+S
覆い焼きカラーoption+shift+D
覆い焼き(リニア)- 加算option+shift+W
オーバーレイoption+shift+O
ソフトライトoption+shift+F
ハードライトoption+shift+H
ビビッドライトoption+shift+V
リニアライトoption+shift+J
ピンライトoption+shift+Z
ハードミックスoption+shift+L
差の絶対値option+shift+E
除外option+shift+X
色相option+shift+U
彩度option+shift+T
カラーoption+shift+C
輝度option+shift+Y

『10倍ラクするIllustrator仕事術』全都道府県縦断セミナーツアーの一環として、 本日から、宮崎、大分、熊本、長崎、佐賀、福岡の九州6県にて8回のセミナーを開催します。

『10倍ラクするIllustrator仕事術』全都道府県縦断セミナーツアーは、2014年10月に技術評論社から発売された『10倍ラクするIllustrator仕事術』(増強改訂版)のプロモーションのために、全国47都道県にて実施しているもの。

2014年10月の広島を皮切りに、新潟、高知、愛媛、高松、徳島、仙台、名古屋、大阪、神戸、岡山、栃木、青森、甲府、静岡、鳥取、宮崎、鹿児島、広島、山口、郡山、石川、福井、富山で開催し、これまでに、29回の開催を通して855人の方が参加(2015年4月現在)。

アンケートの「参加したよかった」では、★★★★★:496人、★★★★:120人、★★★:26人、★★:1人、★:0人、平均して4.7(5段階評価)の評価をいただいています。

九州編の開催リスト

イベント名会場
宮崎7日Design Pledge, Vol.4 powered by CSS Nite
(Photoshop特集)
インタークロス
大分8日プライベートセミナー元屋印刷
大分9日『10倍ラクするIllustrator仕事術』
全国縦断セミナー in 大分
佐伯東地区
公民館
大分10日AUGO x CSS Niteホルトホール
熊本12日CSS Nite in KUMAMOTO, Vol.2未来会議室
長崎13日CSS Nite in NAGASAKI, Vol.2長崎市立図書館
多目的ホール
佐賀14日CSS Nite in SAGA, Vol.1COTOCO215
福岡15日CSS Nite in FUKUOKA, Vol.6デジハリ福岡校

熊本、長崎、佐賀、福岡では、『Webデザインの現場ですぐに役立つ Photoshop仕事術』記念を兼ねて、黒葛原 道(eater)さんに登壇いただき、Photoshopのセッションとの組み合わせです。

PSDファイルのリンク配置

Photoshop CCでの最大の進化は、PSDファイルのリンク配置が可能になったことだと思う。特にWeb制作のワークフローにおいてこれは画期的。

「ペライチ」的なWebページが増えつつあるが、やはり、Webサイトは複数ページで構成されることが多い。一方、Photoshopには、Illustratorの複数のアートボードのように「複数のカンバス」機能がない。レイヤーカンプを使って“やりくり”することはできるが、やはり、カンバスそのものの大きさをIllustratorのように変えることはできない。

Webページはページによって縦方向の長さが変わることはもちろん、マルチデバイス対応を想定すると、単純にPC/タブレット/スマホといった大きさ変更はもちろん、タブレットとスマホの場合には、縦置き/横置き(ポートレート/ランドスケープ)にも対応しなければならない。

割付指示(やWeb制作でのワイヤーフレーム)で図版が入る領域にバツ印(や斜線)を付けることががあります。

Illustratorのアピアランスを使って実現し、グラフィックスタイルに登録しておくと1クリックで適用できます。

YouTube

DTP TransitのYouTubeチャンネルです。1分前後のクイックTipsを投稿しています。

チャンネル登録

Twitter

本サイトの記事以外に、小ネタやタイムリーな話題などをツイートしています。

マンスリーでまとめています。

このページの上部に戻る