preview

How to Create a Shiny Paint Bucket Icon

Jan 27th in Interface by Andrea Austoni

Learn how to create a simple three-dimensional icon of a paint bucket, complete with paint splotches, with this colorful tutorial. Harnessing the power of paths, layer effects and consistent lighting we’ll obtain an effective, shiny icon.

Continue Reading

preview

Create a Grungy, Translucent Web Portfolio Design

Jan 13th in Interface by Ryan Scherf

Not only have watercolor brush strokes become a popular trend in modern web design, but so have advanced layers of transparency (or what I call, translucence). The new Envato design has received a lot of kudos for using this effect, and this tutorial will show you how to create a similar effect, while combining it with other popular web trends.

Continue Reading

preview

How to Make a Highly-Textured Site Layout in Photoshop

Dec 14th in Interface by Razvan

In this tutorial, we’ll create a textured site layout by layering multiple images. Creating highly-textured web design layouts is easier than you may think. You can learn to build image intensive designs rapidly. For intermediate Photoshop designers creating this design will take less than an hour, and you’ll learn some professional tips along the way. Let’s get started!

Continue Reading

preview

Create a Watercolor-Themed Website Design with Photoshop

Dec 7th in Interface by Alvaro Guzman

Watercolor in graphic design has become very trendy the last couple of years, many websites and incredible designers are using this style and taking it to another level. Even knowing the technique is important in this kind of design, is more about creativity and experimentation. You will learn how to use the Art History Brush and combine it with watercolor custom brushes to create a nice background header image and more. Let’s get it started!

Continue Reading

preview

How to Make a Creative Blog Layout

Oct 16th in Interface by Razvan

In this tutorial, we’ll make a creative blog layout using mostly simple shapes, a few brush techniques, some images, and a dose of Photoshop ingenuity. Creating web design layouts is easier than you may think. You can learn to build attractive designs rapidly. Creating this design will take less than two hours and you’ll learn some professional tips along the way. Let’s get started!

Continue Reading

preview

How to Create a Rusty Texture in Photoshop

Oct 9th in Interface by Sergio Ordonez

In this tutorial, we’ll learn how simple it is to texturize objects using different fusion mode layers, adjustment layers, color tweaks and some very simple filters in Photoshop. You can use this simple technique in more complex illustrations of your own creation. Let’s get started with learning these techniques!

Continue Reading

preview

Create a Promotional iPhone App Site in Photoshop

Sep 30th in Interface by Sean Hodge

In this tutorial, we’ll be continuing this series on creating an iPhone app promotional site by taking our previous Fireworks constructed wireframe and adding color, texture, images, and effects to polish off this design in Photoshop. We’ll use some interesting elements, like iPhone imagery and a stylish aurora vector background illustration. We’ll finish up with a professional site design ready to get coded! Let’s get to it!

Continue Reading

preview

How to Create A Swanky Coffee Table Icon in Photoshop

Sep 21st in Interface by Andrea Austoni

What would your icon collection be without a swanky piece of contemporary furniture? In this simple, yet effective tutorial we will learn to incorporate the power of subtlety into icon design. We’ll be creating an icon similar to the design of Isamu Noguchi’s 1944 classic coffee table. Let’s get started!

Continue Reading

preview

How to Create a Unique Colorful Site Layout

Sep 4th in Interface by Richard Carpenter

This tutorial will guide you through the process of designing a professional website with a funky colorful flair. The tutorial features some great colors, effects and layer styles in which you can use over and over for future projects. Let’s get started!

Continue Reading

preview

How to Animate a GIF Inside of Photoshop CS4

Jul 17th in Effects, Interface by Kajik

In this tutorial, we’ll take a look at the Photoshop animation feature to create a nice animated GIF. I’m sure all of you already noticed the ads at the right side of this page. For some of you, they are annoying, others even click on them, which is why they are there. I personally think there’s nothing to be said against them, so I thought why not creating a nice 125 pixel by 125 pixel ad to demonstrate how easy it is to create nice animations inside of Photoshop.

All we need to do is open up Photoshop, create our final image and animate it the way we want it to move the single elements to achieve the final effect. Additionally, we’ll stop by at the beautiful GraphicRiver website, where we’ll download their logo, which we’ll use to create our GIF.

Continue Reading

Page 1 of 41234»