Browsing: Web Graphics

Computer_Icon_Tutorial_by_gakuseisean Web Graphics
8

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 :)

3d Web Graphics
11

(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!

glossy-play-button-final Web Graphics
8

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!

call-to-action-btn-embossing-text Web Graphics
28

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
63

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 :)

psdtheme-2 Web Graphics
22

7 Highly Practical Photoshop Site Mockups + 1 Amazingly Detailed Tutorial About Converting Them into Working Web Pages

In this post, I will introduce 7 Highly Practical Photoshop Site Mockups I have came aross on the net from a variety of sources, plus 1 Amazingly Detailed Tutorial About Converting Them into Working Web Pages.

For the 7 mockup tutorials I have selected, although they all aim towards the same objective, the techniques used during the process can be seen differently, mainly because the difference in genre (e.g. corporate design v.s watercolour design). Interesting to see the methods the authors use to achive the end result :)

As for the convertion tutorial I included here, I personally think it’s the best and most detailed one on the net! I’m sure you will find it useful, too. Enjoy!

spectrum-lines-final Web Graphics
50

Create Simple, Yet Elegant Abstract Spectrum Lines in Photoshop

In this tutorial, I will show you the method I use to design a simple, yet elegant abstract spectrum lines in Photoshop. You will see how easy it is to achieve this nice effect and you can use it a wide range of occasions including perhaps site header backgrounds, logos, or add extra flavor to your photo manipulations.

This tutorial is suitable for beginners and I included the ways of creating new brush presets and also the use of Pen Tool. You will ample opportunities to practive layer blending, filters and Free Transform Tools. Have a try!