Top 40 Background and Texture Tutorials and Resources
Posted on 30. Dec, 2009 by bmackler in Photoshop, Resources
Attractive backgrounds and textures are a must for just about all websites, graphics, applications or ads these days. Whether they are subtle, abstract, grunge or retro; backgrounds and textures can add depth, style and interest to your designs if done correctly. Below you will find the top 40 tutorials and resources on how to make great backgrounds and textures in Photoshop. Drop me a comment and let me know what you think.
For more information, see 40 Awesome Websites with Big Backgrounds
Grungy Metal Texture
In this tutorial learn how to create a really nice looking grungy metal texture.
Grungy Metal Texture Tutorial
Abstract Background of Colored Bars
Abstract Background of Colored Bars Tutorial
Colorful Swirl
Stripy abstract wallpaper in Photoshop
This tutorial will show you how to create a stripy abstract wallpaper from scratch in just a few steps.
Stripy abstract wallpaper in Photoshop
Create a Nature Inspired Painted Background in Photoshop
Learn how to make a background just grabs and pulls the reader right in
Create a Nature Inspired Painted Background in Photoshop
Creating Chameleon Effect Fabric Texture
Create this beautiful multi toned texture in Photoshop
Creating Chameleon Effect Fabric Texture
Stone Texture
Chroma Wallpapers
How to create a energetic, vibrant, colorful wallpaper
Chroma Wallpapers
Amazing wooden texture/background
This tutorial will teach you a basic but effective way to complete this desired outcome, which would work great as a background.
Amazing wooden texture/background Tutorial
The lightning effect
Develop cool lightning effects for your background
Cool Lightning Effects For Your Background
Create Carbon Fibre Pattern
Here’s how you can create a carbon fibre pattern and use them in any designs, all with Photoshop.
Carbon Fibre Pattern Tutorial in Photoshop
MSNBC Style Effect Background
Create an effect like the one in the header of the MSNBC.com website.
MSNBC Style Effect Tutorial
Retro Grid Background
This tutorial shows you how to create Photoshop Retro Grid Background for your Web Layout.
Retro Grid Background Tutorial
Creating A Watermark
This tutorial will teach you how to create a professional watermark on any image you like.
Creating a Watermark
Create a Retro Photo and Background
Take a regular, boring photo and liven it up using with some effects to give it more of a retro feel to it. We are then going to take the photo and create a background for it to lie on.
Create a Retro Photo and Background
Awesome digital bokeh effect
The process is very easy and we will be using the super powerful Brush Engine, one of the coolest things in Photoshop.
Awesome digital bokeh effect in Photoshop
Metal Texture Tutorial
Learn how to create this full realistic metal texture in Photoshop.
Metal Texture Tutorial
Realistic denim (jean) texture from scratch
In this photoshop tutorial, I play with some filter and layer style option to create a surreal jean texture from scratch.
Realistic denim (jean) texture from scratch
Creating a Mac-Type Background in Photoshop
This tutorial is about making a “mac” style background. You can use these in all sorts of situations, including the obvious –your desktop– as well as part of your designs or for corporate work
Creating a Mac-Type Background in Photoshop
Abstract Light Rays
This Photoshop background design is more subtle and simple than some of the others, but still looks great.
Abstract Light Rays Tutorial
Fabric Folds Texture Tutorial
Learn to create a background image that looks like multiple folds of silk fabric. This is a great effect and technique for your collage artwork, as it is easy to blend or fade in with other elements of a collage piece.
Fabric Folds Texture Tutorial
The Ultimate Wood Tutorial
In this tutorial, we are going to create a wood texture and apply some artwork on top of it that has an aged paint feel.
The Ultimate Wood Tutorial
Create a Wavy Blackberry Style Wallpaper
The design has a cool wavy pattern with interesting lighting effects, like the Blackberry 9000 wallpaper.
Wavy Blackberry Style Wallpaper Design Tutorial
Creating Pixel Sharp Diagonal 45-degree Scanlines Patterns with Photoshop
The tutorial below shows you an easy way to create two different pixel sharp 45-degree scanline patterns for use as Photoshop patterns.
Creating Pixel Sharp Diagonal 45-degree Scanlines Patterns with Photoshop
Space Lighting Effects
So in this Photoshop tutorial I will show you how to create a space scene with some nice Lighting Effects in 10 Steps.
Space Lighting Effects in 10 Steps - Photoshop Tutorial
Creating Your Own Organic Textured Backgrounds
The challenge in making textured backgrounds is finding the right assets, having the right tone to match the content on your site, and being patient enough to keep experimenting. There are so many combinations out there, I would love to see what everyone comes up with.
Creating Your Own Organic Textured Backgrounds
Designing Flower Texture
Design a cool close up flower background
Designing Flower Texture
Digital Star Effect
Turn a regular photo into a high-tech digital artwork.
Digital Star Effect Tutorial
Create an Abstract Retro-Pop Wallpaper
In this tutorial, I’ll show you how to create a beautiful, vibrant, Retro-Pop abstract wallpaper. You’ll also learn how to add some wonderful texture to your designs and make some abstract shapes!
Create an Abstract Retro-Pop Wallpaper
Resources
Ultimate Guide for Creating High Quality Textures
A step by step guide for creating amazing textures.
Ultimate Guide for Creating High Quality Textures
How to Turn a Texture into a Seamlessly Tiled Background?
Take a texture and turning it into a background image ready for seamless tiling.
Turn a Texture into a Seamlessly Tiled Background
Calculations and Colorization
Learn how to create an Alpha Channel using the Calculations dialog and use it to get a really great abstract photo effect.
Calculations And Colorization Tutorial
Controlling background images and colours
Learn how to use CSS properties to add background images and colour to your Web pages.
Controlling Background Images and Colours
Repeating Seamless Background Image Tutorial
A trick often employed on webpages is to use a seamless background that can tile both vertically and horizontally.
Repeating Seamless Background Image Tutorial
29 Great Free Textures
From organic to metal rust, this list has lots of great textures.
29 Great Free Textures
Brown Paper Textures
5 Fantastically Free High Res Brown Paper Textures created by Blog Spoon Graphics
Brown Paper Textures
Add Texture to Improve Artwork
In this little Photoshop tutorial you will learn how to design a quick art piece, then add some texture to it, this is to demonstrate the use of texture in artwork
Add Stock Textures to Images for extra ‘Oomph’
How to design the perfect Twitter background
An overview of various types of Twitter background, good read to make the right decision about how you will design your own background.
How to design the perfect Twitter background
Great Textures from Colorburned
Different textures in various categories
Great Textures from Colorburned
17 Responses to “Top 40 Background and Texture Tutorials and Resources”
Leave a Reply
- Top 10 Web Design Trends for 2010
-
Enough is Enough - When A Web Designer Has to Fire A Client
-
50 Extremely Creative and Original Business Cards and Tutorials
-
40 Creative and Beautiful Package Designs For Your Design Inspiration
-
45 Awesome Colorful Logo Designs and Tutorials For Your Inspiration
-
Amberly | Web Designer: Awesome stuff as always. Keep it coming! Red Bull...
-
Hian Battiston: Very inspiring! Some unique ideas! Like all of the...
-
Money Drop Business Cards: Very unique. A good business cards can always giv...
Top 40 Background and Texture Tutorials and Resources | Web Design …
30. Dec, 2009
[...] this article: Top 40 Background and Texture Tutorials and Resources | Web Design … Posted in Background | Tags: and-textures, Background, collection, designs, grunge-or-retro, [...]
Tweets that mention Top 40 Background and Texture Tutorials and Resources | Web Design Tutorials and Inspiration | Learn Photoshop Online | Creative Inspiration | Web Resources -- Topsy.com
30. Dec, 2009
[...] This post was mentioned on Twitter by Mike Lane and Tony, Larry King. Larry King said: Top 40 Background and Texture Tutorials and Resources | Web Design … http://bit.ly/77vcXl #Design [...]
designfollow
30. Dec, 2009
great tutorials, thank you
[Reply]
Top 40 Background and Texture Tutorials and Resources | Web Design … Match Web
30. Dec, 2009
[...] See the original post: Top 40 Background and Texture Tutorials and Resources | Web Design … [...]
uberVU - social comments
30. Dec, 2009
Social comments and analytics for this post…
This post was mentioned on Twitter by LKWave: Top 40 Background and Texture Tutorials and Resources | Web Design … http://bit.ly/77vcXl #Design…
tripwire magazine | tripwire magazine
31. Dec, 2009
[...] Top 40 Background and Texture Tutorials and Resources [...]
Pataplu » Blog Archive » Create a Retro Photo and Background
31. Dec, 2009
[...] you want more background and texture tutorials, look @ designtutorials4u.com for [...]
Alex C
31. Dec, 2009
Thanks for sharing this great collection of tutorials. I can never get enough of Photoshop how-to articles.
[Reply]
bmackler Reply:
January 4th, 2010 at 12:37 pm
@Alex C, Glad you find them of good use. That is a big reason why this blog is here.
[Reply]
Aline Ohannessian
31. Dec, 2009
Nice roundup of goodies ya got here
My appreciation for sharing!
Blessed Light,
Aline (@ArtWave)
[Reply]
70+ Fresh Designer and Developer Community News to Start up 2010 at Full Speed | tripwire magazine
01. Jan, 2010
[...] Top 40 Background and Texture Tutorials and Resources [...]
70+ Fresh Designer and Developer Community News to Start up 2010 at Full Speed | Afif Fattouh - Web Specialist
05. Jan, 2010
[...] Top 40 Background and Texture Tutorials and Resources [...]
Top 40 Background and Texture Tutorials and Resources | Web Design … | LATEST UPDATED BLOG
05. Jan, 2010
[...] post: Top 40 Background and Texture Tutorials and Resources | Web Design … Posted in Photoshop | Tags: abstract-background, colored, grungy-metal, metal, stripy-, [...]
pharmacy tech
23. Jan, 2010
Keep posting stuff like this i really like it
[Reply]
Infographiste
03. Feb, 2010
Awesome background list, thanks. Actually I can’t choose one if I had too. thanks for sharing!
[Reply]
bmackler Reply:
February 4th, 2010 at 8:28 am
@Infographiste, its such a great style, when done correctly. Glad you enjoyed it
[Reply]
Ultimate Digital Backgrounds Collection. | 7Wins.eu
04. Mar, 2010
[...] 50+ Ultimate Collections of Planet Wallpapers | Naldz GraphicsDigital Composite Wallpaper High Resolution Collection « Graphics Sourceultimate photo collection of Denis Milani – The Cambodia No.1 Sources Marvel Ultimate Alliance – Venom – PSP Wallpapers by Digital Exodus | Free Sony PSP Wallpaper PSP WallpapersStunning Digital Art WallpapersFantastic Collection Of Wallpapers For Your Desktops | WallpaperUltimate Remix Collection Hardstyle Edition (2010) | House, Electro House, DJ Remix, Sinhala Mp3, Techno, Trance , Free Mp3 Music Download.!Top 40 Background and Texture Tutorials and Resources | Web Design Tutorials and Inspiration | Learn… [...]