WEBデザインの勉強

初心者が1からWEBデザインを勉強するブログ。

photoshop

Photoshopのショートカットキー

保存 ctrl + s 全選択 ctrl + a 選択解除 ctrl + d 自由変形 ctrl + t 塗りつぶし 描画色 alt + BackSpaceもしくはDelete背景色 ctrl + BackSpaceもしくはDelete 移動 1px ctrl + 矢印キー10px ctrl + alt + 矢印キー 参考サイト helpx.adobe.com

Photoshopで文字の様々な数値をCSSの値に変換

参考: プロなら知っておきたい!Photoshop文字設定とCSSプロパティの相互関係 | それからデザイン スタッフブログ font-sizeの値をemに変換する Photoshopのフォントサイズ(px)÷ HTMLでの親要素のフォントサイズ(px) 行送りの値をline-heightの値に変換…

photoshopでスライスした画像をグリッドレイアウトでコーディング

http://efu.sakura.ne.jp/web/0630/ スライスしたい画像を用意する。 スライスしたいところにガイドを引く。(スナップしないので拡大して丁寧に引く) スライスツールを選択する。(切り抜きツール長押し) スライスしたい部分をドラッグする。(ガイドに沿…