Templates and GUIs

Blurring the image behind interface elements in Photoshop

Blurring the image behind interface elements in Photoshop

In this tutorial by Howard Pinsky you will learn how to easily blur the background behind your transparent elements in Photoshop. This is perfect when designing website mockups! Final Image Video tutorial

Templates and GUIs

How to Create a Unique Colorful Site Layout

How to Create a Unique Colorful Site Layout

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!

Templates and GUIs

How to Make a Menu Interface for a Fantasy Themed iPhone Game

How to Make a Menu Interface for a Fantasy Themed iPhone Game

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!

Templates and GUIs

Create a Five Color Magazine Cover Using a Spot Metallic

Create a Five Color Magazine Cover Using a Spot Metallic

This is an advanced tutorial commissioned especially for Graphic Design Week. I’ll demonstrate how to integrate a spot-color metallic ink into your workflow using InDesign, Illustrator, Photoshop and Acrobat Professional. Let’s get to it!

Templates and GUIs

Create a grungy paper web design

Create a grungy paper web design

This year has seen a big increase in grungey / textured / hand-drawn styled website designs. By nature I tend to design a cleaner look myself, but I thought I’d try my hand at grunge today and write up a tutorial on creating a simple paper texture from scratch in Photoshop then marrying it with a web layout to create a neat design.

Templates and GUIs

How to Create a Van Icon in Photoshop

How to Create a Van Icon in Photoshop

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!

Templates and GUIs

Create a detailed audio player

Create a detailed audio player

When working on GUI design, shapes are a great way to achieve a realistic look to your design. As the shapes are vector based, you enjoy the ability to resize them with minimal detail loss, which is a significant consideration in GUI design.

Templates and GUIs

Create a grunge web design in photoshop

Create a grunge web design in photoshop

Photoshop is often the right tool for web design, especially if you’re creating a design using numerous images and brush effects. In this tutorial, I’ll show you how to create a complete grunge home page design. We’ll design the header, sidebar, body, footer, and style everything to work together in a heavily textured and worn design.

Hey There!
Subscribe to
Photoshop Roadmap
Newsletter
Learn new Photoshop techniques and download awesome add-ons
SUBSCRIBE!
No Thanks!