65 Photoshop tips, tutorials, techniques & resources
Grunge and dirty Photoshop tutorials, brushes and textures
"Grunge, dirty, gritty, slimy, rusty, shattered, dripping, torn, worn, and whatever you think that you may frown upon in real life, is an awesome resource for creativity. This list is a compilation of sixty grunge and distressed effects resources for Adobe Photoshop. Go and get your hands dirty with them!"
Create Rainbow Logos with Warped Grids
"This tutorial is another user's request. It's an easy technique, but I'm sure you will be able to use it in all sorts of designs. It's very versatile. In this case I used this technique for a logo, but I could use it to create grids with light effects as well."
PS Brushes
"We're going to be adding new photoshop brushes weekly so be sure to check back often."
Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects
"Now it's time for a sparkling dose of related Photoshop learning material. This article provides a resource of Adobe Photoshop Light Effects tutorials. These tutorials offer an assortment of techniques for making your work creatively glow."
100 wonderful photo effects Photoshop tutorials
"How can we define what’s a photo effect? The final result has to be quite different from the orignal picture and be recognized as a post production photo manipulation. So, with that in mind, I gathered what I consider 100 of the best photo effects Photoshop tutorials available on the web."
Grid tips for Photoshop users
"Grids greatly improve your layout. They add a level of consistency. Imagine the front page of the New York Times without a grid… It would be a mess, impossible to easily scan. I always make sure the number of columns I use is dividable with 3 or more numbers."
A Gradient Tutorial
"Your eyes have been looking at things in the world for a very long time and they’re used to what a shadow looks like, what a light source’s highlight on an object looks like, etc. If you don’t approximate what your eye “thinks” something should look like then your design won’t accomplish the 3D look you’re trying to emulate."
Adobe Photoshop Tutorials - Best Of
"This article provides professional Adobe Photoshop tutorials which can enrich your design skills and improve the quality of your works. Although the authors of the tutorials rarely provide the information about the used version, we tried to pick only those tutorials that can be used with both CS3 and older versions of Adobe Photoshop."
Hand-Picked Photoshop Tutorials
"Adobe Photoshop is a powerful tool for designing various visual elements one can use for web-pages. However, sometimes it’s important to know what to do in order to achieve some effects. In such cases, step-by-step tutorials can provide help and save a lot of time you would have to spend on finding a solution otherwise. Let’s take a look at some of the best Adobe Photoshop tutorials we’ve found in the Web so far."
Making ‘IE6-friendly’ PNG8 Images
"While we’re never going to be able to reproduce the transparent shadow in IE6, we do need a way to generate a lot more of the blending colors along the edge. I’ve found the easiest way to do this is to bring a tiny slither of the background inside our shape."
Adobe Photoshop CS3 Tutorials - Extract Complex Shapes
"Ever tried to extract a model’s hair with the pen tool? Well, I gave up after a few minutes and eventually came up with another way to do that, which I’d like to share with you here in this Adobe Photoshop CS3 tutorial."
Create an Illustrated Look From a Photograph
"In this tutorial I will show you how the create a stylized illustrated look from a photograph. The best part is that it requires no artistic ability! You can do this to any photo and pretty much any subject but I think it works best with people."
How to design a sexy header for your site using CSS
"I decided to publish a post with the "process" I use in general to design graphical sections for my web sites."
Creating Seamless Web 2.0 Stripe Site Headers
"Simple stripes on the Site Header has also got its place in the Web 2.0 Trend. This concept of repeating a pattern looks pleasing and doesn't even increase filesize. Here you will learn how to create simple headers like the below example."
Photoshop Template for Blueprint CSS Comps
"I created an Adobe Photoshop template for creating comps that work with Olav Bjorkoy's Blueprint CSS Framework. The Photoshop template is simply a document with vertical guides based on the 24 units provided by Blueprint. A layer is provided to show unit numbers if you like, and 2 layers showing the grid dividing into thirds and quarters."
Grunge Style In Modern Web Design
"Below we’ve collected everything you would ever need for a perfect design in a grunge style — design examples, free fonts, icons, textures, brushes and even few tutorials."
Photoshop actions: 124+ Free Photoshop Actions to Boost Your Designs
"An action is a series of tasks that you play back on a single file or a batch of files - menu commands, palette options, tool actions, and so on. You can create an action that changes the size of an image, applies a filter to the image for a particular effect, and then saves the file in the desired format. Nice, isn’t it!"
Faster Font Selection
"If you’re anything at all like me, you have a ginormous font collection and scrolling through the entire list to find the one your looking for can be cumbersome at times. Here’s a quick tip to spend less time scrolling and more time designing."
45 Photoshop Tutorials for Better Navigation
"Navigational buttons, bars and menus provide the designer with an excellent opportunity to be creative and add some style to the design. What better tool to use for this purpose than Photoshop?"
Quick CSS Mockups with Photoshop
"Create quick design mockups in clean XHTML and CSS, using code generated by Photoshop. No, really."
100 Awesome High Resolution Photoshop Brushes
"Let's dive today into a sea of brushes. Hundreds of thousands of sets are lying undiscovered like pirate treasures all over the web."
Make a political statement
"Create striking imagery in the spirit of past and present propaganda art. Command attention with sharp edges, minimal detail, bold colours, and the misappropriation of familiar iconic details..."
Photoshop to Flash
"Paul Wyatt reveals how to transfer your Photoshop artwork into Flash using CS3’s new PSD Importer to create movie clips, add instance names and ready your creations for animation and interactivity"
Ornate lettering
"Go Media’s Jeff Finley shows you how to create ornate lettering from sketches and vectors in Illustrator, make it three-dimensional in 3ds Max and fine-tune the final result in Photoshop"
Graffiti stamp art in Photoshop
"Adding urban flavour to your artwork is easy. Derek Lea defies convention with the Brush tool, and explains how presets work..."
Add Stock Textures to Images for extra ‘Oomph’
"In this little Photoshop tutorial we’ll be designing a quick art piece, and then we’ll be adding some texture to it, this is to demonstrate the use of texture in artwork, as you may be able to see in works from people such as GoMedia."
Modern web layout
"In this tutorial you will learn how to design a simple but modern website layout."
Grunge Borders
"Today I am going to show you how to make two different grunge border effects without having to use grunge brushes."
Beautiful lighting FX effect in Photoshop
"This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop."
101 Hidden Tips & Secrets For Photoshop
Photoshop Text Effects Round-Up:
"51 Text Effect Tutorials Every Designer Should See"
Creative Use of PNG Transparency in Web Design
"PNG is a losslessly compressed bitmap image format. In plain English, it’s a way of saving graphic images that reduces file size without reducing image quality."
Advanced Glow Effects
"In this tutorial we're going to create some really sharp looking glow effects using a combination of layer styles, the pen tool and colour blending. The end effect is quite stunning and hopefully you'll pick up some tips you didn't know before."
Vector Polishing Techniques
"This tutorial includes 9 Photoshop techniques that will show you how to add more depth, color, contrast, and texture into your vector art."
Cleaner, Sharper GIF, JPEG, And PNG Images
"Fuzzy images? Unclear graphics? Optimize your GIFs, JPEGs, and PNGs with this handy guide. Tom explains these file formats, and gives tips to improve their appearance on your site."
Web Domination Using Photoshop
"Here, Corrie provides a full arsenal of fundamental techniques, before launching you on a stellar trajectory that takes in buttons in all their forms. With her step-by-step instructions, handy hints, and secret tricks, you'll have everything you need to bring the Web to its knees."
Get Cooking with Photoshop and CSS - 3 Low-fat Recipes
"Corrie shows how easy it is to tweak the graphic ingredients of your designs to produce completely different results. She cooks up three tasty design styles in Photoshop, then shows, step-by-step, how to reproduce them using CSS."
Using Light & Shade to Bring Text to Life
"In this tutorial we are going to take some very basic principles of light and shade to make a rather impressive looking text effect."
Photoshop Secret Shortcuts
"It is proven that by using software shortcuts can boost up productivity. Here are 30 secret Photoshop shortcuts that I’ve learned from years of experience."
The Best 80 Photoshop Text Effects on the Web
"For those like me that love text effects and have the courage to admit it, here's a thorough guide to the best 80 text effects available on the web."
Web 2.0 Tutorials Round-Up
"If you are planning on designing a web 2.0-project, you probably should know how and where to start from. Badges, Gradients, Mirror and Shadow Effects as well as Shiny and Glassy buttons are trendy. But do you know exactly how to design them?"
Peeling Sticker Effect
"As a child, there are few things more fun than sticking stickers on things. Everything(s). Here's how to easily create a peeled sticker effect."
Create an aged, worn version of a photo
Create a worn stamped text effect
Create a wicked worn look
Create ripped, torn edges
Create retro buttons
Design a safety icon
Design mini-icons
Create a watercolor effect navigation menu
Create glowing interface buttons in Photoshop
Create glowing orb buttons
Create a plastic, jelly-style text effect
Create a smooth glass type effect
Create a slow shutter text effect in Photoshop
Create a flaming meteor text effect in Photoshop
Create 3D typographic effects in Photoshop
Create a realistic torn paper Effect
Create a product box
Create an amazing light effect
Create a photomontage in Photoshop withour filters
Create vector-sharp illustrations in Photoshop
Convert a photo to a vintage style
Create a simple gold text effect
Create a simple gradient header in Photoshop