Create An Advanced Chinese Lantern Icon In Photoshop & Illustrator

In this tutorial we will be using Adobe Illustrator and Adobe Photoshop for our icon design. This tutorial is rated advanced for those who are beginners in these programs I would recommend checking out some of our easier tutorials to start out with. Our basic shapes will start out with illustrator then we can export them over to photoshop to polish, add texture and finalize our icon. Continue Reading

5 Comment(s)
Dec

13

100+ Free High Quality Web Designer Icons

Every web designer loves fresh icon sets for their new design, and every design blog loves doing round-ups for free icons. So we said, why not? In this post we added some of our favorite high quality web designer icon sets for you to use on your next design. Please make sure to read the T.O.S. for these icons and their perspective owners, some may only be for personal use, also give credit where due. Continue Reading

0 Comment(s)
Aug

31

Create An Apple Style Menu Purely In CSS3 – No Images Required

This just goes to show you how much of a difference CSS2 and CSS3 are and how much more CSS3 can do for us to cut our design work literally in half. In this tutorial I will show you how to create a non-image, apple style menu all out of CSS3! The only problem with this is doing so you are limiting the amount of browsers that will be able to correctly display your work (Firefox and Safari only). So you would want to make sure to have alternatives for other browsers (meaning you WILL have to use images and alternate code). Continue Reading

22 Comment(s)
Jul

07

How To Draw A Glossy 2.0 Loading Bar Vector In Illustrator

In this tutorial we’re going to show you how to draw a glossy slick looking loading bar in illustrator. The benefits of doing a project like this in illustrator is that it uses vectorization. By vectorizing this drawing we can resize it to what ever width and height we want without losing the quality of the image (pixelated). You can also transfer our vector from illustrator over to photoshop for easy editing. Continue Reading

3 Comment(s)
Jun

30

Add A Custom Ajax Twitter Feed To Your Web Site

A lot of people like to add a twitter feed to their website for convenience, but many of them are template files that they download and copy/paste onto their website and looks out of place. Twitter has provided an API service to their registered users to use jSON to pull information and display it whichever way the creator likes. In this tutorial I’ll show you how to add a completely custom twitter feed controlling how many tweets, how the date is displayed, and if their linked or not. Continue Reading

22 Comment(s)
Jun

24

30 Free High Quality Web Designer Fonts

Over the years of web designing, I’ve collected quite a few fonts during my projects. Below, I’ll post free fonts that I most commonly see and use on designs, one thing a lot of these fonts have in common is the unique personality they have to them. Each one can give off a certain style and feeling, which is exactly what we want in our designs (to evoke some sort of feeling). Continue Reading

4 Comment(s)
Jun

22