For this post, I rounded up 30 Web Design Tutorials from Scratch in Photoshop.

Enjoy!

Create a Magic Night Themed Web Design from Scratch in Photoshop

How to Create a Grunge Web Design in Photoshop

Making the ‘Clean Grunge’ Blog Design

Design a Beautiful Website From Scratch

Create a Clean and Colorful Web Layout in Photoshop

Create a Sleek, High-End Web Design from Scratch

Create an awesome portfolio layout

Design and Code a Slick Website from Scratch – Part I

Make an Elegant Blog Layout in Photoshop

How to Create a Sleek and Textured Web Layout in Photoshop

How to Create a “Worn Paper” Web Layout Using Photoshop

Photoshop tutorial to design a clean business layout

Design a Layout for a Non-Profit Organization in Photoshop

Create a Dark and Sleek Web Layout Using Photoshop

Modern Portfolio Layout Photoshop Tutorial

Modern Web 2.0 Web Layout

Corporate Business Layout

Clean Business Layout Tutorial

Design a Cartoon Grunge Web site Layout

Real Estate Web Design

Create a Vibrant Modern Blog Design in Photoshop

Photoshop Web Design Tutorial

First Web Design Tutorial!

Portfolio Gallery Layout

Coding a Clean & Illustrative Web Design from Scratch

Design a Unique Grungy Website Layout

Photography portfolio

Photoshop Tutorial: Web 2.0 Layout

Desktop Style Web Layout Photoshop Tutorial

Photoshop Tutorials – HV-Designs.co.uk

This post is a last post in 2008.
You’ll see following categories to look back web design on 2008

• Inspiration
• Photoshop Brush
• Tutorial
• Vector
• Icon
• Logo
• Texture
• CSS

Inspiration

100 Websites With Outstanding Artistic Design

Top 100 Web Designs in 2008

Best of CSS Design 2008

Most beautiful websites of 2008

2008 Design Trends

40 most beautiful and inspirational website designs of 2008

50 Beautiful Blog Designs

30 Beautiful Examples of Grunge in Web Design

Grunge Design Inspiration Showcase

57 Vector Characters

40+ Beautiful Hand-Drawn Websites

50 Beautiful And Creative Portfolio Designs

40 Beautiful Dark CSS Website Designs

25 Super Cool Paper Inspired Website Designs

24 Beautiful and Creative Website Headers

50+ Gorgeous Navigation Menus

60 Really Cool and Creative Error 404 Pages

50 Excellent Blog Footer Designs

40 Beautiful and Creative Website Footers

Photoshop Brush

50 Free Photoshop Brush Sets for Modern Design Trends

50 Must-Have Photoshop Brushes

75 Insane High Res Photoshop Brushes

High Quality Photoshop Brushes, Resources and Tutorials

64 Beautiful And Free Nature Brush Sets And Vectors – Giant Design Pack

200+ Photoshop Brushes for Light, Sparkles, Glows and Glitter

500+ Space Brushes for Photoshop

1000+ great Photoshop free brushes by PaulW

Tutorials

30 Beautiful Photoshop Text Effect Tutorials

50 Creative Photoshop Text Effects

23 Most Incredible Photoshop Tutorials

50 Great Photoshop Tutorials for Clever Beginners

70 Beauty-Retouching Photoshop Tutorials

40 Excellent Photoshop Tutorials for Textures and Backgrounds

41 Nicest Photoshop Photo Effects

25 Photoshop Tutorials for Web Designers

Free Adobe Illustrator Tutorials | Layers Magazine

30 Tutorials That Will Teach You Fireworks

Vector

30+ High Quality And Free Vector Object Sets To Beautify Your Designs

60 Free Vector Graphics for Digital Art Pros

Icon

50 Most Beautiful Icon Sets Created in 2008

40 Beautiful Free Icon Sets

22 (New) Free High Quality Icons Sets

40+ Extremely Beautiful Icon Sets Hand-picked from deviantART

Logo

10 successful logo redesigns

33 Exceptional Logo Re branding In 2008 For Your Inspiration

105+ Logo Design Tuts And Resources

50+ Kick Ass Logos for Inspiration

30 Brilliant Vector Logo Designs, Deconstructed

10 trends that will define logo design in 2008

35 Stunning Black and White Logos

Texture

60 Impressive Free High Resolution Textures and Backgrounds

300+ Vintage Style Textures and Photoshop Brushes

29 Most Useful Texture Packs of 2008

60+ Free Textures from SXC.hu

30 Great Free Paper Backgrounds and Textures

Free High-Res Texture Pack: The Anatomy of a *Really* Old Book

400+ High Quality Patterns

CSS

10 Challenging But Awesome CSS Techniques

15 CSS Tricks That Must be Learned

Hope you all have a Great NEW YEAR!

I guess he is a professional illustrator. His drawing was so amaizing. I’m so impressed.

For this post you’ll see 20+ Photoshop Drawing with Tablet Tutorials.

Let’s enjoy.

1. Copper – Step-by-Step

Japanese Illustrator Kazu Kibushi’s illustration process. You’ll see his amazing step by step illustration process.

2. Team Dynamite Lazer Beam – henry’s forest

Here is also illustration process.

3. Making of The Blues Singer Leaves Town

You’ll see a detailed coloring process.

4. Drawing Skulls with a Wacom Tablet | GoMediaZine

Nice and Cool Skull illustration with 5min video.

5. I’m A Professional, Don’t try this at Home

This is nice detailed elephant.

6. Katherine Dinger

Animals, Human, and Landscape etc…。

7. Photoshop: Hand Drawn Design

It’s a Nice photo collage with hand drawn illustration.

8. The Art of Roberto Campus

There are many high quality photoshop tutorials.

9. Integrating Background and Foreground Elements

Nice drawing here!

10. GFXartist.com

You’ll see lots of tutorials with several artists.

11. Exotic Fashion

You can learn coloring face and detailed feathers.

12. Drunken Monkey Photoshop Tutorial

You’ll see creating a cool character.

13. Questionable Content

Questionable Content drawing process

14. David Revoy (Deevad) Illustrateur, Digital Painter & Concept Artist

Nice tutorails of French Artist David Revoy.

15. Devotion Graphics

Little sexy illustration drawing process

16. 40+ Tutorials for Working with Wacom Tablets

Over 40 nice tutorials for wacom tablet

17. Manga Revolution.com

Drawing eyes and coloring tutorials etc…

18. 40 Ultra-skilled Speed Drawing Videos

40 speed drawing videos.

19. Draw a Car For a Superhero Batman With Pen Tablet

Batman car illustration tutorial

20. Draw in Photoshop Using A Tablet

Drawing basketball player illustration

Photoshop already has wide variety of patterns. But you can add patterns same as brushes.

For this post, you will find free photoshop pattern files that you can download.

How to install the Pattern file

Select Paint Bucket Tool, then select Pattern.

Select “Load Patterns” then find the Pattern file you want to add.

Fill a layer or selection with Paint Bucket tool

Here is my list

1. Free Photoshop Patterns at Brusheezy

2. 400+ High Quality Patterns

3. Emma Alvarez Site: 50 Free Photoshop Pattern Sets

4. Photoshop Patterns on deviantART

5. Photoshop Pattern /Muster | Alice Grafixx

6. Photoshopdecor.com

7. Obsidian Dawn: FREE Photoshop Patterns

8. Pixels & Ice Cream: Photoshop Patterns

9. yoonmi.net

10. BioRUST.com :: Adobe Photoshop Patterns

11. Free Photoshop Patterns

12. free4photoshop.com

13. freephotoshop.com

14. Design Spice

15. Screentones

16. Wood Pattern Textures – Free Pattern Sets for Adobe Photoshop and Photoshop Elements

But some people may be lost to follow the tutorials…

For the Photoshop beginners, if you can download those PSDs, it’s much better to learn.

Here is my list for the sites that You can Download High Quality Photoshop (PSD) files

1. PSDfreebee.com – Free PSD Graphics

2. Freepsd

3. pixey | Then daily design resource

4. DesignBum: Living Today’s Tomorrows

5. download PSD

6. Photoshop Psd Files | Lord of Design

7. Free .PSD DownloadsTopTut.com

8. PHOTOSHOPCANDY.COM

9. PS Wish

10. fordesigner.com

11. Adobe Photoshop: 50+ High Quality .PSD Files and Tutorials

12. Browsing Photoshop .PSD Files on deviantART

13. The best 32 Free PSDs you can find on DeviantArt

14. 25 Amazing Free Photoshop PSD Files For Download

15. 100+ archivos PSD para descargar gratis | frogx.three

16. Free PSD Resources

17. Photoshop Web Templates and Interface PSD Source Files

18. Ganato.com

Find your favorite Gradient file then load the file form your photoshop. Now you are ready to create cool gradient!

Here is my ultimate list of free cool Photoshop Gradient files.

Ladyoak – Photoshop Gradient

Ultimate Web 2.0 Gradients – FREE Download

Free Gradients | Thefreelogomakers.com

Adventsgeschenk Nr. 3 Pixey Web 2.0 Farbverläufe für Photoshop zum free download!

1000 Free Gradients – Web 2.0 Gradients

PS Gradients – Simple White by ~purple-graphics

130 Web 2.0 Gradient by ~WebMSTR

Monochromatic Gradients by ~purple-graphics

Sky gradient by ~Lucifer017

1000+ Gradient Pack by ~LeboGfx

Photoshop gradient fruit by ~Lucifer017

Gradient Halloween by ~Lucifer017

75 Photoshop Gradients by ~ElvenSword

Emerald Dragon Ps Gradients by ~ElvenSword

Gradient ocean by ~Lucifer017

Zonda’s GRADIENT PACK by ~Zonda333

Gradient valentines by ~Lucifer017

Gradient beach by ~Lucifer017

Gradient sky by ~Lucifer017

Skywalker PS by ~ElvenSword

Rosa Psp Gradients by ~ElvenSword

Candide Ps Gradients by ~ElvenSword

Coffe Ps Gradients by ~ElvenSword

Gradient palette by ~Lucifer017

50 Free Photoshop Gradient Sets

Today, I rounded up cool photoshop lighting effect tutorials.

1. Design a Coldplay/Apple Inspired Portrait in Photoshop

2. Electrifying Energy Beams

3. Create A Natural Composition with Light Shining Through a Rustic Fence

4. Super Slick Dusky Lighting Effects in Photoshop

5. A Cool Lighting Effect In Photoshop

6. Using Light and Shade to Bring Text to Life

7. Space Lighting Effects in 10 Steps

8. Magic lighting effect in photoshop

9. Amazing Photoshop light effect in 10 Steps

10. Streams of dusty light Photoshop tutorial

11. How to: Recreate Vista lighting effect in Photoshop

12. Lighting fx in Photoshop

13. Beautiful lighting FX effect in Photoshop

Following articles are also nice photoshop lighting effect tutorial collections.

14. Adobe Photoshop Tutorials – Rainbows, Glows and Light Effects

15. 40 Photoshop Tutorials for Lighting and Abstract Effects

16. Dreamy, Magical and Lighting Effects Photoshop Tutorials

For this post you’ll find some cool photoshop custom shapes for free to download.

The advantage of custom shapes is that you can draw the shape as big as you want without any loss in quality because it’s vector.

So, you could use these shapse for printing as well.

1. Nate’s Shapes – Photoshop Custom Shapes

Custom Shape Mix

Arrows Custom Shapes

photoshop Shape Sets

LOUNGE Photoshop Shape Set 001

Photoshop Custom Shapes – Ornaments

Atv Silhouettes

Butterfly Shapes

Foliage Shapes

People Silhouettes

Bones photoshop custom shapes

Animal Pattern

Browsing Photoshop Custom Shapes on deviantART

You can also find cool Photoshop Custom Shapes on deviantART!

For this post, you’ll see a Photoshop Tutorials how to create a Textured Background.

Here we go.

1. Create New

Create New (Command + N) You can choose 2 colors that you like. This time I chose #a2bb3e and #328a26.

2. Gradient

Choose Radial Gradient Tool. Create a Gradient at an angle.

3. Texture Image

Prepare Texture image.

4. Drag Texture image

Drag Texture image over the gradient. Now you should have 2 layers

5. Change the Blending Mode

Change the Blending Mode to “Overlay” for the texture layer.

6. Change Opacity

Change the layer opacity.

7. Done!

That’s really easy. Right?

You can create cool background with Gradient and Texture images.

Create a Spectacular Grass Text Effect in Photoshop

Here is a sample for this tutorial.

I also rounded up Web Sites that you can find cool Textures for free.

Free Textures from TextureKing

CG Textures

Texture Warehouse

Grunge Textures

luGher Texture

Amazing Textures

TextureLove

texturez.com

Urban Dirty

2Textured

Image * After

StockTextures.com

textures.pedramk.com

textures.forrest.cz

. … t. Ex…t.U .ra. .. …

local.wasp.uwa.edu.au

There are so many Photoshop Brush sites…

In this post, you will see 16 sites you can download high quality Free Photoshop Brushes.

PS Brushes.net

Brusheezy!

Luxa

In obscuro

myPhotoshopBrushes.com

getbrushes.com

100 Awesome High Resolution Photoshop Brushes

Photoshop brushes chez plumeau

Vector Art

deviantART

Obsidian Dawn

Designfruit

Miss M

500ml Brushes

AppendixSquared

PhotoshopSupport.com

Let’s find your favorite one!