Webデザインの知恵袋

Webデザイン周りについての気付きやメモを綴ります。

Photoshopで文字間隔を調整(カーニング)するときのショートカットキー

調整パネルではV/Aの項目で文字間隔を調整することができます。

 

でもショートカットキーを使えばもっと手軽に一発で微調整できます。

 

「alt」+「←」・・・文字間隔を詰める

「alt」+「→」・・・文字間隔を広げる

 

これだけです。

 

ぜひ試してみてください。

Photoshopで多用する『自由変形』のショートカットは「Ctrl」+「T」です

自由変形はめっっっっちゃ使うのでショートカットキー覚えましょう。

いちいち「編集」→「自由変形」なんてやってたら時間のムダです。

 

・画像をすべて選択する(Ctrl + A)

・自由変形を選択する(Ctrl + T)

 

この2ステップを踏まないと自由変形にならないので注意です。

慣れれば一瞬でできます。

 

僕からは以上です。

wordpressの新エディターをHTML編集モードに戻す方法

Wordpressの最新バージョンに更新したらエディターがガラリと変わってしまいました。

 

「ブロック」なる要素が追加され、従来のテキストモードに慣れた僕にとってはひじょ~に使いづらいものに。

 

ビジュアルエディターしか使えないのか!?と戸惑いましたがいろいろいじくっているとテキストエディターに戻す方法が分かりました。

 

・右上の「…」をクリック

・真ん中あたりにある「エディター」を「コードエディター」に変更

・コードエディター(HTML編集モード)に変わる

 

とくにプラグインなどを入れなくてもテキストエディターに変更できました。

 

このコードエディターのデザインも従来とは少し変わってるので最初は戸惑いましたが、慣れれば今までと同じです。

 

今のエディターが使いづらいと感じた人はぜひ試してみてください。

Photoshopで参考画像をトレースしていて「なんかサイズ合わないな」と思ったとき

参考になる画像、バナーを元にトレースすることはよくあると思いますが、その際に枠線の太さや位置がなんか合わない…ということがあります。

 

その原因は...

 

単位がpixelに統一されていないからです。

 

Web系のクリエイティブや素材を作成するときは基本的にpixelを使います。

なのでこの単位がmmやpointになっていると上手くいかないことがあります。

 

環境設定(Ctrl + K)→ 単位・定規 → pixelに統一する

 

f:id:webpouch:20190205182026p:plain

 

これだけでOKです。

 

再起動してもう一度試してみてください。うまくいくはずです!

Photoshopでバナー画像に枠線を一発で入れる(レイヤースタイル以外の方法)

レイヤースタイルを使って枠線を入れる方法もありますが、ここではもっとカンタンな方法を紹介します。

 

1、新規レイヤーを作成し、レイヤー名を「枠線」などに変更

2、選択ツールで全体を選択(Ctrl + A)

3、右クリックして「境界線を描く」

4、ダイヤログ内で「幅」「カラー」「位置:内側」を選択

 

これだけで一発で枠線を入れられます。

 

こちらにより詳しい解説が載っていますので参考にどうぞ。

 

techblog.gmo-ap.jp