Photoshopのデザインカンプからコーディングに必要な画像や値を取得する方法 | HPcodePhotoshopから各種値を取得する 続いてはPhotoshopから色々な値を取得していく方法です。正確なコーディングをするには正確な値を取得しないといけません。 文字テキスト自体を取得 画像と対になるくらい基本的なものだと思います。「文字ツール」を選択してテキストエリアをクリックしてCtrl + A → Ctrl + Cしてコピペしていく感じでやっています。 文字ツールはTのアイコンのものです。Tのショートカットで切り替えることもできます。 コピーしてる様子はこんな感じです。 文字に関する値を取得 ウインドウ → 文字 を選択して「文字パネル」を開きます。 文字パネルからは、CSSプロパティで表現すると以下の情報が得られます。 font-familyfont-weightfont-sizeline-heightletter-spacingcolor 選択ツール or 文字ツールで知りた
