The Saga of the Color Channel Customizer

channellarge

11 years, this is how long I’ve been designing for textiles as a side-gig. I guess you can say that I’m pretty familiar with the different techniques that are used in this world. You can probably imagine my surprise when, during a lunch meeting with a client in Puebla, just outside of Mexico City, he mentioned that his designers use Photoshop Channels to color-customize their designs.

Without getting super technical, channels are used to help colors interact with each other, similar to how colors would blend with a painting. Unlike layers, the intensity of the color can vary within the same channel.

When our client mentioned this, it was like the air had escaped the room. Words like “disaster” were thrown around between everyone involved. Le Sigh

But that did not deter us, the deal was signed, the path was laid, we now had to get back to our team and put our minds to work and solve this problem. Off to research we all went.

Screen Shot 2019-07-29 at 6.57.17 AM
Luis Barragan

Luckily, I work with very smart people. I teamed up with our textile designer, and we researched channels and how they work in relation to textile design. After getting some answers, we then teamed up with our development team, who found a great technical solution to the problem, this process took about 3 weeks.

nicole-wolf--xTBn1YBrTE-unsplash.jpg

Now, it was my turn to make this platform, and convert it into something that clients, from all over the world, could use.

A common problem we had with our working design customizer was that it was designed with a modal that could be moved around the screen, it took important real estate from the screen and everyone always complained about it, so, I knew from the start that mirroring our existing customizer was not a good option.

Screen Shot 2019-07-29 at 7.03.40 AM.png

A solution?

SCREEN-01.png

Because this tool is going to allow for the upload of multiple design files, it does not need to be mobile-friendly, however, we did create a screen for tablet, just in case.

I created a STYLE GUIDE for this project, here are some of my favorite items in it:

Logo:

channeluploader1-03channeluploader1-02

Colors:

COLORS-02

Custom Icons:

icons-01

More detailed information about this project can be found here.

… And, they all lived happily ever after!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s