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.

365 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 500+ 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? ^^

1284 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?

1284 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

187 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.

1284 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. :)

384 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,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

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by