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

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

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

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

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

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

First off, props to Dan Wiersema (my friend and Creative Director at Guifx) for being the brains behind this tutorial. Concept and wireframe were both developed by him. He also helped me iron out the creases in terms of rating my work from beginning to end.

In this tutorial, we’ll create a main menu interface for a fictional iPhone game. We’ll go through setting up Photoshop to accurately display target screen size, setting up a wire frame for the project, creating a background, making a logo, creating rock texture for the sidebar, and wood texture for the saved games-box and buttons. We’ll also add creating greenery for detail and good measure. This is gonna be a long one, so patience is a virtue. Also, coffee helps!

Continue Reading

This tutorial will guide you through the process and ideas behind the designing a professional website with a funky flair in Photoshop. The tutorial will read much like a "choose your own adventure" novel in the hopes it will encourage creativity and uniqueness in your design with a little advice and instruction along the way. Adventure time!

Continue Reading

This is another icon I have created with Negreu Andreas. We wanted to create an icon that can be used for a game maybe or a Mac app of some sort. Before we started we searched the web for photography with similar vans, then made some ideas, and a quick sketch. After that we started working. Let’s review the process!

Continue Reading

The past days I was looking for inspiration in famous old paintings, and got interested on "Starry Night" of Van Gogh and thought: Can I apply this to web design? And the answer is Yes! Then after several hours of work, here’s my tutorial for you, an artistic web design depicting a "Magic Night" concept.

Continue Reading