Archive for the ‘Photoshop’ category

How To Design A Gorgeous Big UI Button In Photoshop

In this tutorial we’re going to be creating a gorgeous and modern user interface button suitable for the web or a mobile interface design. We’ll be using a handful of Photoshop techniques that are bound to come in handy for more than just creating buttons; in fact, the techniques we’ll be using are often used in most UI elements.

Create a new Photoshop document (I’ve used a 1000×1000 pixel RGB 72dpi document for this tutorial – keep in mind this will need to be a high resolution if you’re designing for a mobile device with a high resolution display such as an iPhone 4). Fill your background layer with a color of your choice, I used this lovely mid-blue color.

Brilliante Blog Layout – Coding The PSD File Into CSS and HTML

In this tutorial, we’ll be revisiting the Brillante blog design, covering the PSD slicing, HTML/CSS coding, custom fonts embedding and some handy cool tips to improve your website performance.

This is Part 2 of 3 of the Photoshop blog design called Brilliante, published some time ago on SpyreStudios and designed by Mahmoud Khaled Deiab.

In this second part, I’m gonna walk you through the PSD to HTML/CSS coding process. Third part will be about creating a WordPress theme. Let’s begin!

Collection of 450+ Abstract and Fractal Photoshop Brushes

Creating your own Photoshop brushes is fun, and those brushes can be used in a variety of designs, from web to print. It can be quite time-consuming to create your own brushes though. Fortunately for us there’s a lot of free Photoshop brushes sets out there!

Today we’ve collected over 450 abstract and fractal brushes. I hope you enjoy the collection. Feel free to share your thoughts and leave a comment at the end of the post.

Creating a Cartoony Print-Ready Business Card in Photoshop

Business cards are your little marketing companions. They’re small enough to carry anywhere, yet big enough to contain all essential details a prospective client has to know about you.

In this tutorial, we are going to learn how to create a print-ready business card in Photoshop. Designs made for printing have to be prepared in a special manner. Before sending to the printer, it’s best to make sure that your file is ready so you can avoid all the hassle of redesigning, or better yet, the anguish brought by a printing disaster.

How To Design A Detailed Mini Cooper Icon In Photoshop

In this tutorial we’re going to learn how to create a large 512×512 car icon, based on a lovely BMW Mini Cooper. We will be using Photoshop to create the icon, using a handful of different techniques.

Open up Photoshop and create a new document by 512x512px. Search the web for an image of a car that you want to create an icon for. In my case, I’m using a front on photo of a Mini Cooper that can be found here.

BrushLovers Giveaway – Comment To Win Some Premium Photoshop Brushes

BrushLovers is a brand new site dedicated to providing amazing free and premium Photoshop brushes. We’ve partnered up with them to offer 10 downloads (a $30 value) to 5 lucky readers of SpyreStudios.

BrushLovers is owned and run by the cool folks at WebDesignerDepot. The brushes are organized by categories like fractal, texture, vintage, light, nature and a lot more.

Scroll back to the top