Web-Design and Development Magazine
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 […]
In this tutorial we’re going to be creating a printer icon, suitable for both the web and print. We’re going to be basing the icon on a Canon printer/scanner I use on a daily basis, the MP610. We’re going to be creating this icon in Photoshop – although it won’t be fully scaleable, we’ll be […]
In this Photoshop tutorial we’re going to learn how to create a double-sided business card that features Bokeh and abstract effects. We’ll also create many different color schemes for it. So, let’s get started! Final Image Preview Here’s a preview of the front side, click the image to enlarge And here’s how the back side […]
