I have a white png image, which is a part of a n icon.
I would like to change it's colour to get a coloured icon.
I know it is possible with hue/saturation setting, but don't know how to achieve a specific colour output.
I am using Axialis Icon Workshop (I have Photoshop CS5 also). The colourize option along with Hue, Saturation and Brightness adjustments will assist getting any colour output. But I specifically want colour #3366CC.
Is there a solution to convert my white png image to #3366CC coloured image?
This can be easily achieved if you go to the layers panel in Photoshop and select your icon layer. If the icon has a transparent background then select the fx button from the bottom of the layers panel and select color overlay or go to the menu at the top of the Photoshop screen and select Layer > Layer Style > Color Overlay. From the options box select the color box and put in 3366cc instead of the ffffff you have.
This should give you a coloured icon as desired. If this doesn't work let me know and I'll try to help.
You can go to layer style and choose color overlay, but that wont give you the color as you exactly want it, you can go a step further and hold the control key and click on the shape or the image you want to change the color, the shape will be selected, make a new layer on top of the shape or image that you want to change the color then fill in the color with the color that you choose in the layer property and set the mode to overlay, reduce the opacity to 50%. done
Related
Hi guys I am new to photoshop I have spirit image here which has multiple images in same images for example I have cart image here alongside of phone call image. I just want to change the color of cart to red.. I have photoshop and went through tutorials but hue/saturation doesn't help enter image description here
can someone help me or provide me steps how to change color.
Your screenshot seems to show that your sprite image is a transparent PNG, so you can click the Lock Transparent Pixels button on the Layers panel on the right. Then you can pick the color red you want in the Color Picker and use the Brush tool to paint only the cart.
You can select just one image, or a specific part of a larger image, by using the 'magic wand' tool.
Click this icon, or the icon most similar to it in Photoshop:
Magic Wand Tool
Then select your shopping cart by clicking on a portion of it which is colored, then you'll be able to change the color with the paint bucket tool, or by using the menu at the top of the screen.
You'd click 'Edit' then 'Fill' to fill your selection with the color chosen in your color picker currently.
For changing a color you have to go to right footer and there you'll see fx (Add a layer style) -> Color Overlay.
From there you can change the color of your cart
For reference I am attaching the images.
Fx Menu
Color Overlay
Our designer gave me a color value:
RGB 217,114,62
In mac image preview I open the color selector, switch to rgb and put in the rgb values. But the color preview seems to be too dark. So I take the color picker and select the color in the preview window. And instead of the same values, it shows RGB 206,93,48. First I thought some sort of color profile would change the colors. But reapeating the procedure with this darker color does not result in a third value. It stays 206,93,48. Then I guessed it might be the nearest web safe color that it switches to. But it's not in the list. What is going on here? Is 217,114,62 a magic value?
I decided to make a html page with a div and styled it to rgb 217,114,62.
All fine:
<body>
<div style="background: rgb(217,114,62);width:300px;height:300px;">RGB 217,114,62</div>
</body>
Now I made a screen shot and opened it in preview. Fine. I added a rectangle, selected it's color with the color picker. The correct color as you can see.
Then I just click the pointer into the HEX field. Automatically the rectangle darkens but the colour values stay the same. See:
When I now pick the darker color from the rectangle it is... You already guessed it... 206,93,48. WTF!?
I have the same problem in all my mac programs that use the color picker.
I have no clue what it can be. I tried changing the display color settings to whatever. Same result. OS-X 10.10.1.
You (and possibly your designer) need to familiarize yourself with color profiles. "RGB 217,114,62" does not adequately specify a color. You would need to know in which color profile that was expressed. For example, sRGB vs. Generic RGB.
When you use the eyedropper in the color picker to sample a color from the screen, you get the values in the device color profile. This will be different from a calibrated color profile like sRGB or generic.
The gear icon next to the pop-up menu showing "RGB" in your screenshots both shows you the color profile for the values shown by the sliders and text fields and lets you change the profile (thus converting the values).
I suspect that clicking in the hex field switches the color profile to sRGB because that's the color profile of web colors but, on the theory that you want to use the sliders and text fields to specify a color in that profile, it doesn't convert the current values. Instead, it reinterprets them in the new profile. For what it's worth, your last screenshot as shown on my screen and sampled with the eyedropper shows that the outer color is nearly 217,114,62 in the Generic RGB color profile while the inner color is nearly 217,114,62 in the sRGB color profile.
You need to check with your designer to find out what color profile they are expressing the colors in. If they aren't color-profile-savvy, they may have expressed them in their personal screen's device profile, which is basically useless. Also, if they are giving you image files to work from, those need to have an embedded color profile so that you can be sure they display (nearly) the same on your screen as they do on theirs. (You both should also calibrate your display's color profile using Display Calibrator or dedicated hardware. You can open Display Calibrator from System Preferences > Displays > Color > Calibrate.)
Once you've confirmed that, you need to switch the color picker to the desired color profile before entering values. Or sample from an image file with an embedded color profile as displayed by an app which properly handles that (Preview will do), and then convert to a specific color profile. If you were to create the color in code, you would use +[NSColor colorWithCalibratedRed:green:blue:alpha:] for values in the Generic RGB color space or +[NSColor colorWithSRGBRed:green:blue:alpha:] for values in the sRGB color space.
This is my blue color image ,like this i want red color ,how to change red color image to glowing effect.,I Want image with glowing effect,can anybody help me how to do it.
This is image url ,for this image i need some glowing effect (image in gif format),how can i do it.
This is my image.
Your help will be appreciated
What you are really needing to do is create an animated GIF. If you have Photoshop, you can do this via these methods:
Method 1 - use existing blue graphic
Open blue CS3ZS.gif image in Photoshop
In the Layers panel, add an Adjustment layer above all other layers (select top layer, then in Adjustments panel select Hue icon)
Change the Hue to +160 (or whatever you like)
File > Save for web > select GIF
Method 2 - add glow animation to your red graphic
Open red TDnmm.jpg image in Photoshop
Layers panel > right-click Background layer > Layer from background
Select black background on stage and delete it - this will give you a transparent background
Then create another layer with the new "glow" effect
In the Timeline window use the frame-base animation mode
Create one frame with the glow layer visible and one frame with it hidden and a third frame with the glow visible again
Now select the first two frames and from the animation options panel, select "tween frames" and use 3 frames. Do the same for frames 2 & 3.
Select animation duration as Forever
Save for Web as a GIF
I am trying to build a windows phone live tile. I want some text on the tile that is the accent colour. What this means is that I need to draw some text on the tile that is transparent. I don't seem to be able to write in the transparent colour.
I have a User Control which is 173 by 173 pixels which I save as a png file. I use this png as the image for the live tile. The transparent bits of the image come out in the current accent colour.
Any ideas how to write in the transparent colour in xaml?
This behaviour is to be expected. In your original question you are effectively saying "Write invisible text on top of the image", and that's what you're getting (imagine writing in invisible ink on a photograph). You effectively need to do one of two things.
1) Figure out which pixels are part of the text you're writing, and "remove" them from the image so the background colour shows through, or
2) Write text in the background colour ({StaticResource PhoneAccentBrush})
EDIT
You can probably achieve what you need using an Opacity Mask. Apologies for only providing that as a link as I haven't done this myself.
I'm trying to create a "corona" effect (like the sun's corona) in an image using GIMP, but I'm having trouble editing only the alpha channel of the image.
I want the RGB to be pure white (255, 255, 255) and the alpha layer to have a brush effect applied to it. I know how to use the brush, but no matter what combination of masks or layer visibility / channel visibility settings I try, it will never edit ONLY the alpha channel, leaving the rest undisturbed.
How can I edit only the alpha channel of an image in GIMP?
To edit the alpha channel, add a layer mask and apply the brush effect to the layer mask.
Under the Layers tab, right click the layer to edit and choose Add Layer Mask. A dialog box will ask you how you want the layer mask to be initialized. Presuming you'll start with a visible image and brush away the part you want transparent, the best choice is White (Full Opacity). Click Add.
Under the Layers tab, you should now see the white thumbnail of the layer mask, next to the thumbmail of the layer image. Click on the thumbnail to edit the layer mask. Choose your brush effect and the color black, and apply your brush effect.
If you switch to the Channels tab, you will see in real time how the alpha channel changes as you paint on the layer mask.
If you prefer to start with a transparent image and brush on the part you want visible, just start with a layer mask which is Black (Full Transparency) and apply your brush effect to the layer mask with the color white.
You can always switch back and forth between black and white paint to add or remove transparency on the layer mask.
When you want to return to editing the layer image instead of the layer mask, go back to the Layers tab and click on the thumbnail of the layer image.
Just a simple solution only if you want to change the transparency of the layer.
Choose eraser tool. There is an option to change the opacity of the eraser under tool options. Just adjust it to your requirement(say 75). Now apply the eraser.
Just another method I found using a buggy appimage (eraser and masks not usable):
If you open the channels and deactivate the RGB channels, you can make hard selections on the image and use the fill tool, editing the opacity for gray-values.
Just double click on the layer you want to change the transparency and change the opacity