Hot answers tagged background
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
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:
...
9
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 ...
9
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 ...
8
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.
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
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:
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
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 ...
5
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...
5
Answer is actually pretty simple, this is what i quickly cooked up:
Type your text in a bold fonttype. 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 dropshadow to white, blendingmode of it to ...
5
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 ...
5
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 ...
5
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.
...
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
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 ...
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
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
This has more to do with how Illustrator handles the font's antialiasing/hinting than anything else. There is some transparency on these fonts that may not resolve well on certain colors. Sometimes Illustrator just doesn't handle pixel-related things that well.
Photoshop handles pixel-based images better, so if you try this text on that background color in ...
4
As Brenden points out, it is due to anti-aliasing in Illustrator.
It won't effect output.
However, if it really bothers you there is a workaround.
Set the text blend mode to "Multiply" in the Transparency or Appearance Panel.
Here's the difference:
Overprint will have the same effect. If you set the text to Overprint Fill in the Attributes Panel then ...
3
As DA01 wisely points out, don't make it exactly the same. A gradient per se isn't a trademark, but if it looks too similar they'll send the sharks after you.
That said, iStock has some ideas to start with:
http://www.istockphoto.com/stock-photo-5503907-soft-green.php?st=fdbf392
...
3
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).
3
Rather than change the background for the entire site, consider simply framing the photo with a background color "matting", and then making the rest of the site background match the overall sight design.
This gives you greater options:
For starters, it means you can avoid having the entire site be a boring neutral background.
It lets you pick a ...
3
There are several ways, like always, like in Adobe Photoshop or the like. One that comes to mind that used to work: use magic wand to select the background (and interior parts if you want them to go away) , do whilst shift pressed to add more areas, hit ctrl+i to invert selection, and without deselecting (so it gets placed in same area) hit ctrl+v. Then in ...
3
The sample you show looks photo-realistic to me. The reason you probably think it doesn't is not the wood texture itself, but the context: straight-on, no perspective, synthetic lighting etc.
There is a concept, usually applied to robotics and CG animations of humans, which is referred to as the "uncanny valley." It is basically a threshold where a ...
3
this effect is called bokeh effect lots of website now a days using this in lack of proper background this look good if used wisely,you can download brushes if not easy with the tutorials...
there is a list of sites how beautifully they are using this effect
bokeh effect in web design
Tutorials :
giving tutorials links help in time you can follow ...
Only top voted, non community-wiki answers of a minimum length are eligible
