Changing the base color of a raster image with a gradient.

Hi,
I have a small (8 pixel wide x 75 pixel high) raster (png) image that is I nice looking arangement or gradient of shades of green. I have a sample website I created when reading DreamWeaver CC Classroom in a Book that repeats this image horizontally to create the backgroung for a navigation menu.
I would like to "recreate" this same effect for my own website but in shades of gray instead of shades of green. Can anyone tell me what is the best way / tool in either Photoshop or Illustrator that would allow me to change this raster image so that each shade of green would be converted to a corresponding shade of gray, while preserving the same general effect / appearance that I am trying to re-create? If you could point me towards a tutorial or explanation of how to do this, I'd really appreciate it.
Thanks in advance,
Paul

One of the easiest ways is to just convert your color image to grayscale.
Image>Adjustments>Desaturate or shift-ctrl-u (windows) shift-cmd-u (mac)
Image>Adjustments>Black and white This filter will allow you to preview while to change individual colors if needed to darken or brighten that shade. (This would be more noticeable with a multi color image)
Image>Adjustments>Hue and Saturation or ctrl-u(windows) cmd-u(mac) This command will allow you to desaturate a color or alter its hue and or brightness. (This works good for changing the green to blue for example but will work for desaturating the green as well)
Most of those are called destructive commands as they are permanent.
Layer>New Adjustment Layer>Hue/Saturation
Layer>New Adjustment Layer>Black and White
Layer>New Adjustment Layer>Gradient Map
These are all non-destructive layers in that you can go back any time and alter these setting assuming you save in a format that supports layers. Like psd or tiff.

Similar Messages

How do I change the base color in the recolor Artwork settings?

How do I change the base color in the recolor Artwork settings? I know this seems like a silly thing but I really need to figure this out and I have read and gone through the manual and the help forum to no avail. Please help.

If I have understood you correctly, you want to exclude a certain color from getting affected. You can click on a color row and it becomes highlighted with a border around it - in your artwork, let's say you want the orange color not to get affected. Right-click on it and choose 'Exclude Colors'. When you do that, you will see that the orange color moves to the bottom of the list and there is no arrow in front of it. Like this:

Changing the background color when opening an image?

I just installed Firefox on my new Windows laptop, and when I open an image in a new tab the background around the image is a dark gray. On my old computer the background is white, which I much prefer. How do I change this setting?

It is a new feature in Firefox 11+ versions to display a single image centered with an almost black background.
It is added by this stylesheet:
* resource://gre/res/TopLevelImageDocument.css
You can look at this extension to set your preferred background color and remove the centering.
* Old Default Image Style: https://addons.mozilla.org/firefox/addon/old-default-image-style/
See also these forum threads for other solutions (e.g. userContent.css):
*[[/questions/923127]]
*[[/questions/923431]]

How do i change the text color in ichat?

How do i change the text color in ichat?

Hi,
In One Chat by word or letter go to the Format Menu as you type (Highlight and change like you would in any other App)
On a more permanent basis the Font, it's colour and the IM background colour are set in iChat Menu > Preferences > Messages
10:12 PM Wednesday; November 23, 2011
Please, if posting Logs, do not post any Log info after the line "Binary Images for iChat"
 iMac 2.5Ghz 5i 2011 (Lion 10.7.2)
 G4/1GhzDual MDD (Leopard 10.5.8)
 MacBookPro 2Gb (Snow Leopard 10.6.8)
 Mac OS X (10.6.8),
"Limit the Logs to the Bits above Binary Images."  No, Seriously

I have trouble reading in Black and White. changing the background color for all

I have trouble reading in Black and White. On my PC I can change the background color (and I am not just talking about for a word or pages document) but for eveything so anything that was a white background I can put in what ever color I like but it still prints in Black and white.. I can't see how to do this on the Macbook air. on my PC I do this in display. Sort of putting colored film over the screen I dont know what to do. Can anyone help?

Hello Floridamacbookpro,
You may be interested in the 'invert colors' Accessibility feature. This can be invoked by pressing the Control, Option, Command, and 8 keys on your keyboard. This only affects your display, and does not have any affect on printed items.
Mac OS X displays inverted image colors (white on black, reverse type)
http://support.apple.com/kb/HT3488
Cheers,
Allen

How can I change the background color in the inbox?

The background color in my inbox (well, all mailboxes) is white. A yellow background would make the existing black text a lot easier to read. How can I change the background color in the inbox?

Themes work in Thunderbird - duggabe was not refering to Firefox.
Another useful addon is theme and font changer:
* https://addons.mozilla.org/fr/thunderbird/addon/theme-font-size-changer/
However, Thunderbird allows you to modify all sorts of things.
Make hidden files and folders visible:
* http://kb.mozillazine.org/Show_hidden_files_and_folders
Help > Troubleshooting Information
Click on 'show Folder' button
a window opens shwoing profile folder name
Close Thunderbird now - this is important
In the profile name folder, Create a new folder called '''chrome''' - note the spelling
It should be in the same place as the 'Mail' folder.
see first image below.
Open Notepad
Can be located : Start > Programs > accessories
Copy everything shown between the lines below.
Paste into Notepad.
Save as '''userChrome.css''' - note the spelling (edit updated - this was a typo error)
This should be saved in the '''chrome''' folder.
see second image below.
Restart Thunderbird.
I have chosen a yellow for you
<pre>
#f6f58c = a yellow....it is a hex code for a colour.
</pre>
You can change it if required. Remember when updating anything in the profile folders, you must close Thunderbird first.
More info on colours.
* http://www.yourhtmlsource.com/stylesheets/namedcolours.html
<pre>
* Do not remove the @namespace line -- it's required for correct functioning
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*Background colour for message list*/
#threadTree > treechildren::-moz-tree-row {
background-color: #f6f58c !important;
</pre>
-------------------------------------------

Can i change the background color of a file from white?

i want to change file backgrounds from bright white, to a more soothing color.

Each program is different and do not always have controls to change the background colors.
For jpg files view this:
https://www.youtube.com/watch?v=u5-WmuLFHys
or this for jpeg
http://www.wikihow.com/Change-an-Image-Background-in-MS-Paint-(Green-Screen)
or this for pdf
http://sodapdf.com/blog/sodapdf-tutorials/how-to-edit-a-pdf-file/pages/how-to-add-or-replace-a-backg...
or of a folder
http://www.sevenforums.com/customization/336693-how-change-background-color-folders-windows-7-a.html
Anything else, I can't help you.
Please mark my post as SOLVED if it has resolved your problem. It helps others with similar situations.

How do I change the background color of the pages?

I have been having trouble finding how to change the background color of the pages. I would prefer a black background.
thanks

Do you know how to edit the template? If not simply choose a rectangle shape, change colour to Black and using ARRANGE, send to back and bring forward till it replaces whatever is there.
The best way is to pull down the book slide to reveal the Layout - which shows you the chapters and section etc which make up a template. You have to use the same procedure on ever page from the template you intend to use.
In the Template Layout, select your page. Click on whatever your background colour is...IF its unlocked you see the square pull handles in corners - now simply select Black and it should change the colour - if not and its unlocked, it may be a black image, in which case delete it, Insert a new rectangle, pull to fit the page and change colour to black. It should now be hiding the other content, ARRANGE > Send to Back and it should sit behind all your content. Now go back to arrange and LOCK.
You should see a red marker on the left with whatever page you are editing "Save Changes" click it and its done... repeat on all other pages.

How do I change the font color for numbering in a matching question slide?

I have a grey image on a question slide, but the numbering for the answers in a matching question is defaulting to grey so learners can't see to match up. How can I change the font color of these choices? Thanks.

You probably edited the master slide without changing the theme colors? Check the Object Style for Answers in the Object Style Manager. The numbering takes the same color as the answer text.
All depends on the Theme colors palette that you are using. Normally Question answers use the darkest tint of the fourth color. I started blogging about color management, but description of the use of Theme colors will be published later.
Colorful 2015 with Adobe Captivate - Captivate blog

How Do I Change the Background Color in Keynote?

Hello! I am trying to change the background color in Keynote, I can see where I should be able to do this, however my computer does not let me. If I change the template (in the Fun template from the standard to the horizontal picture) it will let me change it only in the box rather than the entire template. I really want to keep the style, just not the orange color. Thanks!

Ruth, the background in Fun is an image, not just a colour. For the templates without photo cutouts, you will need to select the template, go into the Inspector, choose Slide, select the Appearance tab, and then in the background section you can change the image. If you just want to change the colour, you can choose Tinted Image Fill in the dropdown menu, then click the colour box to control the tint.
Unfortunately, changing the Photo template is much more difficult, since the "background" image is actually a cutout placed on the slide above the actual background. As far as I know, changing this image will require access to fairly sophisticated graphics programs, such as Photoshop. However, if you are using Keynote 3, an alternative would be to create an image mask that is similar in shape to the cutout, as this would produce the same effect (cutouts are not nearly as vital now that images can be masked to a shape).
PowerMac G5 Mac OS X (10.4.4)

How do i change the background color from black to blue on architectural drawing?

I inverted the background color from white to black, and the black lines from black to white using the Invert tool under Adjustments. But now I want to change the black color to blue to give it a more vintage "blueprint" look. I'm using CS4.

There are often many ways to do things, and c.pfaffenbichler's suggestion above is good.
However, as I'm very fond of Curves, I'd use Image - Adjust - Curves (or Layer - New Adjustment Layer - Curves) myself, and pull the black point of the blue curve up.
-Noel

Change the background color for HToggleButton as State changed

Hi , I want to change the background color of HToggleButton or HGraphicButton as its state changed as normal to focus and then focus to normal and same with actioned state .It is possible to change the image with different states but how can I do the same thing to change background color .I'll appreciate any help regarding this with thanks in adv.

Satya,
i_x denotes first column and not characctersitic 1.
Also I am not sure if the check is to be for IS_SUM.
Use Get_Cell_info class instance and then use the data returned by the same for checking IS_SUM and then change the cellstyle.
Another thing to look out for is , the required change might be needed on DATA_CELL and notcharacteristic_cell.
Arun
Assigning points is a way of saying thank you on SDN

Change the background color in a report cell - td bgcolor

Hi.
I have a report in which I would like to change the background color of a table cell based on some values in the underlying query
If Column A > Column B and Column C > 10, I want to color the background green. In my cgi , this was easy, but in apex, even if I write the query to output html, won't everything already be wrapped in the <td></td> tags? Is there any way around this?
Thanks

Mike ,
With the above solution you can conditionally fill the report cell with a particular color and not the entire row set. If you want to highlight entire row, you have to do something different. Take a look at this jQuery function
Step 1 . Download jquery http://code.jquery.com/jquery-1.4.2.min.js
Step 2. Upload it to apex image folder using shared component.
Step 3. In the page header put the following code
<script src="#WORKSPACE_IMAGES#jquery-1.4.js" type="text/javascript" ></script>
<script type="text/javascript">
$(document).ready(function(){
     if ($('.apexir_WORKSHEET_DATA').length > 0) {
          function HighLightRows(){
                                   $("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GRAY)").siblings().addClass('greentd');
                                   $("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GRAY)").addClass('greentd');
                                   $("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GREEN)").siblings().addClass('graytd');
                                   $("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GREEN)").addClass('graytd');
     // This time out is required since after the report is refreshed via AJAX,
                              setTimeout(function(){HighLightRows();},1000);
     }//if
HighLightRows();
</script>
<style type="text/css">
.apexir_WORKSHEET_DATA td.greentd
background-color: green !important;
.apexir_WORKSHEET_DATA td.graytd
background-color: gray !important;
</style>
Step 4. Change the SQL Query to
SELECT
     SALE_DATE
     ,PRODUCT_NAME
     ,PRODUCT_ID
     , CASE WHEN SALE_DATE > ADD_MONTHS(SYSDATE,-2) THEN
                 '<COLOR_GREEN>&nbsp;</COLOR_GREEN>'
          ELSE
                  '<COLOR_GRAY>&nbsp;</COLOR_GRAY>'
     PRODUCT_NAME_COLOR
FROM SALES;
Step 5. Make this new column PRODUCT_NAME_COLOR visible and in the column heading u can just put &nbsp;.
As long as this column will be available for display you will see the conditional highlighting.Thanks,
Manish

Changing the Theme color?

Is it possible to use an existing theme and change the colors? For example, I wanted to use the "Fun" theme for a Christmas presentation and wanted to change the orange color layout to a red or green. Is this possible or do I have to create my own or download a different one?

Hiya!
I just finished something, but it is only goiing to be available until January 1st.
It is a theme developed based on the Fun Theme included with Keynote, but with a slight twist. It is super-modifiable. That means you can change the color of the backgrounds and frames for the photos all within Keynote.
Pretty cool, huh?
This is done using a greyscale image of the original Fun Theme background, inside a big old square rectangle, set with a tinted image fill. Set your color to 50% and you should be good to go.
The other thing which is different is that all the photo frames are shapes, so you will be selecting them and using the image fill on them as well, setting them with your chosen image. It should work, but have fun with it anyways.
(yes, I know. some of the shapes don't close properly. I was in a hurry. turkey leftovers are waiting, after all)
The nicest part of all this is that these items will all work in Pages as well. You can copy/paste your framed photos into that program as well.
Cool, huh?
This file will only be avilable until January 1st, after which I shall hide all evidence it ever existed, just in case the nice people at Apple get cranky. But for now? Enjoy.
go get it.

Change the tab color

Hi,
i'm unable to change the tab color of panelTabbed item, i've tried the following in a css sheet:
af|panelTabbed::tab:selected {
font-style:italic;
background-image: url("../Images/section_label_body.jpg");
border-bottom-color: red;
border-color: Fuchsia ;
border-top-color: Green;
outline-color: Yellow;
color: Aqua;
font style and background image seems to work (which tells me that i have the right skin selector) but non of the rest is changing the color of the tab.
does anyone knows how to do that???????
Note that when i say tab i mean the tabs header, where you click on it and it opens the tab body.
Thanks,
Alain.

Hi,
best tip I can give is:
Disable content compression for the generated HTML output of the ADF Faces page. This will change the style class names from being obfuscated, which we use to reduce the download size of pages. Astyle class that shows as .x3s at runtime might show as af_inputText_content after this. The af_inputText_content then is waht you need to discover and translate into a valid skin selector.
<context-param>
<param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
<param-value>true</param-value>
</context-param>
Run the ADF Faces application you want to discover the skin selector for in FF with Firebug and the WebDeveloper plugin installed.
Select the tab and look at the skin selectors displayed as the style class properties. If you find someting like af_panelTabbed_tab then this translates to af|panelTabbed::tab. If you see something like .p_selected then this means its a pseudo class that needs to be appended to the selector like af|panelTabbed::tab:selected.
Use Firebug in inspect mode and select the tab. This shows you all the selectors as style classes in the generated HTML output. Open the Web Developer plugin to edit CSS on the page. Then add the style class selector you found, e.g. .af_panelTabbed_tab (note the leading dot ".") or with a curly brace
.af_panelTabbed_tab{ ... }
Within the cury braces, type the CSS you want to set and see how it behaves. You may have to play a bit to exactly find the style class and css you want, but assuming that the follwing works
.af_panelTabbed_tab .p_selected{background-color:red}
then this translates to teh following skin selection to be copied to the CSS skin file
af|panelTabbed::tab:selected{background-color:red}
Note that this backward translation from style class to skin selector needs some patience. However, experience proves to be the best when cooking and so it does for skinning.
Hope this helps
Frank

Changing the base color of a raster image with a gradient.

Similar Messages

Maybe you are looking for