Tag Info

Hot answers tagged

17

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:


16

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


14

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


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


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


8

You can use blending to add transparency: 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 further you drag it to the left the more transparency is added based on the whiteness of ...


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


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

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

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

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


5

Duplicate the layer and desaturate (image> adjustments > hue/saturation) it until the red becomes really dark grey and the detail of the gradients shadow is still visible. Then goto image > adjustments > levels and you should see to big spikes. The left one is the darker colour that was the red. Drag the sliders below the be around the right spike and you ...


5

In short, it's easy on the eyes; 'Simply put, contrast is the difference between two colors. On a web page, the amount of contrast required varies with different parts of the page. You usually want a high contrast between text and its background color. But too high contrast between design elements might give an unsettled and messy impression. Black and ...


5

In order to address your own situation the first question might be what you hope to achieve with the landing page. Is it to showcase and highlight the aesthetic qualities of a product, is it to give a insight into the quality of one's work, perhaps to simply catch the viewer's attention long enough to engage them? A purpose allows you to develop a clear ...


5

Like @Ilan said, you seem to have tutorial right there on how to get rid of the background, however here's another way of doing it and a way to get rid of the white part. Since it's a black and white image, you could: I'm assuming that this is one flat image you are working with. Fill a new layer with white Hold down Alt key and click the Layer mask ...


4

When making a background gradient, I usually stick to one hue and adjust only the brightness and maybe the saturation a little (the amount depends on the hue but I keep it subtle). Also I often use radial gradients instead of the classical linear one.



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