Web-Design and Development Magazine
We’ve featured Photoshop brushes sets a couple of times before on SpyreStudios and this time we’ve collected over 600 ink, paint, watercolor and splatter brushes from various sources.
Most of the sets featured in this post are of high-enough quality that they can be used for both web and print projects. I hope you enjoy the collection.
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.
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!
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.
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.
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 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.
As a designer I can always use more Photoshop brushes in my arsenal. I create a lot of the brushes I need myself, but there’s a lot of great sets available online for free. This post features over 500 Photoshop smoke brushes ! These brushes can be used to add some realism to a website […]
Text effects are used in almost everything we see: whether it a simple inner or drop shadow, a subtle gradient, or a full-blown illustrated header. Below we have a selection of thirty great tutorials from across the design community, ready for you to follow and pick up tons of new techniques. You’ll be a text-effect […]
In today’s Photoshop tutorial, we’re going to learn how to create a clean WordPress-styled website/blog design. We’ll be mainly dealing with; Basic shapes (lines, rectangles, arrows), Layer Styles, and a bit of basic type. Besides some Photoshop tricks. We’ll also be focusing on keeping our layout very well-aligned. So, let’s get started! Final Image Preview […]
