How to make these logos the same shade of grey?

KN
Posted By
Kyrre_Nyg
May 2, 2008
Views
1917
Replies
7
Status
Closed
Hello!

I have a bunch of different logos here.

How do I dim them all down to the same shade of grey? E.g. turn everything except white into #CCCCCC.

It sounds so easy but it’s not!

Thanks,
Kyrre

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

P
Phosphor
May 2, 2008
My question is why would you want to do that?

Converting them to greyscale…that part I understand.

But why do you want them to be all the same grey value?

They are clearly different, and IMHO, should remain distinct from each other, even if they’re monochromatic.

Please explain what you’re wanting to do with them, and your reasoning behind your request. Then maybe it’ll become clear to the rest of us here. Personally, I’m not comfortable being a party to bad basic design decisions.

Thanks!

And yes, it is easy, by the way.
KN
Kyrre_Nyg
May 2, 2008
I understand your concern.

Basically I want scaled-down, dimmed-down versions of these logos in my website’s footer, to make it less boring, and to show my affiliation with these brands.

I’ve tried keeping the original colors, but I feel it gets too intense. I’ve noticed the tops of websites are always heavy and their bottoms always light. Kind of like in architecture, where the bottoms of skyscrapers are always heavy and their tops are always light.

I’ve seen many other well-designed websites do this, especially design-related ones.

I’ll do my best to make good designs though, I promise!

Kyrre
P
Phosphor
May 2, 2008
Get rid of the white first. In this case I did it by making Background a layer, Ctrl-clicking on the Blue channel and hitting Delete. Deselect, then click the transparency icon and fill with CCCCC.

Some of them may require additional selections to get more uniform gray.

For the second one I went to grayscale, then did a Levels adjustment and back to RGB.
KN
Kyrre_Nyg
May 2, 2008
Thanks a lot man! 🙂

There is one problem though — somehow turns on opacity for the the parts of the logo that was previously coloured, why is this?
KN
Kyrre_Nyg
May 2, 2008
Cool, but yeah I don’t think I want to mess around with levels. I never manage to get it right anyway, plus it’d make it hard to keep the gray shades consistent.
DM
Don_McCahill
May 2, 2008
I concur with Phos here. You should maintain the differences. In akademiks, for instance, the designer put the aka in color to make it different from the rest. Eliminating that difference changes the design. You might as well change the font.

My solution would be to play with the transparency option. You can dim the character down considerably, and the color will also remain, although muted.
KN
Kyrre_Nyg
May 2, 2008
Yeah, actually now that I think of it, I might as well leave the colors alone, and just dim everything altogether, and restore them to their original when hovering ones mouse of them. That way I’ll stay out of legal trouble as well.

The beauty of CSS:

#footer a img { filter: alpha(opacity=33); -moz-opacity: .33; opacity: .33; } #footer a:hover img { filter: alpha(opacity=100); -moz-opacity: .999999; opacity: .999999; }

Thanks a lot guys!

Kyrre

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections