Web Design Tutorials: Photoshop, HTML, Flash, PHP

Photoshop Tutorial – Create a Sunburst

I recently needed a sunburst for one of my tutorials. I had to choose from using one of the free sunburst brushes or creating one myself. Wanting to learn something new all the time, I chose of course to create a sunburst from scratch. It is not hard to make a sunburst in Photoshop but you really need to know some little tricks to get it right. Remember that this is not a vector sunburst, I will explain how to...

Photoshop Tutorial – Tree Text Effect

Learn how to create a tree text in Photoshop from this easy to follow tutorial. The text will be all covered with leafs, so we’ll obtain a very organic and natural look. The technique can be used to create other text effects simply by changing the leafs with something else(flowers, hearts, etc.). You will only need some textures, for the background and for the text itself, to create this cool Photoshop text...

Photoshop Tutorial – Design a Simple Yet Effective, Clean and Shining Button for Your Website

In this tutorial, I will show you the method I use to create a stylish, clean and shining button for your website in Photoshop. This method is extremely simple with no more than five steps, yet it’s very effective since you can use the button for a wide range of occasions. Along the way, the tools we will be using include the shape tool, layer blending options, brush and eraser tool. This tutorial is suitable for...

Photoshop Tutorial – Create Clean and Fresh Call-to-Action Button + Embossing Text Effect

In this tutorial, I will show you how simple it is to create effective, clean and fresh call-to-action button that will surely attract visitor’s attention, plus a super quick way to create this trendy Embossing text effect in Photoshop. Very easy tutorial, have a try! For those who haven’t yet came across the idea of “Call-to-Action” button – basically they’re buttons that you would want all your users...

Photoshop Tutorial – Draw a Rather Cute, Unique Style “Play” Button

In this tutorial, I will show you the process I took to create this rather cute, unique Style “Play” Button in Photoshop. It’s a simple (aimed for PS beginners) but fun tutorial, have a try The primary goal for this tut is to show you the functionalities behind the draw tools, selection tool and the use of layer blending options. I also added my own design ideas to make this play button a bit unique. Hope...

Photoshop Tutorial – Professional Retouching Tutorial: Dodge and Burn

Professional Retouching Tutorial: Dodge and Burn (Part 2) If you’ve completed the Professional Retouching – Healing tutorial with your chosen image, you’re ready to jump into the next step in your professional workflow, Dodging and Burning. This is an advanced retouching tutorial, so stick with it and keep practicing! You may know the Dodge and Burn tools (O) alter local exposure, lightening or darkening your...

Photoshop Tutorial – 5 More Incredibly Useful Non-Destructive Photoshop Techniques

Using a non-destructive workflow is essential if you want to Photoshop like a pro. By working non-destructively you will have much more flexibility over your work. Rather than any changes being permanent, you will have the ability to edit your compositions at any time. This is particularly useful for client work. If your clients request changes at any time you can quickly and easily edit your work without needing to...

Photoshop Tutorial – Top 10 Photoshop Shortcuts

As you become more familiar with the Photoshop interface, you’ll find that you produce work with greater speed and efficiency. Shortcuts are very useful for streamlining the creative process, so here I have listed my essential Top 10 Photoshop Shortcuts. Im certain these would benefit any Photoshop user not familiar with them. These things are pretty subjective, so feel free to share your own in the comments...

Photoshop Tutorial – Background Removal with Layer Masks

Layer Masks are an essential component of Photoshop, allowing the user to have full control over the blending and compositing of images and effects. New users often rely on the magnetic lasso or quick selection tools for background removal tasks,  however with Layer Masks you can achieve much greater accuracy. This method requires a little more patience than auto-selection tools, but is well worth the extra...

Photoshop Tutorial – Pen Tool Background Removal

Isolating items with clarity and finesse isn’t solely a fine-art pursuit in Photoshop, professional background removal is a common undertaking in the world of Digital Design. As it is a fundamental process, it’s well worth employing the best technique possible; and in my humble opinion, the Pen Tool is king. Due to it’s bezier nature, it’s a tricky one to get to grips with, but once learnt, becomes...

Photoshop Tutorial – Mac Os X Mail Icon Style

1. Using the Custom Shape Tool while pressing Shift make this shape: 2. Now right click over the layer and Rasterize Layer. 3. The go to Edit/Transform/Rotate 90° 4. Double click over the layer to open Layer Style’s window and add a Drop shadow as seen below. 5. Then go to Gradient Overlay and use #e7e7e7 to #f9f9f9 for the gradient. 6. Now make a new layer and with the Rectangle Marquee Tool make a rectangle...

Creating Flash Menu

Though website design is a prerogative of professionals, still there is a lot that anyone could do only if he knew how to. Making a menu for a flash website is one of these things. To make one you need to have a tool and to know the procedure. Your tool is Photoshop (mine is CS3 version), and the procedure is described in every detail in the tutorial below. I tried to make it simple, so that even it is your first...

« Previous Entries

Powered by WordPress | Designed by Elegant Themes