Help with gradients.  Is there an EE site for help with graphics?

Posted on 2011-02-19
Last Modified: 2012-05-11
I'm stuck on a logo problem.  I made a logo I love - but it's on a white background.  When I try to make a version on a black background - I'm screwed.  I'm not a graphic designer and I can't figure out what I'm doing wrong.

I bet a graphics expert could tell me why my logo looks awful on black background.  I'm sure it's because I don't understand perspective of something.

Can an expert here help me?  Or is there another site like EE for these aesthetic type questions?

I've attached a picture to show my dilemma.

The company is in the wire and cable business.  The actual background of the web site will be GREY.  

thanks. logo example
Question by:aprillougheed
  • 4
  • 4
  • 3
LVL 13

Expert Comment

by:George K.
ID: 34934476
It seems that the software you use to achieve this is reversing colors not just changing the background to black.
LVL 13

Expert Comment

by:George K.
ID: 34934486
Normally you have to define the colos used when "reversing".

I 'd also add some white shadow at least for the outer circle in a black background
What software are you  using?
LVL 13

Expert Comment

by:George K.
ID: 34934494
In the white background there is only
Iis this how youy realy want it?

Because on the black background there seems some more text like (need deleteion?)
Back Up Your Microsoft Windows Server®

Back up all your Microsoft Windows Server – on-premises, in remote locations, in private and hybrid clouds. Your entire Windows Server will be backed up in one easy step with patented, block-level disk imaging. We achieve RTOs (recovery time objectives) as low as 15 seconds.


Author Comment

ID: 34934603
Hi.  Sorry I confused us ... I cut off the words because I'm only concerned with the graphic.  Guess I should have left off words completely.

I made the graphic part of the logo in Adobe Illustrator CS5.  Then I exported the file to Adobe Photoshop CS5 to make the graphic for the web.

I have trouble with Adobe Illustrator - but it does seem to work best for logo vectors.  Also when I exported - I lost the "paths".

I've "self-taught" myself so maybe I do things the wrong way.  :)  Seems I'm constantly fighting Illustrator CMYK to RGB.  I work with a lot of dark red colors for my clients and CMYK always looks better.  I've spent months fiddling with red logo gradients.  

Anyway.  Sounds like you know a lot about graphics.  I've never heard of "reversing" before.  Hope you can tell me more.

Finally, I'm not sure I have the best red gradients on the white background example.  I just played around for two or three hours until I saw something that "hit me".  I do not know what I'm doing.  I just know when I get something that makes me "feel" good.  It is very time consuming.

I'm always amazed at how talented some people are with graphics.  :)

I sure appreciate your help.  thanks.
LVL 13

Assisted Solution

by:George K.
George K. earned 250 total points
ID: 34934736

Check this link:

From Adobe Photoshop help:
Inverse colors
If the text is on a transparent background, then go to Edit > Fill...

For the contents, use White, and check the Preserve Transparency box at the bottom. Click ok, and that should do it!

Invert colors
The Invert adjustment inverts the colors in an image. You can use Invert as part of the process of making an edge mask to apply sharpening and other adjustments to selected areas of an image.

Note: Because color print film contains an orange mask in its base, the Invert adjustment cannot make accurate positive images from scanned color negatives. Be sure to use the proper settings for color negatives when scanning film.
When you invert an image, the brightness value of each pixel in the channels is converted to the inverse value on the 256-step color-values scale. For example, a pixel in a positive image with a value of 255 is changed to 0, and a pixel with a value of 5 is changed to 250.

Do one of the following:

Click the Invert icon  in the Adjustments panel.
Choose Layer > New Adjustment Layer > Invert. Click OK in the New Layer dialog box.
Note: You can also choose Image > Adjustments > Invert. But keep in mind that this method makes direct adjustments to the image layer and discards image information.

LVL 23

Accepted Solution

jeremyjared74 earned 250 total points
ID: 34936700
You can try adjusting the black like in my example. I remade your logo. I know it isn't exact, but I thought it was close enough to show you.

I am sending the PDF of the file also. If you want you can open it in Adobe Illustrator by right clicking and choosing open with Adobe Illustrator. It will have full edit capabilities.

A tip so you don't loose your paths. Open Illustrator and go to Edit>Preferences and familiarize yourself with the settings. Somewhere in there there is an option to save as a copy when saving to other versions. If not, when you save as (PDF, JPG, PNG, etc...) it will be that format if you leave it open and edit it again. Then when you save it, it has no paths.

I never save for web using Illustrator. I always open my .ai files in Photoshop for saving to web.

I hope that helps. Example Sameple.pdf
LVL 23

Expert Comment

ID: 34942217

Did you catch the line in her question where she said that the actual background will be gray?

Open in new window

No I didn't.

I wasn't sending the file for use. I sent it as an example of how to set it up so it is easier to edit the colors. Thanks for pointing that out though. I tried to do a screencast, but I gave up after doing it 2 times and it failed 2 times.

Author Comment

ID: 34966146
I am so sorry about my slow response.  Came down with a bit of the flu.

I'm really torn about how to award points as so many worked so hard.

I will divide up the points as fairly as possible.

You all did a fantastic job.


Author Closing Comment

ID: 34966154
Wish I could have awarded 500 points to both solutions.
LVL 23

Expert Comment

ID: 34966981
It's OK, I don't do this for the points. I'm glad I could help.
LVL 23

Expert Comment

ID: 34966983
It's OK, I don't do this for the points. I'm glad I could help.

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Export PDF for printing from InDesign 4 56
Neat Receipts NM-1000 Portable Scanner 11 178
AutoCad licenses 9 73
Can I download a movie that I can watch on the web? 2 25
Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
Use email signature images to promote corporate certifications and industry awards.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
I designed this idea while studying technology in the classroom.  This is a semester long project.  Students are asked to take photographs on a specific topic which they find meaningful, it can be a place or situation such as travel or homelessness.…

832 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question