Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Sophisticated Laser Text Effect

Under


- Photoshop is recommended for this tutorial -

 
25 Stunning and Creative Photoshopped Ads

25 Stunning and Creative Photoshopped Ads

25 Stunning and Creative Photoshopped Ads

As the economy develops, our world has been thick with commercials and advertisements. However, not all the advertisements work as well as what the advertisers thought. Anyway, no one wants to read a boring paragraph of compliment or a long list about the promoted product. It is the creation in the advertisements that can really impress the viewers.

The following are 25 stunning and creative photoshopped ads collected from Creative Ad Awards, which is a new ads collecting website that featured by the most creative ads from the world. Please enjoy it and feel the surprise that the creation brings you.

Action Inside

All Day I Dream About Sneakers

Anywhere

Be Choked

Built for the Concrete Jungle

Don’t Mess with the Legend

Ultragliss Steam Iron. Faces any Wrinkle.

Fiery Party

Frozen Flame

Hole in Lake

The Natural Enemy of Boredom.

In the Arms of Elements

Lion Zebra

Military Jackets

Your walls deserve a paint which will age well

You can’t escape genetics

Organic Shampoo

Perfection Has Its Price

Poor Rabbit

Push the limits of everything

Smoking Hand

Every city is a mountain

The Gripper

The Insight Story

The Pair

How to Create an Essentially Beautiful Flyer

How to Create an Essentially Beautiful Flyer

In today’s tutorial we will be showing you how to make use of simple elements and colors in Photoshop to get an essentially beautiful outcome. People always over complicate things, that’s why we will be having a simple approach towards this large piece. We will be teaching you in a step by step manner and hopefully you can learn something new from this tutorial. Let’s get to it.

Tutorial Requirements

Stock: Model Wearing Purple Dress
Brushes: Abstract Glow Brushes by Ro-stock
Elements: Elements Pack
Textures: DSC_0042
Time: 1 Hour

Final Preview

Step 1

The first thing you have to do is decide what stock image you are going to use and what your output size for the large piece is going to be. Are you going to print it in a A3 size or are you going to only use it on the web. In our case we will be making a large enough image to use on the web and in print if necessary. Go ahead and open up Photoshop and then create a new document by going to File>New (CTRL+N) then create a document with the settings below.

Step 2

Now that you have a blank document in front of you it’s time to create your color base for the design. Go to Layer>New Fill Layer>Gradient this will bring up a gradient fill box. Now double click the gradient to setup a new gradient and set the gradient from #3c6c94 to #c0ecf8 (See below) Once you have created your gradient hit OK>OK and then you will see a nice smooth, good looking gradient as your base.

Step 3

Time to make use of the first downloaded texture, it’s called DSC_0042 I am not aware who the author of the texture is due to having the texture for quite some time now. Open up the texture and drag it into your canvas. Set the layer’s blending mode to Overlay and erase parts of the layer you don’t want. Now create a new layer Layer>New>Layer (SHIFT+CTRL+N) and use a big soft brush with the color #6b6b6b and brush over your entire canvas, then set the blending mode to Overlay. Lastly go to Layer>New Adjustment Layer>Gradient Map use the default gradient map, which is Black to White and then set the blending mode to Multiply and the Opacity to 76% This is what you should have below.

Step 4

Now it’s time to bring in our stock photograph, I have chosen to use one from iStock Photo. Open up your model picture in Photoshop and start to remove the background from around your model if you don’t know how to do it, follow This Tutorial from Media Militia. Now that you have removed the background from the models picture you can drag your model into your canvas and you should have something like this below.

Step 5

Now that you have your model in the canvas, it’s time to start working on the effects. Create a new layer and take a big black soft brush and then brush at the bottom of your canvas, just to add a darker feel at the bottom. You should have something like this below.

Step 6

In this step we will start adding lighting to the model. Create a new layer and fill it with black #000000. Now set the blending mode to Linear Dodge and select your brush tool with a soft brush of about 960px big. Now start using different colors to blend your model and lighten up the canvas. I used the following colors: Blue #005d7f | Pink #570033 & #970059 | Green #617c01 | Red #810007 I mixed those colors together and then finally used a hard small brush with White #FFFFFF to create the dots that you see on the chart below. The image you see below is the layer with colors without the blending mode.

Here you can see what the outcome is after the blending mode is set to Linear Dodge.

Step 7

You can see the piece is coming together now. In this step we will be repeating the exact same thing we did in Step 6 just with a bit different colors. Create a new layer and fill it with black #000000 now set the blending mode to Linear Dodge and grab your brush tool with a soft brush sized 700px now choose the colors that you want to use to light up the canvas. I used Pink #450627 & #32041b | Green #1a1900 you are free to use any colors that you desire though. See color placement below.

Now add in another soft pink in the top left hand corner just to balance the color in the piece.

Now make sure both your layers are set to linear dodge. You should have something like below.

Step 8

Now it’s time to add in some elements. In this case we will be adding in some butterflies, stars and cogs. I have made these elements available for download as a package Elements Pack Now you can import these elements into your canvas and then place them around how you would like them to be placed. I added in the cogs first and set some of their blending modes to overlay just to give a variety of depth.


Now I added in the stars and placed them around as I wanted, depending on the image you use, you can position them to flow with your design.

Next I added in the butterflies, I made some of them bigger than the others to also portrait depth in the piece. This is what I have so far below.

Step 9

In this step we will be adding some image adjustments. Go to Layer>New Adjustment Layer>Brightness/Contrast. Leave the brightness at 0 and make the contrast -20 now press OK to accept the changes. Now go back to Layer>New Adjustment Layer>Curves Use the RGB Channel and just curve your line out a tiny bit to darken the middle of the piece a bit. You should have something like this below.

Step 10

Now it’s time to make use of some brushes. Navigate down your layers palette and create a new layer just underneath your model layer. Now grab your brush tool and make use of Abstract Glow Brushes by Ro-stock now choose your brush from the pack and brush underneath the model layer to give it a mystical feeling. I made use of 2 different brushes in this case to make things flow well. I have something like this below.

Step 11

In our final step we will be sharpening the image. Firstly create a new layer by going to Layer>New>Layer and then go to Image>Apply Image. Now that you have a applied image go to Filter>Other>High Pass now use a radius of 10px and hit OK. Now set your blending mode to Overlay and your opacity down to 42% and you are done.

Final Preview

Top 10 Icon Design Tutorials in Photoshop

Top 10 Icon Design Tutorials in Photoshop

Sometimes, you may find it difficult to look for some of the highest quality photoshop tutorials using search engines. As most of time, almost all tutorials would label themselves to be good, high quality or even the best photoshop tutorial you can find. When searching through all these tutorials, your time is wasted.

In order to save your time, Photoshop Lady come up with Top 10 Icon Design Tutorials in Photoshop. These are selected from our Photoshop users and readers.

Designing a Portable Gaming Device Poster

Designing a Portable Gaming Device Poster

Welcome (back) to Photoshop Lady. Thanks for reading!

In this intermediate Photoshop tutorial we will be walking through the making of an interesting, creative advertisement poster. This is what I would consider great for advertising your newest product, or just getting some design practice. I will not be explaining the function of every tool in Photoshop used in this tutorial, instead I will be walking through the design process (if you could call it that, anyway).

Here is our end result:

GP2X Console Advertisement Design

About the Author

Eli is a young and aspiring web designer from South Australia.

Inspiration

Before starting, you may want to locate some inspiration for your design. Here are just a few great places for finding design inspiration:

deviantART (Designs & Interfaces)
depthCORE
Designflavr
Smashing Magazine Inspiration
Web Design Inspiration

And there are plenty more sites out there where you can get inspiration, just take a look. You can even get inspiration from stock sites such as iStockPhoto and Vector Stock.

1. Setting up the Canvas

When creating a new document (File > New), you may want to use a Preset size. I selected International Paper > A6. This is just for practice, so we want to keep it fairly small and RGB as the color mode.

Settings for New Document

Resolution should be at 300, unless you want to change it. To fit the document nicely on your screen you will probably have to zoom out to around 33.3% of the document size.

2. Creating a Basic Background

For our basic background we’ll just be using a radial gradient. Locate and get out the gradient tool, then set your settings similar to these:

Radial Gradient Settings

The colors seen in the above image are: #a2f0e0 and #3793b3. All done? Create a radial gradient in the center of your document. I recommend you draw some rulers onto your canvas so you can find the center easier.

Centered Radial Gradient

2-2. Additional Background Effects

Now we want to upgrade our basic background a little bit. You can do this by adding a simple texture in there then messing with the layer mode(s) and opacity. First, head on over to Katanaz-Stock on deviantART and download the Light Texture 03 image.

Copy this image onto your canvas, resize/rotate it if you like, then change the layer mode to Multiply and lower the fill/opacity to something very low, 10% for example.

Light Texture Added

Duplicate your texture layer once, change the layer mode to Screen and put the opacity up to 50%.

Light Texture Duplicate

Now, we still have a fairly basic background, but it’s much nicer than just a gradient.

3. Choosing your Product

Now you need to decide what sort of product you want to promote in this design. It could be a cell phone, a gaming console, something fashion-related, or anything really. I’ve gone with something a little more unique for this tutorial, a GP2X F-200.

Head over to Google Images and search for a large or an extra large image of whatever product you want to use. I was lucky enough to find a pretty decent, extra large image of a GP2X.

gp2x

Click the above thumbnail for the fullsize image that we’re using.

3-2. Touching up Product Image(s)

Part of the job is touching up product images and making them suitable for placing in your main design document. As you can see, the image I’ve chosen has some noticeable blotches, blemishes, etc. so let’s try and remove them using the Clone Stamp Tool. There are a few different tools that you can use to remove imperfections, but I’ve found the Clone Stamp Tool works just fine (maybe even best), in a case like this.

Clone Stamp Tool in Action

If you’re not too fond of what we’re doing in this step, you can of course just download the PSD file at the end of the tutorial and use the cutout, although you won’t have learned much!

After you have touched the image up, we need to cut the product out from the background. Since the product is very light grey on a white background, you can’t simply use the Magic Wand Tool, can you? So we’ll have to use the Pen Tool to make a very clean, precise selection around the device.

Pen Tool and Path Created

Obviously I can’t really walk through you through the entire making of the path, so if you’re a newbie with the Pen Tool and making paths, I recommend you read this advanced tutorial on the Pen Tool.

Optional: after you’re done you may want to add a colorful image into the screen of your product.

GP2X Screen Added

4. Product Placement

After you’ve made all of your touchups and cutout your product, copy it over your other canvas. If you’re running a newer version of Photoshop (CS3 I think), you should be able to convert your layer to a smart object, so you will be able to resize it, rotate it and resize it again (over and over) without losing quality.

So, if you’re on a newer version of Photoshop, right-click your product layer and convert it to a Smart Object.

Convert Layer to Smart Object

Using Transform Mode (ctrl+t), size your product down to something more appropriate and then position it accordingly. To bring your product off of the background, you may want to apply a basic drop shadow via an Outer Glow layer style.

Outer Glow Layer Style Added

Duplicate your GP2X layer twice, rotate one -15.0 degrees, and the other 15.0 degrees using Transform Mode (ctrl+t). Position your new duplicates accordingly, and size them down a little if necessary. You have to use your own imagination here.

Duplicate and Rotate Products

Both duplicates have a similar Outer Glow layer style applied to them, except using a lower opacity.

5. Abstract Elements

To make our design “pop” we’re gonna use some abstract elements.

Using Cinema 4D I managed to muster up a basic but cool abstract render using the GP2X image as the texture. Using this render we’re going to make our design look a whole lot more interesting.

Download Abstract Render

This is how I made use of the 3D abstract:

1. Start by copying it to your canvas, make a few duplicates.
2. Rotate/resize/position your render(s) underneath the product, then erase away the parts of the render that make the overall design look worse than better.
3. Repeat 1-3 times.

And now I have this:

Abstract Render Duplicates

Now that looks much better! If you look around for some inspiration, or in some magazines for creative cellphone ads, you’ll notice these ads have a similar design style going on. The idea is to get some creative elements behind the product/around the product/maybe on top of the product.

6. Vector Elements

I still think our design is a bit boring, so let’s find some vector stocks. Check out the freebie websites such as Vecteezy and find some vectors. Or you can go to iStockPhoto/Vector Stock/Go Media and get some premium vectors.

To start off with I just used two simple splats with a light, sky-blue color (#87ffff), but it should be very easy to find a free brush that will do the job of these vectors just fine.

Splatter Vectors Added

Next, I used a set of vector icons that I bought a while back from Vector Stock for just one credit (one dollar!) to place underneath the product. This is what I’ve got:

Icon Vectors Added

This may look better or worse in your opinion, so please feel free to do whatever you like with the design to make it according to your tastes.

Note: the icons in the above image have an outer glow applied to them, using a light color and Linear Dodge as the blend mode.

Another note: for some reason I’ve been unable to locate these icons again on Vector Stock, otherwise I would have linked to them. I’m sorry if this is an inconvenience.

7. Logo/Text

If possible, find a large version of the logo that belongs to the product you’re trying to promote here. Copy it onto your canvas and resize it to an appropriate size.

Logo Added

Optional: lower opacity and apply layer styles to add extra effect to the logo.

Layer Styles Change

Next, add in some text describing your product.

Top text, description:

Top Description Text Added

Bottom text, website URL:

Bottom Text (URL) Added

The font used here is called Frutiger, it’s a commercial font rather than a free one, so you may want to find a suitable alternative. The text you can see in the above images also have a slight Drop Shadow layer style applied to them.

8. Finalizing

Finalizing the design is up to you. You need to add your own touches to this design to make it perfect. I don’t think I did anything to it that wasn’t stated in the tutorial! Some ideas would be to change the color of the document using some adjustment layers (add more contrast using levels adjustment, etc.)

A good idea would be to add some more color, so if you like, create a new layer, select a large, soft brush and make a few blobs on your canvas using different colors. Change the layer mode to something such as Color Dodge or Overlay.

GP2X Console Advertisement Design

Subscribe to Photoshop Lady

If you don’t want to miss any great articles or tutorials, please subscribe to Photoshop Lady via a feed reader, or via email updates!

Thanks for reading the tutorial, I hope you enjoyed it.

PostworkShop – Beyond the Artistic Filters

PostworkShop – Beyond the Artistic Filters

Introduction

Everybody knows the artistic filters in our favorite image editing program, but sometimes the results can appear somewhat artificial. Let me introduce you an alternative tool: PostworkShop that comes in handy when we need an artistic effect for a photo, a 3D render or a vector illustration. First let’s see a few sample images:

pic1

These are just a few possible results among the 350+ artistic styles that you can find in PostworkShop, the artistic image manipulation tool that we are talking about. It costs $99 usd only, which is very affordable!

How it works?

With one simple click you can transform your photo, 2D image or 3D render into an oil painting or watercolor, pastel drawing or pencil sketch, abstract or old-time photograph with the built-in styles.

pic2

You can also Create your own styles with the Style Editor. Simply drop filters and existing styles into the workspace and build a new, custom filter graph. Just link each filters’ output and input pins together to easily create a complex image processing engine that becomes your own custom style!

Currently, PostworkShop is not a Photoshop plug-in, but image exchange is possible through PSD files. The plug-in will be released as a free update in version 2.0, so you can already start to learn and use it.

Conclusion

PostworkShop is really a handy tool for transforming pictures in a lot of different styles. It is easy to learn and to use. We do strongly recommend it. Let’s try it out now!

How To Paint A Poe & Pluton Cartoon Portrait in Photoshop

How To Paint A Poe & Pluton Cartoon Portrait in Photoshop

Final Image Preview

On this tutorial we will make a Poe and Pluton cartoon portrait, using custom brushes created by ourselves

Tutorial Assets

Watercolor Texture

Paper Texture

Step 1

Open a new document of 1800px high and 1200px wide. First, we will set up what will be the brush that we are going to use to draw the general lines, from the Brush Selector pick the brush no.30, Hard Round, and set its opacity to 75% and Flow to 35%.

Step 2

Now, on the Brush Presets menu (F5), make the following settings, check the Shape Dynamics and Transfer boxes, and adjust Spacing to 1%. You can see the final shape of the Brush.

Step 3

Create a new layer “Poe”, and leave its default setting. With the Brush we created, start drawing the face, neck and shoulders, adjust the size to get thicker strokes on the garb, and thinner strokes for the face, hair, and neck. Draw flowing strokes, without taking much care on the detail, afterwards use the Erase Tool to remove the unwanted parts of the strokes. Also use the Erase Tool to create the eye’s brights.

Step 4

Next, on a new layer “Body & Pluton”, start drawing the Poe’s lower body and Pluton. On the picture you can see that the strokes just establish the main forms, using stains instead of precise lines. Again, use the Erase Tool to remove certain areas as Pluton’s eyes and Poe’s fingers.

Step 5

We will add an extra layer “Lower Body”, where we will paint the area between Poe and Pluton. After, this will be useful for split the two elements and avoid to mix them together. Notice the erased area beside the Pluton’s head.

Step 6

Now, let’s start to create our custom watercolor brush. Use a new layer to paint two brush strokes as shown, using the Soft Round Brush. Notice that they aren’t symmetrical, this will be better for the final result. Next, go to Edit > Define Brush, we can name it “watercolor”, now it is ready on the Brush List for being used.

Step 7

Next, on the Brush Presets (F5), start setting the following adjustments, check the Shape Dynamics box, and adjust Spacing to 1%.

Step 8

Check the Scattering box and adjust its settings as shown. The same with the Transfer option. You can see how the brush shape changes on the display.

Step 9

Finally check the Dual Brush box and select the brush number 45 with the following settings. Now we have our watercolor brush ready for be used.

Step 10

Pick the Smudge Tool, and with the watercolor brush, smudge the painted layers we created before. Adjust the Strength to get different results.

Step 11

Create a new layer “Details” and with a Hard Round Brush paint the fine details as cat’s whiskers and some loose hairs. Next, with the Smudge Tool, and a Soft Round Brush selected, drag some portions of black to create more cat fur, with a small brush size selected.

Step 12

Now, we will create another textured brush. Using the brush number 30 as a base, apply the following settings on the Space Dynamics and Scattering sliders.

Step 13

Following with the Transfer and Dual Box adjustments.

Step 14

Picking the Eraser Tool, and the brush we just create selected, erase some edges of Poe’s suit to imitate a dry brush watercolor effect.

Step 15

Next, create a new layer “Pluton’s Eyes”, and on it draw the necessary brush strokes to draw the eye’s pupil, yes, remember that it only has one…and the eye’s shadows. With white color, paint the tusk and the eye’s brights.

Step 16

For the Poe’s face shadows, select the brush number 30 and adjust it as shown.

Step 17

For the Poe’s face shadows, create a new layer “Poe Face Shadows”, set its Blending Mode to Normal and 60% opacity. Start painting the shadows as cheeks, chin, eye sockets, etc. Overlap more than one brush stroke to achieve darker tones.

Step 18

Let’s start with the background, create a new layer “Background Color”, just bellow of the layer we created before. On it, with the Gradient Tool, select a brownish tone and make a gradient from bottom to upper zone as shown.

Step 19

Next, to start making the lights, create a new layer “Highlights”, with the brush we created on step 16, select white color, and start painting the lights, I chose a cenital light, so it impacts on the upper areas of volumes as shown.


Step 20

To add some vignetting on the background, go to Filters > Lens Correction, and on the Custom tab you will find out the Vignette Amount slider, a quantity of -40 will be ok.

Step 21

To create the paper texture, we will add a real paper image. Create a new layer “Paper Texture”, set its Blending Mode to Multiply and 30% Opacity. Next, Copy and Paste the paper image on that layer.

Step 22

Next, we will add an spotlight just behind Poe. Create a new layer “Spotlight”, set its Blending Mode to Lighten and 50% Opacity. With the Elliptical Marquee Tool, create a circle, place it behind the Poe’s shoulders and fill it with withe color, next go to Filter > Blur > Gaussian Bluer, and blur its edges. To avoid that the white overlap to Poe, create a Layer Mask and hide the unwanted areas.

Step 23

Continuing adding textures, create a new layer “Ink Stain”, set its Blending Mode to Lighten and 80% Opacity. On it, place one of the ink textures you will find on the assets as shown.

Step 24

More textures…Create a new layer “Aged Texture”, set its Blending Mode to Soft Light, and 80% Opacity. On it place again one of the ink textures from the assets to give an aged finish to the image. Notice that all textures are placed bellow Poe & Pluton’s layers, to keep them clean on other plane.

Step 25

Now the image is almost finished, create a new Group and put in it all the layers. Next save the document as .JPG, open it, and place this file on top.

Step 26

With the Dodge Tool, light up a bit some areas to create more contrast. The watercolor brush will be a good choice to do that.

Step 27

Again, let’s add some more vignetting, go to Filters > Lens Correction, and adjust the Amount slider to -30.

Step 28

Finally, to add some noise to the image, create a new layer “Noise”, set its Blending Mode to Multiply, and fill it (Shift + F5) with white color. Next, go to Filters > Noise > Add Noise, a quantity between 8 and 10 will work.

Step 29

And this is the final result

Premium Custom Design Service

Premium Custom Design Service

thumbnail_retouching-1373021169

Character & Mascot Logo Design

Andy is a Game Graphic Designer, Illustrator, Mascot Designer. You can get some great Character/Mascot Logo Design for an affordable price.

4 days with 2 revisions

($200) View Service

thumbnail_retouching-1373021169

Professional Landing Page Design with SEO

I will design your one page website with an eye for detail and focus on placing the elements in the right place for maximum conversion. I’m sure the end result will be to your satisfaction.

7 days with 5 revisions

($145) View Service

thumbnail_retouching-1373021169

Professional iOS App Icon

I’ll help you make an icon for your application gorgeous!I provide high quality designs. It includes 1 PSD file and PNG package with the size 1024, 512, 144, 114, 72, 58, 57, 50, 29px.

4 days with 3 revisions

($250) View Service

thumbnail_retouching-1373021169

Professional Logo Design + Corporate Identity Manual

You will get Vector logo in Ai, EPS, PSD and JPG formats, 4 color versions (full color positive, full color negative, one color positive, one color negative), 8 page Corporate Identity Guide PDF (usage guidelines, CMYK/RGB colors, Typography, etc).

3 days with 2 revisions

($180) View Service

thumbnail_retouching-1373021169

Professional Logo Design

You will get 3 concepts of logos, Set revisions on selected logo, 100% vector logo scalable to any size without loosing resolution, Different file formats for web and print use such as .ai, .eps, .psd, .pdf, jpg, transparent .png

1 day with 5 revisions

($50) View Service

thumbnail_retouching-1373021169

Professional Badges (4 Badges)

You will get 3 concepts of logos, Set revisions on selected logo, 100% vector logo scalable to any size without loosing resolution, Different file formats for web and print use such as .ai, .eps, .psd, .pdf, jpg, transparent .png

4 days with 2 revisions

($100) View Service

thumbnail_retouching-1373021169

Professional and Unique Business Card Design

You will get a professional, good looking business card, front and back, Ready to print business card! I will provide them in photoshop layered format or any other file format you need.

2 days with 3 revisions

($30) View Service

thumbnail_retouching-1373021169

Modern and Clear Infographic

You will get a clean and clear infographics. Everytime build on great font and first look understandable. With your data I provide sketches and after you reconsideration provide a final graphics. I deliver any size of .png and .psd file.

3 days with 2 revisions

($195) View Service

thumbnail_retouching-1373021169

Modern One Page Design

One page website design work i am doing is using 960 grid system format, so the design will be responsive made. Deliverables would be in .psd format and on your request some icons or shapes i use can be done vectorial.

2 days with 4 revisions

($195) View Service

thumbnail_retouching-1373021169

Logo & Brand Identity Design

My process is clean and quick, emails are responded to nearly immediately and revisions are knocked out in no time. Deliverables can be handed off in any file type, but always start in a fully scalable, vector format that can work on everything from a button to a bus.

4 days with 3 revisions

($300) View Service

20 Best Places to Submit Your Photoshop Tutorials

20 Best Places to Submit Your Photoshop Tutorials

When you have created your own amazing Photoshop tutorials, I am sure you would like to spread the world by submitting them to the Photoshop tutorials sites. However, many of the Photoshop tutorials sites are inactive, and have not been updated for a long time. Only some of the Photoshop tutorials sites can drive you large amount of traffic.

We have selected the following 20 Best Places to Submit Your Photoshop Tutorials. They can gives you nice amount of traffic and a good quality of valid linkback. You can find the “Direct Submission Link” on each of the Photoshop tutorials sites we mentioned. We hope it can make your life easier.

—————- Direct Submission Link —————-

Pixel2Life

Pixel2Life

Pixel2Life is probably the biggest tutorial search engine on the web, covering the most subjects as well.

—————- Direct Submission Link —————-

Good-Tutorials

Good-Tutorials

Good-Tutorials is the largest source of tutorials on the web today. It has been featured on the BBC, SkyNews, TechTV (now G4), in the British magazine iCreate, PC World, and has been linked to by thousands of sites, blogs and forums. Since its start in 2002, it has been designed, coded, and loved by Zach Holman.

—————- Direct Submission Link —————-

Design Bump

Design Bump

Design Bump isn’t just a tutorial website, rather a general design resources depository. Covering subjects such as: Web Design, Tutorials, Flash, Business, Programming, WordPress and much more!

—————- Direct Submission Link —————-

Psdtuts+

test
Psdtuts+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around. We publish tutorials that not only produce great graphics and effects, but explain the techniques behind them in a friendly, approachable manner.

—————- Direct Submission Link —————-

PSLover

PSLover

One of the bigger Photoshop tutorial databases on the web, PSLover has been arond for quite a while now and is still going strong.

—————- Direct Submission Link —————-

Tutorialvault.net

Tutorialvault.net

Tutorialvault.net focuses on collecting and archiving the best graphic and coding tutorials on the internet. While a large part of our database features tutorials from the Adobe Family of programs, we also have a vast list of CSS, PHP and 3D tutorials.

—————- Direct Submission Link —————-

TutorialsGarden

TutorialsGarden

Covering many subjects extensively, such as: 3D Studio Max, CSS, Fireworks, Flash, Gimp, Photoshop and more.

—————- Direct Submission Link —————-

Tutorial Outpost

Tutorial Outpost

Tutorial Outpost was started in November 2003 by Josh Pigford initially as a project to learn web development. It quickly turned in to much more as being one of the first major tutorial portals around. It has expanded in to many more categories past the initial Photoshop Tutorials and is now visited by more than 125,000 people each and every month.

—————- Direct Submission Link —————-

Tutorials Expert

Tutorials Expert

Covering subjects of: 2D graphics, 3D graphics, audio editing, business applications, databases and more.

—————- Direct Submission Link —————-

Photoshop Roadmap

Photoshop Roadmap

A brilliant collection of Photoshop tutorials, brushes, resources and plenty more.

—————- Direct Submission Link —————-

FSTutorials

FSTutorials

A beautiful depository for Photoshop tutorials, including the following categories: basics, buttons, color effects, designing, drawing, photo effects, special effects, text effects, textures and web graphics.

—————- Direct Submission Link —————-

TutorialMix

TutorialMix

Covering topics on the following: 3DS Max, Photoshop, ASP, Cinema 4D, Dreamweaver, Illustrator and many more.

—————- Direct Submission Link —————-

Tutorial-Index

Tutorial-Index

One of the younger but larger collections of tutorials on the web. Tutorial-Index covers the following subjects: Photoshop, Flash, PHP, Unix, Javascript and many more.

—————- Direct Submission Link —————-

TutorialKit

TutorialKit

Covering many popular categories, including: Photo Correction, Special Effects, Text Effects, 3D Effects, Web Layouts and Graphic Design.

—————- Direct Submission Link —————-

Tutorialized

Tutorialized

One of the oldest tutorial databases, Tutorialized has been around since the beginning.

—————- Direct Submission Link —————-

Total Tutorials

Total Tutorials

Covering tutorials on Photoshop, 3D Studio Max and Cinema 4D, Total Tutorials has been in the game for a very long time.

—————- Direct Submission Link —————-

Tutorial Center

Tutorial Center

Just some of the categories that Tutorial Center covers: Photoshop, Illustrator, InDesign, Blender, CSS and more.

—————- Direct Submission Link —————-

Kaoz-Tutorials

Kaoz-Tutorials

Covering the following subjects in some depth: Photoshop, Flash, HTML and CSS, Javascript and PHP.

—————- Direct Submission Link —————-

CG Links

CG Links

CG Links covers 3D & 2D files, tutorials, books, plug-ins and textures

—————- Direct Submission Link —————-

CGTutorials.com

CGTutorials.com

CG Tutorials is becoming one of the fastest growing directories of computer graphics tutorials. We seek to index all computer graphics tutorials in order to give them publicity and to give everyone an easy way to find the tutorial they seek.