PHOTOSHOP TUTORIALS for beginners & advanced users

Welcome to Pegaweb a site featuring Adobe Photoshop tutorials that specifically show you how to use Adobe Photoshop to create a layout for your website.

Many Photoshop tutorials show you how to edit one specific image, and are not applicable to editing any other image. The tutorials on this site, on the other hand, create new images from the ground up, without starting with an image.

At the bottom of the page is the popular Beginners' Guide to Adobe Photoshop.

See my Website Setup Guide if you want to learn how to start a website or my Create a Blog if you want to create a blog.

Photoshop Tutorials

Open Book with Pages

This tutorial shows you how to make a website layout that looks like a book. Use Photoshop to create bendy pages, coloured bookmarks, and a spiffy cover.

Part 2 - Part 3

Table Top

Create a website that looks like a desk. Complete with stained wood, note paper, and some pencils strewn around.

Part 2

Wedding Invitation

This tutorial shows how to create a scorched parchment texture, for a website or wedding invitation. Topics included are: Using the Wave, Noise, Clouds, and Twirl filters, and changing Layer Modes.

Foliage

This Photoshop tutorial goes through the steps of creating some basic natural elements as the basis for a web page layout.

Part 2

Atlantis

By using the Ocean Ripple filter, and the Bevel option, this tutorial creates a website whose buttons are islands that sink beneath the waves.

Leafy Villa

Create a rustic website design, covered with leafy vines. Involves extensive use of paths, and making your own Photoshop brushes.

Part 2 - Part 3

Roll Over Beethoven

This tutorial demonstrates how to use Nudge and Inner Shadow to give a button that pressed-down look while the mouse cursor is over it.

"Splat" Website Tutorial

By using a few gradients, and applying the Wave filter, it's possible to make this simple website design.

Glitter Swirls

Using Photoshop's brushes, a rainbow gradient, and lots of distortion, this tutorial goes through the steps to creating a swirly, glittery website design.

Part 2

Sunlight Web Design Tutorial

By using some Clouds, Noise, a few adjustment layers, and some ornaments, this tutorial demonstrates how to create a website with a very nice, sparkling, sepia effect.

Part 2

The Slime Factory Website Tutorial

Follow along with the steps I took to create the website for the "Slime Factory". This website mixes metallic textures with gelatinous substances. (This tutorial requires Photoshop CS5, CS4, CS3, 8.0, 7.0 or 6.0.)

Part 2

Duotone Web Page Menu Tutorial

This tutorial goes through the steps of making a simple, two-colour menu for a website in Photoshop, and shows how to turn it into a web page in your web editor.

Tigerskin Web Design Tutorial

This tutorial demonstrates goes through all the steps of how to make a website with a realistic tiger skin texture in Photoshop. The topics covered include how to make the black stripes, textured fur, and header text.

Simple Web Design

A lot of websites look unprofessional because the designer has tried too hard to make the graphics look good, without knowing what they're doing. If they just hadn't tried as hard, the site would have looked a whole lot better.

How to make Metallic Buttons and Menus

This tutorial shows how to use Gradient Overlays and the Gloss Contour option to change your buttons and menus from play-dough to realistic silver and gold.

Modern Style Web Design

Welcome to a world of sans-serif fonts, monocoloured areas, objects that don't cast shadows, colours that don't contrast, and text saved as picture files. This style of web design has become the standard these days. It presents web pages not as realistic images, but as neat diagrams.

Design your own Company Logo

Having your company logo design done by a professional can be an expensive process. Hopefully this tutorial will give you some ideas on creating your company logo yourself.

Making a tiled web page background

With many web page backgrounds, the tiling is very visible. This tutorial shows how to use the Photoshop tool known as "Shear" to create a seamless web page background.

How to make web buttons

Most web buttons are flat and lifeless. This tutorial demonstrates how to make a nice rounded web button, and goes through the various layers of the web button.

Part 2

Creating a Realistic Wood Texture

Ever used the wood texture in Adobe Photoshop? Here's how to use the gradient tool to make a wood texture that looks a whole lot better than Photoshop's sawmill wood texture. (Wood texture requires Adobe Photoshop 7 or higher for Noise Gradient feature.)

"The Piglet Factory" Website Tutorial

This Adobe Photoshop tutorial goes through the steps to making a professional website. This tutorial shows the steps I took to make a website design for the fictitious (I hope) :) Piglet Factory.

Difference Nebula

Create a realistic-looking red and blue nebula image in Photoshop, using the Clouds filter, and a Difference layer. These nebulae make great desktop backgrounds, so I've made one available for download (in case you stuff yours up, don't have Adobe Photoshop, or are just here to look at the pretty pictures) :)

Displacement

This Adobe Photoshop training tutorial shows how to use a displacement map to warp an image, and to cast light on the image in the right places. This process can be used to create ribbons, curtains, banners, or anything else that bends or waves.

Five-Minute Website Tutorial

This is the first of my Photoshop tutorials for beginners. It demonstrates how to make a basic left-oriented website. Includes information on applying watermarks, Photoshop textures, gradients, backgrounds, and colour schemes for your website.

Photoshop Tutorials for Beginners


12 Beginner Tutorials for Getting Started With Photoshop
This series is supported by Ben & Jerry's Joe, Ben & Jerry's new line-up of Fair Trade and frozen iced coffee drinks. Learn more about it here. Adobe

20 Photoshop Tutorials for Beginners - SloDive
We have collected 20 Superb and Easiest Photoshop Tutorials for Beginners which will teach you start from the opening the Photoshop file to blending.

50 Great Photoshop Tutorials for Clever Beginners - Tuts+ ...
Before you can create Photoshop masterworks, you need to learn the basics. Even the most complex digital artworks are built on a foundation of simple actions. These

Photoshop Basics - Tutorials for Photoshop Beginners
Get started learning Adobe Photoshop with these beginner tutorials on tools, features, and basic techniques every new user should know. Learn how to crop, rotate

Photoshop Tutorials for Beginners - Tuts+ Design ...
Photoshop Tutorials For Beginners is a collection of some of the very best material we have to help those who are new to Photoshop learn the basics.

Photoshop Tutorials for Beginners
A collection of free Photoshop tutorials for beginners. Aimed at beginners and beyond, starting with the Brush Tool.

Photoshop Tutorials from lynda.com - Online video ...
Photoshop tutorials walk through fundamentals, image editing and more. Learn how to use photo editing software with online tutorials from lynda.com.

Beginners' Guide to Adobe Photoshop - Pegaweb
This basic Photoshop tutorial shows beginners how to use Adobe Photoshop, in half an hour.

Photoshop Tutorials | Photoshop Essentials
Where anyone can learn Photoshop. Exclusive, easy to follow Photoshop tutorials! Step by step instructions, perfect for beginners!

30 Essential Photo Manipulation Photoshop Tutorials for ...
Whenever I have to research for new Photoshop tutorials for my compilations, I always focus on stunning, complex and difficult tutorials mainly targeted fo

Previous
Next Post »