Tag Info

Hot answers tagged

16

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

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


12

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

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

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


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

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

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

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

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

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

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

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

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

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


6

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


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

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

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

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


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

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

Create a Photoshop file the height and width (I'm assuming the current width and a height of around 700 to fit in a typical 1024 x 768 screen) Copy and paste the desired artwork into this file, select the selection tool (V), and move the pasted artwork to the top of the file. Here's the tricky part: if your artwork is tileable, all you'll have to do is copy ...


4

The easiest way is to invert the whole image with Ctrl-i. This will of course invert the whole image, along with the background. You can then shift the foreground colours back to a close (but not exact) match by inverting Hue (Image > Adjustments > Hue/Saturation > Hue: 180 degrees).


4

In your CSS do the following: body { margin:0; } Right now, you've got a browser default margin set (you didn't set it, so the browser did). Check out Eric Meyer's CSS Reset. Utilizing a reset stylesheet will help prevent stuff like this from happening, and will also give you better control browser to browser. http://meyerweb.com/eric/tools/css/reset/


4

Essentially that's called noise. Basically there is a base color and then there's noise added to that color layer. In photoshop you can do this with add noise filter. Filter > Noise > Add noise.. ( Just like 1% or so.. just a hint of noise. )


4

Try This... File > Document Set Up Click each of the color boxes you see there in the Transparency section. There are 2. The color picker will pop up when you click the color box Set both boxes to the grey you want to use for the background. Click OK Now choose View > Show Transparency Grid from the menu. This will show you a grey background on the ...



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