Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers

If there’s one thing that some Adobe InDesign users don’t quite like about the software it’d be the fact that it doesn’t have any default gradient swatches. Sure you can find a Swatches panel there but it’s not exactly the one that you’re looking for. That’s because you’d have to build the gradient swatches yourself. But fret not. You don’t [...]

One of the cool things you can do in Photoshop is to creating custom shapes. Kim DeSmet of Sweet Shoppe Designs teaches you how to make your own. Custom shapes are vector shapes which you can customize by resizing without losing any detail. The custom shape tool is seen in the toolbox, under Rectangle Tool by right-clicking it (it’s located [...]

Today’s featured graphic design tutorial is from Martin Gittins, an interactive web designer from London who came up with a way to turn your icons into a web font or icon font. Why would you want to do that, you may ask? Well, the need occurred to Martin after viewing his new site on an old iPad. His icon looked [...]

Here’s a cool tutorial by a graphic designer from Ukraine named Iaroslav Lazunov that can be applied to your design. This 3D model is created in Adobe Illustrator using effects such as revolve, extrude & bevel and rotate. Other tools used are Pen Tool to create shapes like the sample of the half of the glass in frontal plane he [...]

In this tutorial courtesy of Photoshoproadmap, you’ll be able to learn how to create this cool wash-out, bright, vintage filter effect from the iPhone app Instagram in Photoshop. The first thing you’ll do is click on layer, then new adjustment layer, then open curves and brighten up the shadows. Then adjust solid color. For the background color use the pale [...]

If you think that x-ray typography we featured last time in was pretty cool then you’re gonna love this one. It’s a tutorial on how to create a 3D brick typography using a free 3D action maker in Photoshop. Another good thing about this tutorial from psd-dude is that unlike the previous x-ray tutorial, this one already provides you with [...]

Here’s a nice Photoshop tutorial if you want a funky design for your layout. Created by the guys at Adobe Tutorials, this feature will let you explore the different tools to come up with this awesome finish product shown in the image below. To create these beautiful light effects, you’ll use custom brushes and some post editing styles in Photoshop. [...]

Vintage design never gets out of style. Here’s a sample of a beautiful retro tin sign, which is very popular today. We can create this same effect via Designpanoply’s tutorial. In this featured tutorial, we get to learn how to create a rusty vintage tin sign which is shown on this image. We’ll be using Photoshop as it was the [...]

Our featured tutorial for today comes courtesy of graphic designer Iaroslav Lazunov, and this tutorial shows how to make good use of this plugin for Adobe Illustrator called WidthScribe. WidthScribe is created by Astute Graphics that enables users to change the width of a selection of paths by applying the Width Gradient Tool to them or affect one or more [...]

One of the essential elements in designing a website is the typography. Here’s a cool Photoshop tutorial which I discovered via Abduzeedo, which is an X-ray design that is inspired from Homer Simpson’s head X-ray shot. The effect is nice and it brings an interesting look to your site. According to the creator, the steps are simple but needs a [...]