StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I have an idea for another approach which <em>requires more programming but saves time</em> when there are a lot of items which need to be maintained in this way. </p> <hr> <p>With this method you do <em>not</em> need to create a new image for every color and every customizable part.</p> <p>Example: 20 items with each 4 customizable sections and 20 colors:</p> <p>Working with images requires: 20 x 4 x 20 = 1600 images</p> <p>Working with masks from this solution: 20 x 4 = 80 images</p> <hr> <p>We are going to create a mask for each section. Open the image in Photoshop and cutout every customizable section of the image. So every part you want to be able to customize in another color. Make this part black and everything around transparent. Basically if you stack all these "layers" you have a shoe with solid black on every part which you want to customize.</p> <p>Save these layers in separate images. You now can now load each layer on a canvas and replace the black with the color or pattern of your choice. Use these layers to compose the shoe.</p> <p>Finally put a shading layer which gives the shoe a 3d effect like.</p> <p>Schematically it would look like the image below. The processed masks become a colored layer. Combined with a base image it becomes a colored item. Your designer only need to cut out the patches and you are done.</p> <p>By far not the easiest to code but doesn't require dozens of precutted images when using large amounts of colors and patterns.</p> <p><img src="https://i.stack.imgur.com/qNyLs.png" alt="enter image description here"></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload