Browsing Category

Web Graphics

Web graphics tutorials on PSD Vault – including buttons, banner designs, web icons tutorials.

Best PSD Vault Photoshop Tutorials 2014
Abstract, Basics, Drawing, Photo Effect, Resources, Text Effect, Web Graphics,

Best of PSD Vault Photoshop Tutorials 2014

Hi guys, this is James here and 2014 has flown past us – as we step into the holiday season, I would like to say a big thank-you for all your readers out there who have visited my blog in the past year. I really do hope my tutorials and articles have helped you with your Photoshop adventure! It has been a great joy for me and the tutorial writers on PSD Vault to share our knowledge with you guys.

Drawing, Resources, Web Graphics,

10 Delicious Icon Design Tutorials Done in Photoshop

In terms of Icon design, people may think of Illustrator (or any other vector-oriented software) much more often that Photoshop. However, what happen if you just want to make some icons and the only tool you have is Photoshop?

Here I collected 11 Ultra Delicious Icon Design Tutorials Done in Photoshop to show you how you can create great icons with the drawing facilities available in Photoshop. If you haven’t already seen them, take a look! You might be surprised to see how Photoshop can do :)

Basics, Drawing, Photo Effect, Web Graphics,

(Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design

Previously I published a post named “5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design” and it turns out to be quite a popular tutorial here. (Had about 35,000 hits so far). So I guess you guys (especially Photoshop beginners) would probably like another similar post. So here we go :)

In this post, I will show you yet another 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design. These techniques are just little things that I found useful in Photoshop, and I think they’re quite beneficial to learn if you’re a PS beginner. So go ahead and have a try!

Drawing, Web Graphics,

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

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 you enjoy it!

Text Effect, Web Graphics,

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

In this tutorial, I will show you how simple it is to create effective 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 to click on when they land on your page. Usually they’ll be a link to a download, signup or sale. By making those buttons easy to easy and click on, you increase the likelyhood that user will notice the button, then follow up with relevant actions.

As for embossing text, they’re everywhere now on the web, and I personally quite like this particular effect :)

5 effect 2
Web Graphics,

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

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 beginners as the steps are quite easy to follow in my opinion. As for advance Photoshoppers, I would love to hear you the methods you use to achieve such effect, just drop me a comment below.

Have a try, let me know if you have any problem, I will try my best to help you out :)