Lunarpages.com Web Hosting

Welcome to PSwish.com! We are very happy to finally launch a website fully dedicated to Adobe Photoshop tutorials, downloads, tips and tricks. Here you will find a professionally written tutorials and articles about web design, digital photography and of course -- Photoshop. Moreover, our generous Free Downloads section will provide you with a lot of useful brushes, actions, .psd files and other downloads we will be adding with time. We hope you enjoy browsing our website and benefit from this e-learning blog.

Archive for June, 2008

RSS icons - glossy balls, great design for your feed

This is yet another very small freebie made in Photoshop in less than 10 minutes, but I am sure the outcome will be used on hundreds of blogs! All I did was drawing a circle, applied styles I previously posted and added a bit of a gloss. That’s all. The feed shape itself was a bit tricky but like I said, it didn’t take long at all. In the zip folder you will find 3 icons without shade and 3 with shadow (as you see on the previous picture, all in PNG format against transparent background so they are more than read-to-use. Hope you like them!

 FREE DOWNLOAD (124 kb)



pswish_texture.png

I am happy to finally offer a nice texture for web designers. There are quite a lot of  Wordpress themes and website using the colorful strips backgrounds, so I thought I’d create one of my own. This texture is free for both personal and commercial use. Download this file, open the .png image in Photoshop, and go to Edit >> Define Pattern >> name it, and press OK. That’s all. Now you can easily access it via Layer Styles >> Pattern option. Enjoy!

I f you use this pattern, kindly link back to PSwish.com



We are going to create a very cute, fluffy, marshmallow-like text effect. This is an ultra easy tutorial for newbies and of course you can implement the same technique for shapes and elements in your web design.  PSD file is available to download for learning purposes. So this is what we are going to do in less than 10 minutes…

result.png

Start off by creating a new canvas,  and fill it with a nice blue colour, we used #a4cbd9.

Using the free “Fertigo” font, write anything in white (#ffffff) colour. Read the rest of this entry »



There are so many tutorials and guides online that teach you how to make effective use of the web 2.0 design. While most these tutorials are useful, at the same time they kill the originality in web design. For example, most “guides” tell you that web 2.0 is about having a glossy badge, stripes background, and bold fonts. Result? There are countless hundreds of designs with badges, stripes and bold big letters… and they are no different from one another. It does not matter if you make a web 2.0, web 1.0, or web 75.0 design, it all comes down to being original and memorable.

However, if can’t really find anything particulary original to symbolize your design, it’s “safer” to go with the current trends of web design. So here is a very small fragment of web design layout, and how to turn a regular layout into a web 2.0 layout.

This is what we had…

14.png

And this is what we are going to do…

13.png

We are going to work in Photoshop, using nothing but layer styles; focusing on mild gradients and shadows.

Start off by Read the rest of this entry »