Photoshopのカンバスとアセットを使って効率的なカンプ作成
1.キャンバス別で各ページや必要であれば各幅のビューを解像度等倍で作成
2.完成したデータをキャンバスごとに別ファイル書き出し
3.書き出したキャンバスごとのPSDファイルでレイヤーをRename、アセット書き出しを行う
4.最初のキャンバス、解像度等倍のものでサイズ、マージン幅など確認しながらコーディング
※レイヤーを選択した状態でコマンドを押すとマージン幅がガイド表示される
※AdobeCloud上にアップすることで使用しているカラーコードやCSSが確認できる
CSSをコピーについて
PhotoshopのCSSをコピーはレイヤー名がクラス名になる。これを駆使することでPhotoshop上でプレコーディングを行う事が可能。
Author And Source
この問題について(Photoshopのカンバスとアセットを使って効率的なカンプ作成), 我々は、より多くの情報をここで見つけました https://qiita.com/bobu_web/items/34f91e925f99967be219著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .