17 Tutorials for Designing Your Own Business Card

Business cards are a necessity for designers and other creatives. In this post we’ll feature some tutorials that will teach you how to design an attractive business card. You can follow the tutorials exactly or use parts of them to learn new tricks and create something unique for your own business card.

How to Design an Abstract Business Card in Photoshop

How  to Design an Abstract Business Card in Photoshop

30 High Quality Illustrator Icon Design Tutorials

Well-designed icons can make a website more attractive and easier to use. While there are a lot of quality free icons available and stock icons that can be purchased, there may be situations where you want or need to design your own. In this post we’ll feature 30 tutorials that show you how to create beautiful icons in Adobe Illustrator.

How to Create a Vector Sketchbook

How to Create a Vector Sketchbook

25 jQuery Tutorials for Creating and Working with Forms

A few weeks ago we published a collection of jQuery plugins for working with forms. While those plugins can be very useful, there may be times where you would rather learn how to code the solution yourself rather than simply using a plugin. There are a number of quality tutorials available for working with jQuery and forms, and in this post we will feature 25 of them.

jQuery Form Tutorials:

Creating a Slide-in jQuery Contact Form 3.jpg

Creating a Slide-in jQuery Contact Form

How to Design a Blue Marketing Company Layout in Photoshop

Today we’ll be going through the process of designing a website for a fictitious marketing company, step-by-step. The design uses a blue color scheme and is intended to put the emphasis on services offered and what the company can do for its clients. Our friends at SnobbySlice are in the process of coding this design into a template that will be distributed for free in the near future.

What We Will Be Designing:

Here is a look at the end result (click the image to see in full size)

Photoshop Layout Tutorial

Code a Corporate Website from a Photoshop Design: PSD to HTML Tutorial

Last week we published a tutorial for designing a basic corporate website layout in Photoshop, and in this tutorial we will walk through the process of coding that design in HTML and CSS. Here is a look at the design that we will be coding (click the image to see it in full-size).

PSD to HTML Tutorial

How to Design A Corporate Website in Photoshop

Today we’re going to walk through the process of designing an example corporate website in Photoshop.

Here is a look at the end result of what we will be creating (click on the image to see it in full size).

Corporate Layout Photoshop Tutorial

Illustrating a Business Briefcase in Windows 7 Style

The new O.S. Windows 7 has improved aesthetics to make the user interface at least more appealing. There are huge ultra detailed icons for folders, devices and so on. This time we will use Illustrator CS4 to create a nice briefcase with the Windows 7 style. You need only a few basics on how to copy, paste, rotate, scale and color the shapes. Let’s focus on business.

Illustrating a Business Briefcase in Windows 7 Style

Step 1:

Start selecting the Rounded Rectangle Tool (fig. A) and make a single left click on the art board to bring the Rounded Rectangle options configuration window appear. Use 16 px. for corner radius (fig. B) and press Accept. Then left click and drag to draw a shape as shown.

Illustrating a Business Briefcase in Windows 7 Style

How to Design a Portfolio Site in Photoshop, Plus Free WordPress Theme

I’m happy to release a free WordPress portfolio theme called Modest Folio. It’s a simple design and layout that will allow your work to take center stage. It features a tabbed featured area on the front page to show the different services that you offer. Modest Folio was design by me and coded by our friends at Snobby Slice. They offer PSD to HTML services, as well as PSD to WordPress (and other CMSs).

ModestFolio, WordPress theme and Photoshop Tutorial