Tag Info

Hot answers tagged

26

One method is to use the original image/layer as its own layer mask. You'd create a duplicate of the layer, desaturate and invert it, pasting the greyscale result into the original layers layermask. Update: Here are some step by step instructions: Start with your flattened image: Add a Saturation/Hue adjustment layer and turn down the Saturation until ...


18

GIMP's Color to Alpha tool is very handy if you know how to use it, and this task seems particularly well suited for it: Open the image in GIMP, and change it to RGB color mode if necessary. Select Layer → Transparency → Color to Alpha... Select black (#000000) as the color to make transparent. Click "OK". Save the resulting image in PNG format: ...


18

I created a similar effect with the Gaussian Blur tool in Photoshop set to a 60 px radius. Of course, you can do this with any photo where you like the color shifts, your sample reminded me of a beach, so I found a beach photo on Wikimedia. Another way you can do it is by creating the shapes you want and then applying a Gaussian blur to them:


15

This probably doesn't answer your question. Some possible alternatives... Have you considered CSS instead: background: linear-gradient(45deg, #3d667c, #1d283e); Or perhaps you could use the SVG base64 technique (generator tool here): <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" ...


13

create your image. For example, let's say it's 200px square go to FILTERS > OTHER > OFFSET and type in x and y numbers that are half your image size (in this case 100px) this will shift your image over that many pixels and put the pixels that were moved off the canvas on to the other side. You now will see a seam running down the middle of your image where ...


13

You can use blending to add transparency: Ensure that the Background layer has been unlocked, and set to 0% opacity (transparent). Right click the layer you want to add transparency to, pick the "Blending Options..." Locate the scale under the "This layer:" that is under the "Blend if" box Press and hold the alt key while dragging on the white knob, the ...


11

This background looks like it was created with the Lens Blur filter in Photoshop, with a high radius and with specular highlights set to 0. Shape Blur could also get this effect, using an elliptical solid shape. It doesn't look like in-camera blur, and it certainly isn't gaussian blur. The hand with phone and the face of the phone are separate images ...


11

There are many techniques to do this. One very simple one that I often use in practice is to use many colors on a similar palette and just generally paint them using the brush tool all over the place. It looks incredibly bad at first, until you apply the Filter→Blur→Gaussian Blur to taste. The end results is a very simple, diffused, gradient-like, ...


10

If this is for web, I typically use Jonathan Snook's Color Contrast Checker. The safe ratio is about 7.5 Roger Johansson has a nice blog post about varies contrast checking tool, check it out.


10

It depends on the format of the source image and a few other factors. In Photoshop, color inversion is via Image -> Adjustments -> Invert (Ctrl + I). In GIMP, color inversion is via Image -> Colors -> Invert. In MSPAINT, color inversion is via Ctrl + Shift + I.


8

There's no automated way to set a color as transparent. However, try Select > Color Range and choose "Yellows" from the drop down menu. Then create a layer mask based on that selection. You get some decent results. It's not perfect. But it's then a matter of adjusting levels on the mask a bit and correcting for the color halos, just general refining. ...


7

The way transparency works with 8-bit gifs/pngs is that a pixel is either fully transparent or fully opaque. On the corners of a circle where the circle blends transparently to the background, there are usually pixels that are semi-transparent to smoothen the transition. This smooth transition can not fully be reproduced with 8-bit gifs/pngs. One way of ...


7

If it were me, I'd find a photo of gravel that was similar to the background of that image. Then extract the turtles from the original image and place them on the other (larger) background image, recreating shadows as necessary. Extracting the turtles and using a separate background image will provide much better results than trying to extend that limited ...


7

Open image in Photoshop Go to Filters > Other > Offset Adjust vertical offset so that the image seam is in the middle of the image Use the liquify tool to seamlessly connect the ribbons together Fail miserably Consider trimming all excess whitespace, and use background-size: contain instead More info on the background-size property


6

Both header and body part having gradient and inner shadow with some amount of noise. Play with sliders and you'll get the same result. I tried a bit just to show you; change values according to your needs...


6

Greenfish Icon Editor Pro has this functionality out of the box. It is a function called "Remove Matte", where you just specify the color component you want to be replaced with transparency. In your case red. Here is the result of removing the red:


6

I'm going to ignore the actual picture in your question, and just answer the question implied in the title: How to create a PNG image the looks different on a black background than on a white one? Specifically, the method I'll describe will allow you to combine any two grayscale images A and B into one PNG file C, so that C looks like A on a black ...


6

I think the question is really one of your particular site and the client's need for the visual effect of a gradient. I think the current trend is (using HSV as a visual construct) to pick just one hue, and use saturation or value to shift it across the spectrum. In most cases, the scale of the gradient is also pretty large; small enough for you to see it ...


6

This is called defringing, and Photoshop has a Defringe tool right under Layer > Matting. However, you might not even need that tool in most cases if you're using the Quick Select with Refine Edge in CS5, or the Extract filter in earlier versions.


6

The quickest way. (right-click >> view image to see it larger) Alternatively, here are the steps: Image >> Adjustments >> Selective color Colors: Blacks Slide Black: slider all the way to the left. If you don't want the numbers to turn white (or anything else for that matter), make sure you do NOT select them (by selecting everything ...


6

I assume you mean something along the lines of this: Where the background is solid, and the text appears to be an image. This is fairly simple to set up. Place the color layer at the bottom of the layer stack, then the text layer, then the image you want to use as the top layer. Hold down the Option/Alt key and click the line between the image layer ...


6

How to make something stand out? Contrast. Easiest way is to use dark vs. bright or opposing colors like red and green. The issue you are having is that your caracter also blends with the tiles, while the background is rich in color. Which makes us look at the background first. Basically, look at any similar game, you will see that background and foreground ...


6

This is what I quickly cooked up: To accomplish this: Type your text in a bold font type. color black Set the Fill to 20% (important, set fill to 20%... not opacity) Now it shines through. If you want to give it an offset, do this: Double click on your text layer in the layer box. Set the Drop Shadow to white, blending mode to normal, opacity 50%, ...


6

Is this possible? It surely is somehow (you would need a tool that can take red as the reference colour, and then translates all deviations from red against a transparent background) but I think you're far better and easier off simply recreating the shadows using the tool of your choice, e.g. Photoshop.


6

It'll take some tweaking to get the result you want, but you can achieve something similar using the Crosshatch filter: Step 1: Start a new document with a layer filled the color of your choice Step 2: Create a new layer, fill it with black, add noise with Filter -> Noise -> Add Noise... Step 3: Add a Cross Hatch filter to the noise: Filter -> Brush ...


6

The classic internet answer, at least for static images (and I imagine it would work for video as well), is "White text with black outline can be read on any color."


6

I am not sure you will be able to talk about "highlighting" of information, as it doesn't really define anything by itself. What is a highlighted element? Maybe something that needs to be made clear in comparison to other information. The argument could get too vague. How about you go for readability instead? In the first case, your argument should have to ...


5

Create a new document Select the Ellipse tool (U) Hold shift, and click+drag out your circle Select the Move Tool (V) Alt+shift drag the circle layer. This will duplicate the layer, and keep it aligned while you drag it. Repeat step 5 as many times as you'd like. Select the Crop Tool (C) Select the bottom half (or upper half) of the circles, and press the ...



Only top voted, non community-wiki answers of a minimum length are eligible