One of the most annoying things to see, is text in a graphic that blends in, is hard to see, and is overall not very distinctive between the rest of the graphic. Here i'll show you a few tips that will help fix that problem.
     First is a simple drop shadow. In GIMP, this is under filters, and in Photoshop, it's found in the Layer Effects panel. Here is a screenshot of TheZ3ro's site header before a drop shadow:
  | 
Text that reads "the blog of Diego Segura" does have a drop shadow. The original drop shadow was sloppily erased for this demonstration. | 
And here is after a drop shadow:
  | 
Color: black Shadow radius: 15 | 
     This next tip should be common sense, but is still a problem with people. For more distinct text, switch colors! In a lot of my work for TheZ3ro with this orange color scheme, I keep it the same, but I use other ways to make it stand out. Here is TheZ3ro header with the text colors completely inverted:
  | 
| The blue looks out of place with this color scheme, but is a good way to get distinct text. | 
      The next tip is already demonstrated in the past screenshots, and you've probably already noticed it: background blur. I used a gaussian blur, so that the text is the only thing in focus. Just make sure that you are only blurring a single layer, and notmultiple layers due to merging, mis-selection (Yep, mis-selection), or anything like that.
     Hopefully this helped you find new techniques in Photoshop/GIMP, and makes your designs look better. Pass this on to any of your fellow designers that might find this post useful!
 
No comments:
Post a Comment