Gadgets are a favorite subject for many designers. There are some excellent tutorials out there to help you create amazing results in Photoshop for this type of design, and we’ll feature 30 of them here. You’ll find tutorials for designing iPods, iPhones, a Blackberry, cell phones and more.
Today we are going to design the homepage layout for an ecommerce site in Photoshop. Our sample site will be an electronics shop, and since we are in the holiday season, our site will include some special promotions, which is typical of ecommerce sites at this time of year.
A Preview of the End Result:
Here is a look at what we will be designing in this tutorial (click the image to see it in full-size).
As the community of WordPress designers and developers continues to grow, and as new versions of WordPress are released, there are more opportunities to learn different techniques and tricks that you can apply in your own work. In these 10 tutorials you will find strategies that should prove to be very useful in your own theme development.
Custom taxonomies in WordPress are similar to tags and categories, but they provide almost endless possibilities. In this tutorial Justin Tadlock shows a practical use for custom taxonomies while working on a movie database website. He shows how to set up custom taxonomies for actor, director, genre, producer, studio, and writer. This will make it easier for visitors to navigate the site as they can click on the actors name and see all of his/her movies. Justin also wrote an introductory post to Custom Taxonomies in WordPress 2.8.
You can also find more about custom taxonomies in Chris Coyier and Jeff Starr’s new book, Digging into WordPress, which I highly recommend.
Today we will be designing a one-page portfolio in Photoshop. We’ll go through the process step-by-step and you can download the PSD file from Folio Focus if you would like to use it. The portfolio will include some brief biographical information, some sample work, brief description of services, your latest tweets, links to social profiles, and a call to action.
The Final Result:
Here is a look at what we will be creating (click the image to see it in full size)
Today we will be designing a homepage layout for a premium template or theme seller. The design uses a dark color scheme and some texture. Here is a preview of the final result (click the image to see it in full size). At the end of the tutorial you will be able to download the original PSD file used to create the tutorial if you would like it for your own purposes.
Today we will be working through the process of designing a corporate website in Photoshop step-by-step. For this example we’ll be creating a site for a marketing company, but just about any other type of service business could use this design as well. At the end of the tutorial you will be able to download the PSD file used in the tutorial.
A Preview of the Final Result
Here is what we will be designing.
In the past we’ve done some tutorials for designing portfolio sites and blogs in Photoshop, and today we’ll focus on designing a corporate website. The example will be for a marketing and SEO company, but it uses a basic layout that could work for just about any type of business.
The End Result:
Here is a look at what we will be creating (click the image to see it in full size).
Last week we published a tutorial for designing a clean portfolio site in Photoshop. In the past I’ve had several requests to follow up the Photoshop tutorials with one for coding the HTML/CSS of the page, so that is what we are going to do today.