Take typography one step further by having text falling from the sky in a burning inferno. Yes, this is the text-on-fire tutorial to end all tutorials. It uses a little Illustrator for the text and a lot of Photoshop to burn up the screen!

In previous tutorials you’ve seen two smoke effects that I’ve created, but let’s face it, you can’t have smoke without a fire somewhere. So in this tutorial, I will show you how to create a fire effect similar to when a spaceship or comet enters the earth’s atmosphere. The image we’ll be creating is inspired by a Nike Ad I saw some time ago. I’m not sure what the URL is. If anyone knows it, please link us up in the comments.
It’s always a good idea to keep your eyes open for inspiration for effects and designs no matter what you are doing. Graphics are everywhere and you can learn a lot

In this tutorial we’ll be creating a smoky night effect on text to give it an eerie supernatural sort of feel. It’s a good exercise in using the Wave distortion filter…

---

Step 1

The first thing we need for our image is a background. We’re going to use a quick star-sky background. There are lots of tutorials around for this effect, and it’s actually a simple two-step process: clouds + noise.
So on a new blank canvas, start by choosing a dark blue color – #18323a – and black and then

The best book I’ve ever read on drawing is one called Drawing on the Right Side of the Brain. After reading it, I’m still pretty bad at drawing, but I did learn a lot about light and shade. In this tutorial we are going to take some very basic principles of light and shade to make a rather impressive-looking text effect.

---

Light Sources

So before we start the tutorial, here is a little diagram about how light might hit an object. Here we have a square object in the middle with light coming from the top left. You can see that where the light hits the object, a shadow is cast on the other side. Note that the shadow is not a Photoshop drop shadow, which makes the object look like it’s hovering above the canvas. Here we want the object to look like it’s a three dimensional thing stuck on the canvas, extruding

One of my favorite ‘looks’ is the sort of old-collage feel of old photos and old paper. It’s a favorite because it lets you work images and text together really easily. In this tutorial we’ll put together a poster where there is a main photograph and a lot of text using the old-collage feel.

Step 1

This tutorial is based on a job I did a few days ago for a charity client who needed a poster to promote an upcoming event. They are a choir made up of homeless people called the Sydney Street Choir and it’s a pretty neat little organization that you can learn about at

In this tutorial we are going to show you how to easily create digital abstract smoke using both Illustrator and Photoshop. One of the best things about this technique is that it’s very customizable and you can do it pretty quickly.
As I said before, we will use Illustrator a bit, but actually you can use whatever vector software you have. The only requirement is that it have a similar tool to the Blend Tool in Illustrator.

In this tutorial, we are going to design up a simple business card in Photoshop and get it ready for print with crop marks and bleed. Normally you’d do some of this with a tool like InDesign, but it is in fact possible to get by with just our trusty old Photoshop.

There are lots of tutorials on the Web that claim to achieve a realistic tattoo effect. Usually these tutorials instruct the user to import an image they want to use as a tattoo and to set it to overlay. Out of experience I can say that this does NOT look like a tattoo. It looks like…well…an overlayed image.
In this tutorial I will be demonstrating an advanced technique to achieve a realistic tattoo. We will be using masks, adjustment layers, displacement maps, and several brushing skills will be applied.
So the first thing I did was go looking for a good stock image. I wanted a face with a lot of detail such as facial hair, expression, and most importantly, pores! I tend to get my stock images from the free site

In this tutorial, we’re going to use the Path Tools in Photoshop to draw a shield-like shape. Then using some gradients, we’re going to give it a metallic edge and shiny center. I actually made this tutorial when making the default icons for some posts here on Brain Hackers, so if you go to the main listing on the site you’ll see them in action.

Step 1:

We begin with a dark grey to black gradient. I drew this with the Radial Gradient, which long-time readers will know is my favorite gradient tool. Anyhow don’t worry too much about these colors, because midway

In this tutorial, we’re going to use some simple circles and gradients to make a cup of coffee viewed from above. The end result isn’t that useful, but the process is interesting nonetheless.

Step 1:

We begin with a nice pastelly-blue gradient. Note that with the gradient, I’ve put the lighter part in the top right. This is important because we are giving the impression that light is coming from the top right and this is will decide what direction other gradients need to go.

 One of the best sites around for desktops has to be Desktopography. I’ve been inspired by their amazing work, so today we are going to put together a sunset image mixing some vector shapes and dusky lighting effects to produce a slick image that would make a nice album cover for a chillout mix!

---

Steps and Assets

As always you can download the PSD file to follow along at the bottom of this tutorial. It’s a pretty large file so be warned! Additionally we are using a few assets including a photo from iStockPhoto and some vectors from Arsenal’s Freebie Section. Note that in the sample PSD, I’ve merged some text onto the original image to protect its copyright since it’s such a large copy.

In this simple tutorial, we’re going to create a clever little way of making little buttons using a couple of layers and one interchangeable image layer.
By using this tutorial you can do your work easily. we are here for your help, use this tutorial step by step and make button as you wish. Enjoy Photoshop tips.

There are times when a regular photo just doesn’t cut it and you need your photo to pack a punch. Here is one technique that you may find useful.
As with all photo-based techniques, it doesn’t really make up for having a crappy photo though, so if you are trying to rescue something ugly don’t get your hopes up too high!

In this tutorial, we are going to create a sort of old-worldy composition featuring a compass and making use of some awesome vector artwork from Arsenal. As always there is a PSD file at the bottom of the tutorial. In this instance, I would highly recommend downloading it as this is quite a complex composition. Be warned this is a LONG tutorial!
Oh and in case you’re wondering, inspiration comes from a really neat set of books, one of which is called the Golden Compass (actually they are making the book series a movie now!).

In this tutorial, we’re going to create some really sharp-looking glow effects using a combination of layer styles, the Pen Tool and Color Blending. The end effect is quite stunning and hopefully you’ll pick up some tips you didn’t know before.

---

Step 1:

As with pretty much every tutorial I’ve ever written, we begin with a radial gradient. This one is pretty harsh and goes from a reddish brown color to black. Here are the exact color codes:

In this tutorial, we’re going to make a little message strip in Photoshop that you can place in the top-right corner of a design. These little strips look very trendy and Web2.0-y, particularly in Web designs! It’s quite an easy effect to do, and in this tutorial we’ll add some shadow and light to make it pop!

 

In this tutorial, we’re going to create an icey-cold effect using layer styles and that you can apply to different objects. Then we’ll put it on a nice background to give it some kick. You can easily draw following the steps.
enjoy photoshop tips...

 

 

This tutorial is about making a “mac” style background. You can use these in all sorts of situations, including the obvious –your desktop– as well as part of your designs or for corporate work (Powerpoint presentations, Flash work, etc). Naturally, you would want to use this exact set of steps, but following them will give you a good idea of the technique. Good luck!

 

This tutorial is about making a textured red background and using Photoshop’s Shape Tool to add a design element. You can download the sample PSD file from the link at the bottom of the tutorial.

 

 

In this tutorial, we’re going to use some super layer effects and a bit of extra magic to make a lettering style that looks transparent and stunning. Because there is so much use of layer styles, you need to download the sample PSD from the link at the bottom of the tutorial in order to follow along.

---

Step 1:

BACKGROUND LAYER
To begin this tutorial, we’ll first give ourselves a nice background gradient. Now while most gradients are two-color, in Photoshop you can actually make much more complex gradients by clicking on the Gradient icon in the top left. You’ll get a panel showing the gradient and you can add more colors to it. In this case, I’ve used three colors to make a gradual change from green to a set of blues.

In this tutorial, we’ll be using layer styles to make a plastic gel-type style that you can easily apply to text and shapes. You can download the PSD file from the link at the bottom of the tutorial to just copy+paste the styles.

Step 1:

BACKGROUND LAYER
We start as always with a background gradient. I’ve used a Radial Gradient with two shades of the exact same brown that this site uses. The exact color codes are:

In this tutorial, we’re going to create a metallic effect using layer styles and gradients that you can apply to different objects. We’ll put it on a nice background and create a style for lettering that makes it look like it’s embedded into the metal. You can download the sample PSD file from the link at the bottom of the tutorial if you’d like to simply copy+paste the layer styles.

 

 

CSS Region Support

At the time of this writing, the CSS Regions specification is a working draft and things may change! Techniques mentioned in this tutorial might change in implementation. The aim of this tutorial is to give a basic understanding of CSS Regions and what might be coming to a browser near you.
Check out caniuse.com for a list of browsers which have some support for CSS Regions. This tutorial will only use webkit/non-vendor-prefixed examples for simplicities sake.
If you find the demo is not working for you it may be because CSS Regions needs enabling, here are instructions for Chrome

All great websites have a great server behind them. In this tutorial, I’ll show you how to set up a dedicated web server (with Apache, MySQL, and PHP) using that old computer you have lying around the house and some free software.

---

1. A Quick Overview

In this tutorial, we are aiming to accomplish several things:

• We’re going to install the Ubuntu Server operating system. I commonly use Ubuntu because of its ease of use and
  simple administration. It also has a rather large and extremely active community behind it, which makes getting
  support a breeze.
• We’re going to install an OpenSSH server. This allows you to administer your server from remote computers.
• A LAMP (Linux, Apache, MySQL, and PHP) stack is going to be installed. This provides the backbone that will run
  your web site. Apache is the industry standard web server on Unix-based operating systems; it’s what

In this tutorial we will use the 3D capabilities of Photoshop CS5 Extended to create a chocolate volcano and text effect. Let’s get started!

Step 1

Create a new Photoshop document, the size is 1200×1200 px and resolution 96 px/inch. Fill background layer with the radial gradient. Then add small noise effect, Filter > Noise > Add Noise.