【デザイナーが教える】業務効率化のためのDreamWeaver と Photoshopの 独自ショートカット設定～デザイナーがどんな独自ショートカット使っているか気になりませんか？～
デザイナー歴10年、様々なエディターを使ってきて、結局DreamWeaverに戻りました。昔のように重たさを感じず、DreamWeaverとPhotoshopを使って、Extractやプロパティウィンドウからの連携で効率アップが可能です。
日々デザインとコーディングをしていて、「こんなショートカットほしいなぁ」というのを分かりやすいショートカットにしてみました。
まずはDrewm Weaverの独自ショートカット作成方法
キーボードショートカットの作成
独自のショートカットキーを作成するか、既存のショートカットを編集するか、あらかじめ設定されているショートカットのセットを選択します。
編集／キーボードショートカット
を選択します。必要に応じて次のオプションを設定して、「OK」をクリックします。
ここからが本題
DrewamWeaverの独自ショートカット
囲み系
・（選択をした状態で）articleで囲む ctl + alt +A
・（選択をした状態で）sectionで囲む ctl + alt +S
・（選択をした状態で）divで囲む ctl+ alt +D
・（独自じゃないけど）タグで囲むショートカット ctl + T
成形系
・ソースフォーマットの適用 ctl + alt +shift + S
・今開いているファイルを左右に並べて表示 ctl + shift +Ｑ
・（独自じゃないけど）コードの拡大縮小 ctl + or -
パネルを開く
・（独自じゃないけど）プロパティパネルを開く ctl+F3
その他
・（選択をした状態で）コメントアウト ctl + shift + /
・（選択をした状態で）ハイパーリンク ctl + L
プロパティパネルで、pngからjpgやgifに変えたり、altを付けれるので楽です。
DreamWeaverの Extract（エクストラクト）がすごい
Photoshopでデザインを作成している場合は、Extractウィンドウで、Photoshopを開かなくてもDreamWeaver上で、マージンやフォントの種類等、CSSの要素を丸コピできます。
Photoshop（2018）の独自ショートカット作成方法
キーボードショートカットの作成
独自のショートカットキーを作成するか、既存のショートカットを編集するか、あらかじめ設定されているショートカットのセットを選択します。
編集／キーボードショートカット
Photoshopの独自ショートカット
レイヤー操作系
・レイヤーのコピー ctl + C
・レイヤーのペースト ctl + V
・スタイルのコピー shift + ctl + C
・スタイルのペースト shift + ctl + V
・レイヤー名、グループ名の変更 F2
パネル系
・ツールウィンドウを開く shift + ctl + alt + T
・文字ウィンドウを開く shift + ctl + T
・左右に並べて表示 shift + ctl + Q
ショートカットじゃないけど…
日本語入力後に、左上の半角/全角 をおして、英数字にしないとショートカット使えないの不便じゃないですか？
Macのキーボードのように、左右の親指で、半角英数字（IMF オフ）、日本語 に切り替えられるとよくないですが？そんな時は、キーボードの機能自体を変えてしまいましょう。
無変換 キー を ＩＭＥオフキーに機能変更してしまう。
変換キーを IMFオン キーに変更する。
左上の 半角/全角キーを使わない。
https://www.koreyome.com/other/win-keysettings-ime-on-off/
ショートカットじゃないけど、Font AwesomeをPhotoshopで使えると楽じゃないですか？
でフォントオーサムが使える！サイトからダウンロードしてきて、チートのページのフォントをコピーして貼り付け。
フォントオーサムのフォント。
ショートカットじゃないけど
業務効率を最大限に上げるポイントは、集中力とシングルタスク（シングルタスクにするための段取り）です。←身もふたもなくてすみません。
・集中力を高めるためには、外部の不要な情報を断ちましょう
・スマホアプリの不要な通知やプッシュを停止
・Chromeの不要なプッシュや通知を停止 設定→詳細設定
→コンテンツの設定→通知→ブロック→ポップアップ→ブロック
・SNSを強制的に開けなくする googleアドオン stayfocused
┗ facebook.com instagram.com twitter.com 自社サイト
個人サイト gmail
・スマホのタイマーを利用して、
┗最低90分は無理やり休憩なしで作業しましょう。
3回程度できれば自ずと集中して作業する感覚がつかめます。
・マウスの移動スピードは最速に
・メールは開かない
・部屋の鍵を閉める
・日本語の音楽を聴かない
今回、仕事仲間から全公開をお願いされて、公開致しました。
参考になりましたら、ぜひ「いいね」をお願いします。
もし、今後の活動を応援していただける方がいらっしゃいましたら、
投げ銭をお願いいたします。
以上です。ご購読ありがとうございました。
ここから先は
¥ 100
この記事が気に入ったらサポートをしてみませんか？