Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.

Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.

Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.

Suggested Links Photoshop Tutorials
Logo Designer's Logos
Web Design Tools List
Layouts & Templates Directory
Web Design & Graphic Design Blog
Photoshop, Flash, 3D Studio Max Tutorials
Web Designers & Developers
Crafts for Kids
Photoshop Tutorial Man
Tutorial Guide -- Free Webmaster Tutorials
Design Contests
How to Draw
Work From Home Job Search

 

OTHER SITES WE OWN
AllFreelance
Graphic Design Resources Directory
Graphics Tutorials Directory
Social Networking Articles
Design Sites Up
All Freelance Work & Portfolios
Graphic Design Community
Education & Learning Directory

SEARCH DESIGN SCHOOLS Zip Code: Subject: Digital & Media Arts Fashion Design Interior Design Photography Graphic Design Animation Web Design Business Culinary Arts Education Healthcare Law & Justice Psychology Technology Technicians Degree: - Select All Degrees - Associate's Bachelor's Master's Doctoral Certificates Diplomas Coursework Online Campus Both

home > Web Design Tutorials > Web Graphics Software > Adobe Photoshop Tutorials > Adobe Photoshop Beginners Tutorials

PHOTOSHOP WEB TUTORIALS FOR BEGINNERS - Introduction to Photoshop Lessons for Beginning Adobe Photoshop Users Just Learning How to Use This Software.

Beginners' Guide to Adobe Photoshop - Ever wanted to learn how to use Adobe Photoshop, but had no idea where to start?

Creating a Watermark - Large areas on your page which are monotone (a single colour) can look very drab. The best way to rectify this problem is by using a watermark. A watermark is a lightened area, as if someone had poured water onto it.

Fonts and Text - As far as I'm concerned, there are only two fonts worthy of being used for body text on web pages. Verdana, and Arial, both at size 2 (10 pts). At size 3 or larger, these fonts look different, so I tend to stick to size 2.

Graphic Designers from our Community

Professional Logo- Create a professional logo for your company.

Invision Borders- Create borders similar to the ones on IPB forums (default skin).

Lava Text- Create this stunning unique "lava" type effect for your text.

Chrome Text- Create some cool and shiny chrome metal text with some easy to follow steps.

Alien Header
Create an "Alien" type header interface using this detailed tutorial.

Expandable Content Boxes- In this tutorial you will learn how to create a cool smooth content box, slice it, and adjust so it can expand to any width or height.

"Link Me" Buttons- Create your site a "link me button".

Jumping Jack-O-Lantern - Tweening an Animation- One of the more advanced techniques available for animating GIFs in ImageReady is tweening. Derived (more or less) from "in between," the term refers to the automatic generation of frames for your animation. You create the first and last frames and let ImageReady do the work in the middle...

Halloween is Even Closer - Basic Animation with Slimy Type
In the previous column, we created some slimy text on a wall. Now let's have some fun and make that slime drip down the wall in an animated GIF, using Photoshop and ImageReady. The Gif file will be suitable for playback on your favorite Halloween Web site, or for use as in an animated Halloween...

Halloween is Coming- With Halloween right around the corner, it's time to start dressing things up. And nothing quite says "Happy Halloween" like some slimy letters sliding down the wall. In this installment, we'll create the slimy text and next time we'll make it drip down a wall in an animated GIF...

Tech Star Avatar - Make a new document. I used 380x380. Fill it in with black. Go to Filter>Render>Lens Flare and use these settings:

Make a Dragonball- Create a simple orbish Dragonball from the cartoon DragonballZ!

Vector Simplicity #2- Open up an image of a random person holding something. I have chosen Mace Windu from the awsome movie STARWARS Revenge of the Sith. Then outline your character like you did in the previous tutorial and fill it with black…

BountyHunter Metal
Copy the metallic style from the Bounty Hunter text!

Eroded Text- Create a text that evokes images of ancient ruins - no, it's not written in Greek! - with layer styles and noise filters.

Retro Stars- Create Retro Stars used in the 80's a lot!

Chrome Text Effect- When you see rappers with the Ice around their necks... you just wanna make that too!

Chrome Text Effect
When you see rappers with the Ice around their necks... you just wanna make that too!

Technical Interface- Want to create a sleek, hi-tech look for your website interface? Just a beginner? No problem. Follow this guide and you'll make something far beyond your expectations.

Glowing Animation- Create an animation just like the admin-sigs in the forums...

CobbleStone Text- Make your text look like pavement in New York...

Pencil-Scetch- For beginners, a pencil sketch tutorial that will introduce you to the basics of layers and filters.

Fable Text
Create the shiney Text just like the logo from the RPG Fable...

The Palette- This will teach you how to use the palette, the one thing that must be know before using Photoshop….

Navigation Box
Use the Rounded Retangle Tool to create a box of your liking anywhere. Also try to use the Radius seen in the toolbar. I always use 20 px, 10 px or 5 px. Once you've filled it with a random color it's time to get the Retangle-Tool and select a small piece of the top...

Website Header- Aimed at beginners, this tutorial simplifies the process of making a header, with an emphasis on the toolset as much as on the end-product.

Picture in Text- Begin with a new file, size and color doesn't matter. Then take the Text Tool and type in your text the color on the text doesn't matter...

3D Spikes
Begin with a new file, 300x300, and with a transparent background. Now set your foreground color to black, then take the Paint Bucket Tool and fill your canvas with your foreground color...

Logo Tutorial
Begin with a new file, 250x200 and with a white background. Then create a new layer in the layers palette. Now take the Polygonal Lasso Tool and create a shape similar to the one below, fill the shape with any color...

Stylish Webpage- In this tutorial you will learn how to create a Stylish Webpage. I will use a few patterns in this tutorial, so let's begin with the first pattern...

Menu Button- Begin with a new file, size and colors doesn't matter. Then create a new layer. Now take the Rounded Rectangle Tool and draw out a shape similar to the one below...

Brave New Blending Styles: Six- Here's simple 'Style' applied to an Ellipse Shape. This gives the appearence of a door bell. Most effective style's are created using extreme combinations. Follow along this series, you'll see just what I mean...

Brave New Blending Styles: Seven- Here's simple 'Style' applied to an Ellipse Shape. Applying a knockout to the center and using a Satin Layer Style makes for this neat object. Start off with a new document (mine 341x313) , next hit the 'D' key on your keyboard to set the foreground to 'Black'...

Brave New Blending Styles: Two- Here's simple 'Style' applied to an Ellipse Shape. Most effective style's are created using extreme combinations. Follow along this series, you'll see just what I mean...

Brave New Blending Styles: Three- Here's simple 'Style' applied to an Ellipse Shape. Most effective style's are created using extreme combinations. Follow along this series, you'll see just what I mean…

Brave New Blending Styles: Four
Here's simple 'Style' applied to an Ellipse Shape.This gives the appearence of a glass eye or camera lens affect. Most effective style's are created using extreme combinations. Follow along this series, you'll see just what I mean...

Brave New Blending Styles: Five- Here's simple 'Style' applied to an Ellipse Shape. Applying a knockout to the center and using a Satin Layer Style makes for a neat object. Start off with a new document (mine 341x313) , next hit the 'D' key on your keyboard to set the foreground to 'Black'...

Awesome Abstract - Begin with a new file, 300x300, and with a white background. Now go to Filter>Render>Fibers, and apply these settings, Variance 50 and Strength 4. Then go to Filter>Pixelate>Mosaic, Cell Size 25, and then go to Filter>Sharpen>Sharpen, press Ctrl+F, and now should you have something like this...

Pixelate Tutorial - Begin with a new file, and with a white background, the size doesn't matter. Then take the Text Tool and type something. Now head over to the layers palette and right click on your text layer, choose Duplicate Layer…

Content Box- Begin with a new file, 300x300, and with #5D5D5D as your background color. Then create a new layer in the layers palette. Now take the Rounded Rectangle Tool and create a similar shape to the one below, fill the shape with #444444...

Brave New Blending Styles: One- Here's simple 'Style' applied to an Ellipse Shape. Most effective style's are created using extreme combinations. Follow along this series, you'll see just what I mean. Start off with a new document (mine 366x364) , next hit the 'D' key on your keyboard to set the foreground to '...

Removing Scunge- Have you ever used someone else's render and got a thin border of "scunge" around the outside? This neat little trick easily removes that fine line of scunge from any cut-out image...

Transparent .GIFs- Learn how to take a rectangular signature of any dimension and then add a render that has parts sticking out. This is all about making transparent .GIF files...

Water Color Retro Art Style- What you will need to begin is a high resolution image. (Not supplied - below is just a sample of what I used for this effect.) Note: Image courtesy of AbsolutVision Photo Gallery...

Type Basics: Point Type and Area Type- Type in Photoshop is either point type or paragraph type. Point type is added to a document at a specific location (or point) in the image. In contrast, area type (also called paragraph type) fills a portion (or area) of the image...

Photoshop Type Basics- In any discussion of type and text in Photoshop, it's important to keep one key concept in mind: Photoshop is an image editing program, not a page layout or illustration program, nor is it a word processor. As such, don't think of Photoshop's type handling capabilities as lacking...

Photoshop's Improved Type Capabilities- Photoshop 7 adds several major new capabilities, such as the File Browser, the Healing Brush, and Tool Presets. But you'll also be quite pleased with the dozens of little tweaks in the program, including some long-awaited improvements in the type department...

Photoshop's Tool Presets- What if Photoshop had a separate tool for every variation of every option? What if there was one Crop tool to create 4x6 inch images at 240 dpi, another Crop tool for 8x10 at 300 dpi, another for 800x600 pixels at 72 dpi, and so on. The Toolbox would be pretty crowded...

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

Pixelated Censor- For most users of Photoshop, good is not good enough. Today we'll tinker with the Mosaic Effect setting to create a pixelated censor…

Glossy Photos
Zap your photos with the elliptical marquee tool as well as a drop shadow or two and you'll give them a glossy effect.

Infrared Landscapes- Convert color landscapes into realistic infrared photos….

Gradient Work Tutorial
Let's do some more layer masking. Here I'll show you how to create a fade to white or fade to black effect. Start with a flattened image or a photograph on a new document...

Gradient Work Tutorial- Here you are going to learn a very simple yet very effective way to create beautiful blends and fades. Create a new document at the desire size that you want. Keep in mind your end format (72 for web, 300 for print)…

Masking Tutorial- Here I'm simply getting the selection of the layer that will be the foreground element (the 'woman' in human terms). Select with the magic wand tool (look at the toolbar) and then right click and select inverse to close the selection in on the forward anomaly...

Making Graphic Development Kits- If you're a web designer, you sometimes find yourself having to do the same type of changes to images (hue change, lightness, add blur, etc.), and even if you use macros it's hard to open each image and edit it individually...

88x31 Affiliates Banner- In this tutorial, I will show you how to make an attractive affiliate banner…

Add a photo border tutorial
Here I'm going to create an effect which you will see on countless brochures and on the back of your favorite movies in your home collection (especially comedies)...

Color Replace with Ease
Using Photoshop CS or CS2 Color Replacement Tool (B), makes color alterations a simple process. Follow this simple process to learn how…

Rounded/Cornered Shapes Simplified- Here are a few ways to create rounded/cornered graphic panels in Photoshop.

Text On A Spiral Path in Photoshop CS- A follow up from the Type on a Path introduction, here is a simple way to add text to a spiral path.

Spell Check Multiple Type Layers- A handy feature in Photoshop is the Spell Check option for type layers. It can be used for a single type layer, a single word, but also for multiple type layers at once. Below is an example of two separate Paragraph type layers and in each paragraph is an intended misspell...

Custom Curtain Textures
Here is a process to creating custom curtain or fabric textures with Photoshop.

Photoshop Path's Made Easy
Here is a simple way to get comfortable using Path Tool...

Text On A Path in Photoshop CS- An anticipated feature to Photoshop and only available in Photoshop CS is the Text on a path Tool. The Path can be either an open or closed path as well as a vector filled path...

Wedding Movie Poster from Digital- Start this wedding version movie style poster Photoshop tutorial by dragging in the bride to a nice sky/cloud photo (here is again from Photos.com). Go ahead and use the eraser tool to get rid of the extra junk around the bride…

Batman Begins Logo (Exclusive Tutorial)- In this tutorial you'll learn how to make the new dark logo for Batman Begins…

Photoshop to Dreamweaver- In this tutorial you will learn how to slice and convert a Photoshop website template into an editable web page

Custom White Balance Cards- An alternative of purchasing expensive white balance cards. White balance cards can simulate coloured filters such as a warming or cooling filter...

Unsharp Mask Filter- The Unsharp Mask filter sharpens an image by increasing the contrast between pixels.

Glass Effect- Add a glossy glass effect to any shape using layer styles.

Metal Tiles
Shiny metal tiles with random textures…

Latex Texture- Create a shiny and wavey latex texture

Camera Motion Blur- Create a realistic motion blur that resembles one created using a camera rather than a photo editing software. This tutorial requires Adobe Photoshop CS2.

3D Anaglyph- Create 3D anaglyphs to be viewed with red and blue/green anaglyph glasses.

Making Batman Logo (Exclusive Tutorial)
Batman, of course, is more than a logo; there are, besides, action figures and comic books. Yet Batman remains at least in part the logo in this tutorial