viewsXDのスライスの方法をまとめまています。XDでスライスするコーダーさん必見です!最近はXDを使っているところも、少し増えてきたように思います。最後に基本的なスライス手順1、上のメニューから、表示>レイヤー(⌘Y)もしくは、左下のマークをクリックして、レイヤーパネルを表示します。2、スライスしたい写真を選択する3、写真のレイヤーを選択されているのを確認し、ファイル>書き出し>選択済み(⌘E)で書き出しの設定画面が出ます。4、お好きな設定で書き出してください。書き出すときの設定jpg書き出しフォーマット:JPG画質:100%(任意)書き出し先:デザイン設定サイズ:1x※等倍と2倍サイズ両方必要な場合は、書き出し先:Web、設定サイズ:1xにしてください。png書き出しフォーマット:PNG書き出し先:デザイン設定サイズ:1x※等倍と2倍サイズ両方必要な場合は、書き出し先:Web、設定サイズ:1xにしてください。余白込みや、好きなサイズでスライスする手順1、長方形ツールで、書き出したいサイズの四角を作る。2、レイヤーの順序を、四角(上)、写真(下)にする。3、四角と写真を両方選択して、オブジェクト>シェイプでマスク(⌘+shift+M)する。4、ファイル>書き出し>選択済み(⌘E)で書き出しの設定画面が出ます。5、お好きな設定で書き出してください。最後にいかがでしたか?今回紹介したことをおさえれば、なんとかスライスはできるかな?と思います。XD案件が今後も増えるかもしれませんので、慣れていきましょう(*^^*)この記事を読んだ人はこんな記事も読んでいます見ながら覚えよう!positionプロパティ「absolute」と「relative」についてのお話CSSで中央寄せにする方法まとめ定義リスト[dl]のdt/ddを横並びにする方法CSSの【float】についてちょっと本気出して説明してみた。CSSの【float】についてちょっと本気出して説明してみた。しこのブログはWebコンテンツ総合製作の「ふたっぱ!」が運営しています。