Category: Resources

60 Free texture images for your next Web design project

DESIGNM.AG has put together a list of fantastic texture images available from Stock.xchng. The free textures are categorized as follows:

  • Wood
  • Grass
  • Sand
  • Paper
  • Canvas
  • Leather
  • Metal
  • Satin/Silk
  • Walls
  • Others

Each preview image in the list links directly to the download page on Stock.xchng where you can grab the image. It should be noted that many, but not all, of the images are only suitable for Web design as far as resolution goes. Thanks to DESIGNM.AG for putting together a great list!

Free font: REVOLTing

At first sight, Vtks Revolt is an utterly… well, revolting font. Still, I can’t help but think that there’s a project just waiting for this font. As always, DaFont offers something for everyone. If Revolt isn’t to your liking, perhaps a font full of televisions is what you’re looking for.

Creating scanline text in Photoshop

I’ve written a tutorial on how to create scanlines across your images before, but I found another great tutorial on using the scanline effect on text and wanted to share it. PSDLearning offers a tutorial that shows you how to easily create a nifty scanline text effect in Photoshop. The tutorial is easy to follow and uses only a user-created pattern and layer effects to create some really nice results.

Create a comic book halftone-dot effect for your Photoshop images

If you’ve got a particularly “uninteresting” image you want to use in your next design project and you’re looking for a way to spice it up a bit, consider adding a comic book style halftone-dot effect to your image. It’s quick and easy, uses only Photoshop’s built-in filters, and produces excellent results.

1. Choose your image.

Images with a decent amount of contrast and midtones work best, but virtually any image will do the trick. I chose this handsome little fella:

2. Duplicate the image.

Select the background layer from the layers panel and hit Command + J (or drag the layer icon to the new layer icon at the bottom of the layers panel) to duplicate the image layer. Label the new layer “Comic effect” or something meaningful.

3. Prepare for the filter

Make sure the newly created Comic effect layer is on top of the original layer (if you left the original layer set as “background” you should be good to go). Now hit the “D” key to reset your colors to solid black & solid white. Then hit the “X” key to invert them so white is the foreground color and black is the background color.

4. Apply filter

With the Comic effect layer selected, go to your menubar and select Filter>Sketch>Halftone Pattern. For now, just leave the settings at their default, which is usually: Halftone Pattern Size: 1 Contrast: 5 Pattern Type: Dot Hit OK. Your image should now look something like this:

5. Invert the image

With the Comic effect layer still selected, hit Command + i to invert the image. It should now look something like this: If we wanted to have a black & white image, we could probably stop here, but I want color, so let’s move on.

6. Adjust the blending mode

Go to your layers panel blending mode drop-down menu and select Linear Light. You can try any of the other blending methods, but I’ve found that Linear Light works with the most predictable results and requires less tweaking. Your image should now look something like this: The image is too “muddy” like it is, so we have one last adjustment to make.

7. Set the opacity

With the Comic effect layer still selected, adjust the opacity to your liking. For this image, I chose a setting of about 60%, but it really depends on the image.

Final Image:

I added a thick black comic-style border, and a thought balloon with a comic-style font to complete the theme. There are several variations of this technique, but I’ve found that just playing around with the filter settings and layer blending modes can produce a wide-variety of effects by themselves. For instance, in the Halftone Filter settings from step 3, you could choose Line instead of Dot. Play around with it and see what you can come up with.

Free textures for your Photoshop designs

I love “free.” Free is good. Combine the words Photoshop and free and I’m really happy! Lost/Taken has a plethora of high quality free textures for your design and photography projects. High resolution textures are categorized by tags, making it easy to find what you’re looking for in a nice clean layout. Rust, wood, foliage, metal and more textures await. These textures are free to use in your personal or commercial projects.

Find the perfect rhyming word for your creative writing

If you’re looking for the perfect rhyme for a word in the text of your next design project, look no further than Write Rhymes. Write Rhymes is a simple Web-based application that allows you to type in the text you wish and option + click on a word to receive a list of one, two or three syllable words which rhyme with it.