Today most web designers will create the visual design of a website in Photoshop first and then once the design has been nailed down they will start to create the code from there. In this article we have collected 20+ amazing tutorials for creating web layouts in Photoshop. If you have used any other tutorials in the past feel free to share them with us!
With more and more businesses and business people handing out business cards to everyone and their dog it can sometimes be a little difficult to stand out among the crowd, on Monday we showed you some amazing business cards for inspiration, and today we will show you some of the best tutorials for creating your very own business card.
In this tutorial we will be creating a detailed iPod Nano illustation in Phoroshop complete with menus and on-screen icons. Througout this tutorial we will be utilizing the Drawing and Pen tools along with Gradient Overlay Styles to make our Nano as realistic as possible. Continue Reading →
Each avenue in the design world has its own unique challenges and tricks, and magazine design is no different. From style guides and gutters to editors and entry points, designing for a magazine comprises its own set of rules and considerations. Before jumping head first into the text-heavy, deadline-driven world of magazines, take a moment to get your bearings and familiarize yourself with the terrain. Using the road map below, your creativity, and a bit of luck you’ll have everything you need to produce a top-notch, reader-friendly magazine. Continue Reading →
In this tutorial, we’ll be looking at how to transform a photo of a person into a work of art – in this case, a highly illustrated sketch art piece.
Vector shapes and textures will also be added to our composition as this will give our sketch artwork more depth and character. Below are examples of what you could achieve even with the simplest of art forms (pop art etc) to create interesting and beautiful effects from a picture. The final images could used as e-cards, profile pictures/avatars, wallpapers and so on.
Textures can form a principal element in your designs. They add details to images, giving a great deal of depth to a composition. Textures could come in the forms of high resolution images such as detailed surfaces of rocks, fabric, wood etc or can just be regular pictures. We have produced 7 exclusive free metal textures for you to download along with a step by step tutorial showing how they were made. Continue Reading →
As avid computer users we all know how many tedious tasks we have to deal with on a daily basis. However, we tend to ignore an important fact: we’re using a computer. We shouldn’t do any of these tasks by hand. Everything that sounds repeatative should be accomplished by a computer, not by hand. Let’s see how we can achieve this on a Mac Utilizing Automator. Continue Reading →
In this tutorial, we’ll be using Photoshop CS3′s 3D rendering features to recreate something close to Neytiri, the lead female character of the Na’vi race. In the James Cameron movie – Avatar. Just to point out, Photoshop CS4 offers more a robust 3D features; one of which is to paint directly on 3D models or objects. CS3 ‘somewhat’ doesn’t have these capabilities among other things. However, we’ll get around this in our tutorial using a technique that hinges on the manipulation of texture maps of the 3D model.