It’s been a while since I’ve written a Photoshop tutorial. I have been knee deep with developing that I forgot about my creative side. Well this time we’re creating screenshots of webpages – that have a “skewed” and “stacked” effect. I’ve seen this done in app websites that try to showcase their pages. I think […]

If you don’t know what a Hero Image is by now, you might be living under a rock. A hero image is the main image in carousels and slideshows. It or even as a background of the homepage. It can also be found in main product pages, a landing pages or more commonly: the homepage. […]

This tutorial will show you how to create that awesome technique we see in newer websites. It’s that diagonal text shadow effect usually seen in large header areas. The effect cannot be done in code (at least not yet), but it’s certainly possible using Photoshop. Below are some examples of what I’m talking about: Notice […]

This tutorial will walk you through how I created my new logo. It’s nothing fancy – just a group of fonts appearing to overlap each other – giving it that three dimensional effect. It’s fun and friendly – just how I want my brand to be. The best part about it is: it’s very easy […]

Now we have come to part 2 of this series on how to create a single page portfolio from scratch. This part focuses on the HTML and CSS mark up to convert our .psd file to a living web page. The tools we need for this is of course – Photoshop, an HTML editor (in […]

Ahhh – so many choices when it comes to what open source software to use: Joomla, WordPress, Drupal…but aren’t they at times – a little overkill? For smaller web designers like myself, I still get the usual client who just wants a simple website to advertise their services. Most of the time they will have […]