Mobile app version of vmapp.org
Login or Join
Angela777

: Using Generate Image Assets to get repeating background from a shape with Photoshop CC Rephrasing my question for clarity. I have a navigation bar that I've created from a Shape that has a

@Angela777

Posted in: #AdobePhotoshop #WebsiteDesign

Rephrasing my question for clarity.
I have a navigation bar that I've created from a Shape that has a border and a gradient.

How can I use Generate Assets, or Extract Assets to get 2nd end caps and a repeating 1px-wide vertical slice for both 1x and 2x resolution? i.e. from the Shape I want to end up with

end-cap-left.png
end-cap-left@2x.png
end-cap-right.png
end-cap-right@2x.png
1px-center.png
1px-center@2x.png



Should I extract the whole nav bar to 1x and 2x and then slice, or is there smarter method

Thanks in advance for any help, Steve

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Angela777

2 Comments

Sorted by latest first Latest Oldest Best

 

@Shakeerah625

It seems like you would want slices for this and using Save for Web using Slices. We are looking to add support for slices in Extract Assets but it is a long way off. Is there a reason you wanted to use Extract Assets for this instead of Slices + Save for Web?

(I look after Extract Assets dialog in Photoshop, so your feedback will be super useful!)

10% popularity Vote Up Vote Down


 

@Sue6373160

There are a number of ways to do this. You might be better off creating several shapes and extract assets separately. However, you could convert your shape to a smart object, copy the smart object layer twice so you have the same object on 3 layers. Now apply a different mask to each layer and name them accordingly if you're using Generate Assets (e.g. 50% end-cap-left.png, end-cap-left@2x.png).

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme