Solved

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

Posted on 2011-02-19
12
544 Views
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
0
Comment
Question by:aprillougheed
  • 4
  • 4
  • 3
12 Comments
 
LVL 13

Expert Comment

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

Expert Comment

by:George K.
Comment Utility
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?
0
 
LVL 13

Expert Comment

by:George K.
Comment Utility
In the white background there is only
STE
IND
visible.
Iis this how youy realy want it?

Because on the black background there seems some more text like (need deleteion?)
STEN..
INDU..
0
 

Author Comment

by:aprillougheed
Comment Utility
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.
0
 
LVL 13

Assisted Solution

by:George K.
George K. earned 250 total points
Comment Utility

Reverse
Check this link: http://www.tek-tips.com/viewthread.cfm?qid=1225616&page=7


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.






0
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
LVL 23

Accepted Solution

by:
jeremyjared74 earned 250 total points
Comment Utility
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
0
 
LVL 23

Expert Comment

by:jeremyjared74
Comment Utility

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

Author Comment

by:aprillougheed
Comment Utility
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.

0
 

Author Closing Comment

by:aprillougheed
Comment Utility
Wish I could have awarded 500 points to both solutions.
0
 
LVL 23

Expert Comment

by:jeremyjared74
Comment Utility
It's OK, I don't do this for the points. I'm glad I could help.
0
 
LVL 23

Expert Comment

by:jeremyjared74
Comment Utility
It's OK, I don't do this for the points. I'm glad I could help.
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

I. Introduction In a previous article (http://www.experts-exchange.com/Web_Development/Document_Imaging/A_6537-PaperPort-Upgrade-How-to-download-and-install-updated-versions-of-PaperPort-11-and-12.html) (now deprecated), I discussed how to upgrad…
In a previous article published here at Experts Exchange, Signature Image with Transparent Background (http://www.experts-exchange.com/Web_Development/Document_Imaging/A_12380-Signature-Image-with-Transparent-Background.html), I explained how to cre…
The goal of the tutorial is to teach the user how to make his/her own presets while editing so it is easier to edit there photos. Create a preset you like and copy that setting then save it in to your presets folder.
Make a selection using the pen tool to trace the selection. Then alter the color of the selection by using the color balance option in Adobe Photoshop.

763 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now