Questions about creating and editing background contents, textures, patterns, colors and effects. Ask anything related to designing graphics for background images.

learn more… | top users | synonyms

27
votes
2answers
94k views

Replacing whiteness with transparency in CS6

I want to replace the whiteness in pixels with transparency in the same way as described in this question - i.e. for lighter pixels to be made proportionally as transparent. All solutions found via ...
17
votes
4answers
64k views

Add transparency to an existing PNG

I'd like to use this image on a web site. What I need to do is change the background from black to transparent, so I can use the arrow on my site maintaining the page background. I used Gimp to ...
12
votes
5answers
2k views

How do I convert a .png blurred background into a compressed .jpg one without introducing artefacts?

I'm currently dealing with a problem of image quality for my website background image. I have a big blurred background image I'd like to use but would like it to be as small as possible in size for ...
8
votes
2answers
10k views

How can I remove white pixels around circles when exporting this to gif?

I took the loaders from here: http://xooplate.com/template/details/10888-5-animated-loading-spinner-action-icons-psd Than I exported them easily, with the help of the included action to a gif. But I ...
7
votes
1answer
649 views

Contrast ratio between foreground and background

What is an acceptable contrast ratio between a foreground and its background?
7
votes
6answers
22k views

How to completely remove the background from an image?

I have an image (a logo) that was on a black background. I have used Photoshop's (CS5) Background Eraser Tool to remove the background. This is great except that there are black (well grey/black) ...
6
votes
5answers
3k views

Text effect on any background color

I want to display a text over a video. However, the video may include any color from white to black. What is the best text effect (color/stroke/shadow/glow ... etc) that can be applied on the text so ...
6
votes
2answers
530 views

Qualities of a full-page website background image

We are trying to create a web page with a full-size background. The following pages are our inspiration: http://www.august.com.au/ http://www.levehytter.no/ http://danielfiller.com/ We have ...
6
votes
5answers
2k views

How to randomly distribute a group of icons / graphics in a canvas?

I want to design something like this: It has been established in previous answers that these are doodle graphics. Some ways to make them manually are seen on here and here. How can I make one ...
6
votes
2answers
1k views

Is there a single text color that is acceptable on both dark and light background?

Is there a single text color that, when used on either dark or light background, produces a readable (or at least tolerable) output? If it makes it easier, constraints can be put on the hue, ...
5
votes
2answers
5k views

How to produce a blurred abstract (frosted glass) background like this?

I have been seeing these blurred backgrounds all over the place, so I would like to know the exact steps how to reproduce something like this . What I can imagine, is that they first blurred an ...
5
votes
4answers
26k views

Invert background to white in Photoshop

I have this image: What's the easiest way to convert the background from black to white?
5
votes
5answers
829 views

How do I get rid of a background color (with a glow)

I have this image: Is there any way to get rid of the red background (make it transparent) yet keep all the glow effects? So far I've only been able to remove the pure-red parts of the image, yet ...
5
votes
3answers
414 views

How many colors should be used in a background gradient?

For on-screen design (web or desktop applications), in areas where there is significant background space visible, a subtle gradient adds a lot to the look of the app/page/image. How many colors (max) ...
5
votes
3answers
4k views

How can I create a multi-color blurred background?

I have seen an image with this background. As a newbie I am unable to get this multi colored mixed background. I am able to get just two colors and that too linearly with the Blend Tool. But that ...
5
votes
2answers
321 views

Quotable reference to support my assertion that black text on a grey background is not a “highlight”

I need some graphic design advice on finding a quotable piece of information regarding the use of "highlighting" text on signage, which I hope you can help me with. I'm in a dispute with my local ...
5
votes
2answers
7k views

How can I fix the edges of foreground objects pasted onto a new background?

How can I cut out a foreground object, e.g. a person, from one picture and superimpose it onto a new background without making the edges look bad? The problem I've come across is that if I have for ...
5
votes
3answers
5k views

Good background and text colors for a website with both photos and text

I put both photos and significant blocks of text on a couple of websites I run. Currently, I'm using white text on black or dark gray. It's getting a bit old, and I think I'd prefer text darker than ...
5
votes
0answers
62 views

Is there a way to select multiple sprites from a sprite sheet in GIMP?

After you've made the background transparent, color selected the background and inverted the selection to outline all the character sprites: Is there a shortcut or some quicker method/program/tool to ...
4
votes
7answers
6k views

Testing if a BG will Repeat Tile Properly in Photoshop?

I am frequently working to create background textures in Photoshop to be used on the web. Unfortunately I usually have to guess, or just use freebies from other websites. I would like to build my ...
4
votes
4answers
21k views

How do I create an image with blurred background and focused foreground?

EveryMe.com uses this image as background: How is it done, and how do I edit an image to look like that? I use Pixelmator and photoshop, thanks!
4
votes
3answers
642 views

Why is my character lost in the background?

I am designing and developing a 2D-platformer and I'm having trouble with the look and feel of the game. The game is about an inventor who is kidnapped for warfare. Theme: Childish but sad. There are ...
4
votes
4answers
30k views

How to show background texture through text placed on background in Photoshop?

Say you have an image of a wall or an old, creased piece of paper and you want to add text on that background. How can you make the texture of the background come through the new text in Photoshop so ...
4
votes
2answers
975 views

Why not pure black and pure white?

A New Top Bar for Stack Exchange says, The first thing you’ll notice is that it’s really black*. * Jin points out that technically it’s not quite black: it’s #212121. In its CSS I see, ...
4
votes
1answer
2k views

Alpha Transparency Remove Background Photoshop

Is there any way in Photoshop to remove a background color from an image, when some of the background is behind a transparent object. So far, I've tried using masks and channels but have not made ...
4
votes
2answers
18k views

Remove background based on color in Inkscape

There is a classical way of removing background in Inkscape using Bezier curves. This is often quite lengthy process. Is it possible to remove the background of an object based on background color ...
4
votes
2answers
262 views

What is the best way to label an image?

I have an image which I would like to label certain areas with some sort of a text label. I'm trying to figure out what the best way is to make the text clear. The image is color, and objects may have ...
4
votes
2answers
2k views

How to remove background with Gimp?

How to remove background from an image with Gimp?
4
votes
1answer
401 views

Super-thin UI Trend: Is there a name for this “beyond 'flat'” style?

I really like the look of this screenshot on Dribbble: And I'd like to employ a similar navigation for both desktop and mobile devices. I’m looking for a similar UI set – large (X) to close out a ...
4
votes
1answer
226 views

How to create transparent 1 bit background as in the sample?

I stumbled upon a background image with transparency I have never seen before (image below). When placed as a background-image on web, it mantains the set background-color and only adds some ...
4
votes
2answers
2k views

Add a background-color to a paragraph-style in inDesign

I am currently creating a book layout with inline code and code-blocks. For those code parts, i would like to add a background-color. It should handle code similar to the way it is displayed on ...
4
votes
3answers
111 views

Transitioning Between Background Colors

One problem that frequently stumps me while working on sites is how to transition between two differing background colors elegantly. For instance, the top portion of a site I'm working on has a gray ...
4
votes
1answer
134 views

How to isolate artwork from games for fan art

Wherever there is a popular game, there is fan art: custom wallpapers, t-shirts, etc. One thing they usually have in common is that they feature artwork from the game, or something close to it. ...
4
votes
1answer
634 views

Remove identical pixels in two layers/images with free software

I've inherited a large set of button icons at work, which I'd like to use in another project, but with a different button background. The trouble is that the original files have been lost in history, ...
3
votes
4answers
854 views

Image that looks different on black background and on white

If you put this image on a black background you see something different than on a white background. Does anyone have a idea how it works?
3
votes
2answers
2k views

How can I create a half-circle patterned background in photoshop?

Have a look at this website: http://owltastic.com/extras.html - in particular, look at the topmost part of the page. You can see a small background the bottom of which forms half circles. The same ...
3
votes
4answers
2k views

Removing shadows in a white background photo

How do I remove the shadow in this photo? I tried fuzzy select on my actual image, the object has grey elements that make it difficult to distinguish properly. I can do by parts, but the real ...
3
votes
2answers
33k views

Change Background Color of Text Box in Illustrator CS5

Any way to change the background color of a text box without all the workarounds such as placing another shape behind the text. I need to have a textbox filled with color of 249, 249, 249 and a ...
3
votes
2answers
375 views

What is this pattern called and how is it created?

I've seen this on many websites as a background but I can't seem to find a name for it or I can't seem to create it myself. If someone has done this, it would help a lot if you can give me some ...
3
votes
3answers
811 views

How to create a background like Dribbble.com?

I'm curious about the background of http://dribbble.com/ . I've seen something similar on a couple of other sites too. What's it called? How can I create something like with a different color? ...
3
votes
5answers
1k views

How to find a texture for a background image for website?

I am looking for a texture pattern for an image that is similar to the one Path.com uses: https://www.path.com/images/about/bg.gif I want a similar image pattern so i can use it as a background ...
3
votes
2answers
206 views

Implement non-symmetrical background image to a site

I am trying to add the following 3D image as background to the content of a wordpress website: Click for full resolution Website I would like the header part to stay the same size on all pages, ...
3
votes
1answer
467 views

Does anybody know a tutorial for designing the Mountain Lion background pattern?

Does anybody know a tutorial for designing the OS X Mountain Lion background pattern? I am referring to this commonly used background pattern:
3
votes
2answers
437 views

CSS: Fade input image on focus is too dark

How can I simply make the background fade a bit while typing WITHOUT affecting the text opacity?. Without fading if you type over the top of the image it is hard to read. The reason I have not faded ...
3
votes
3answers
652 views

How to decontaminate black edges on hair

I have a pretty decent knowledge of Photoshop, and have used masks and levels etc to remove backgrounds a fair bit (as well as the edge refinement tools they have now). I am having a tricky time ...
3
votes
1answer
1k views

Adobe Illustrator CS5: how to save background color to pdf

I changed the background colour of my pdf through: Document Setup -> changing color under "transparency" (grid color) -> checking "Simulate Colored Paper" This changes the background in Illustrator ...
3
votes
3answers
387 views

Looking for methods of showing text or logos on same coloured backgrounds

I need to keep the logo/ text the same colour as shown. The problem is that part of the logo is the same colour as the background it's going to be placed on. I'm running out of ideas to try and show ...
3
votes
6answers
2k views

How can I match a site's background color in both Chrome and Firefox?

I'm designing a page with both a background image and a background color for the area past the end of the (gradient) background image. Something like: background: url("/images/bg.png") repeat-x ...
3
votes
1answer
68 views

design on apple.com — how to transition from one photo (color) to another?

The image is taken from apple.com. I'm wondering how to recreate this effect of transition from one photo to another (in particular, I want to transition into white background) as shown in the photo: ...
3
votes
3answers
255 views

How to achieve this patternish gradient texture / halftone effect in Illustrator / Photoshop

How can I achieve this sort of pattern? I presume from these sample images I found from a poster made by Laurient Durieux, it is made using illustrator. Or am I wrong? Is there a proper way to do ...