31 posts
  • Sells items exclusively on Envato Market
CookTorr says

Is there a tool in PS to replace every single element which has the same color with another color. I always select by hand the shape layers I want to change the color of and then modify the fill color, but I was wondering if there is a quicker way, like ctrl + u for rasterized layers.

361 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 100+ items on Envato Market
  • Located in United Kingdom
kops says

image/adjustments/replace colour

31 posts
  • Sells items exclusively on Envato Market
CookTorr says

That doesn’t work with shape layers. I was talking about something like this:

if ( shape_layer_color == “red” ) { change_shape_layer_color_to(‘green’); }

And make this code loop through every shape layer in the psd file.

I’m having hard time getting myself understood these days :D

Is there a tool that does this? ^^

1204 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 50+ items on Envato Market
+5 more
Smartik says

if ( shape_layer_color == “red” ) { change_shape_layer_color_to(‘green’); }

Hehe, dreaming :D Too good to be real. I don’t know maybe something like this is possible but even if so, I don’t think it will be that easy. PS is a tool for design not for coding. ;)

31 posts
  • Sells items exclusively on Envato Market
CookTorr says

Yeah, yeah, i got it. :D I wrote the ‘code’ because I didn’t know how to explain the tool that I’m looking for.

Anyway, do you think it’s more reasonable to write the html + css code and then make the changes? I think it’s easier to make changes to the design if it’s already in code format.

What do you think? What method do you prefer?

1204 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 50+ items on Envato Market
+5 more
Smartik says

Yeah, yeah, i got it. :D I wrote the ‘code’ because I didn’t know how to explain the tool that I’m looking for.

Anyway, do you think it’s more reasonable to write the html + css code and then make the changes? I think it’s easier to make changes to the design if it’s already in code format.

What do you think? What method do you prefer?

I prefer to create everything using only the code, CSS3 and HTML is all I need. Photoshop I use only to create icons, presentation images and only for this. It’s a long time since I don’t use it for design.

Using LESS to pre-process the CSS you can define varibles and then manipulate them in your code. For example to illustrate your need I can do something like this;
@base_color: #E74C3C;

a{
    color: @base_color;
}
div{
    color: darken(@base_color, 15%);
}
span{
    color: desaturate(@base_color, 10%);
}
Output:
a {
  color: #e74c3c;
}
div {
  color: #bf2718;
}
span {
  color: #dc5547;
}
So, I need to change only the variable value and everything else will be processed automatically. :)
31 posts
  • Sells items exclusively on Envato Market
CookTorr says

Hey, thanks for the tips. I haven’t really used LESS so far. Maybe it’s time for me to learn something new

165 posts
  • Located in Kosovo
  • Has sold $100+ on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 3 years
salihveseli says

Actually there’s a plugin, still in Beta version. First you should create swatches and this plugin allows you to connect element with that swatch color, you can connect lots of elements within the PSD file and later, in order to change the color all what you have to do it’s to change that color in swatches.

Right now can’t find it, it must be somewhere in my tweets. I’ll let you know when I find it.

1204 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 50+ items on Envato Market
+5 more
Smartik says

@salihveseli, uhh almost forgot about it. I think this is: http://csshat.com/

Haven’t tried it, but I don’t think that exists a software that can write better code than an human. :)

380 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
pixelgrade says

There is an extension called PRISMA (still in beta) that seems to do the job pretty well for me: http://www.codeadventure.com/

-George

by
by
by
by
by
by