: Slices & Extract Assets, or Copy CSS & paragraph styles for retina web designs? I'm trying to figure out how Adobe wants me to work in Photoshop when producing website designs. Extract Assets

Posted in: #AdobePhotoshop #Export #Slices

I'm trying to figure out how Adobe wants me to work in Photoshop when producing website designs.

Extract Assets is useful for fixed-size objects to produce 50% & 100% assets. 200% png output results in anti-aliasing even from vector shapes. Please correct me if I'm wrong but this seemed to be the case. Slicing is useful for elements on the site that may have variable height/width needing end-caps and repeat-x or repeat-y images e.g. buttons and nav-bars.

If I need to work at 2x resolution for retina, using Extract Assets and Slices, my paragraph and character styles dimensions are doubled, as are the dimensions of all my objects. This makes the Copy CSS a bit pointless - double height, width, margin, padding, shadow blur etc.

Should I be designing at 2x resolution and extracting and slicing, or at 1x and using Copy CSS, exporting paragraphing styles? Or something inbetween?

10.01% popularity Vote Up Vote Down

: Changing Color Scheme Automatically? Here's my image: I'm wondering if it's possible to automatically change all the images to using a color scheme close to #489fdc. I've tried making changes

@Jessie844

Posted in: #AdobePhotoshop #ImageSprite #WebsiteDesign

1 Comments

: Help identifying what font is this: I can't find out what font is this: I have used this awesome service where you upload a picture and it tells you what's the font is, but I don't agree.

@Jessie844

Posted in: #FontIdentification

2 Comments

: Why won't "Multiexporter" export any artboards? ("Will export 0 of X artboards") I use the Multiexporter script (blog article explanation, github link) for bulk exports of PNGs or PDFs from many

@Jessie844

Posted in: #AdobeIllustrator #Artboard #Export

1 Comments

: Splitting PSD to Multiple I have a large PSD which has approaching 100 top level groups. They're label designs, all of which are similar but with varying colours/patterns/text/images for the different

@Jessie844

Posted in: #AdobePhotoshop

2 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Holmes874

I don't think you should get anti-aliasing from shape paths. However, we are investigating why some of the illustrator smart objects do not render correctly.

Have you tried out our Creative Cloud Extract service? I feel that is a much better way to get measurements and values out of a PSD as it offers a lot more than CopyCSS in Photoshop does. If you save your files into Creative Cloud, you can automatically start using it when you go to assets.adobe.com

In general the recommendation is to design at 2x and then extract assets out for 1x.

--

I am a Product Manager at Adobe looking after Extract Assets UI

10% popularity Vote Up Vote Down

Feed

: Slices & Extract Assets, or Copy CSS & paragraph styles for retina web designs? I'm trying to figure out how Adobe wants me to work in Photoshop when producing website designs. Extract Assets

More posts by @Jessie844

: Changing Color Scheme Automatically? Here's my image: I'm wondering if it's possible to automatically change all the images to using a color scheme close to #489fdc. I've tried making changes

: Help identifying what font is this: I can't find out what font is this: I have used this awesome service where you upload a picture and it tells you what's the font is, but I don't agree.

: Why won't "Multiexporter" export any artboards? ("Will export 0 of X artboards") I use the Multiexporter script (blog article explanation, github link) for bulk exports of PNGs or PDFs from many

: Splitting PSD to Multiple I have a large PSD which has approaching 100 top level groups. They're label designs, all of which are similar but with varying colours/patterns/text/images for the different

Login to post a comment!

1 Comments

Back to top | Use Dark Theme