デザインで最低限抑えるべきスキル
photoshopで要素の長さを測る
【プログラマー向け最低限のデザイン技術③】
💡photoshopで要素の長さを測る
Photoshopデータとpx単位で長さを揃えてコーディングしてと言われます
1.photoshopデータを開き定規を選択
2.上部グリッド→pixelを選択
3.長方形ツール選択
4.測りたいデータの大きさに合わせて長方形作成→長さ測る pic.twitter.com/xTH7WHd6JV— ふる🇹🇭 (@guutenx) 2018年8月23日
photoshopから画像を切り出す
【web制作時の知っとくべきphotoshop活用方法】
🔶psdデータから画像を切り取ってウェブ制作する方法(画像書き出し方法)
1⃣レイヤーを選択
2⃣対象の画像を右クリック
3⃣pngとしてクイック書き出し
4⃣画像保存
顧客からphotoshopデータしか送られてこない(画像データ送られてこない)場合使えます pic.twitter.com/UayQ9WL6qZ— ふる🇹🇭 (@guutenx) 2018年7月24日
photoshopから文字の情報を抜き出す
ウェブ制作初心者向け、コーディングを行う場合の
【photoshopの文字フォント、サイズなどを2秒で得る方法】1.左の選択マークで対象の文字をクリック
2.キーボードのF8をクリックする
3.フォント、サイズ、行間、文字の間隔、文字色がわかります
特に制作会社案件では上記項目の数字反映しましょう pic.twitter.com/8NrorKHVZG— UXふる (@guutenx) 2018年12月28日
