Monday, March 15, 2010

A really cool effect that can be done in a matter of minutes, is the mirrored effect. When it's done correctly it really has a great look. Let's get started! Right-click on the image below and select Save As:

Save it to your computer. Next, open this image in Photoshop. The first thing we'll do is remove the background (white part). Before we can remove the white part we need to convert the Twitter logo a layer. We do that by double-clicking the Background layer's thumbnail:


The new Layer window will pop-up. Change the Name to Twitter Logo:

Hit OK when you are done. So, whenever you want to remove information from the Background layer, you have to perform the previous steps first. Next, click on the Magic Wand (in the latest versions of Photoshop it will be a subselection of the Quick Selection Tool::
twitter tutorial

Using the Magic Wand tool, click on the white background of the Twitter logo:

Now, normally you would just hit delete and the background will be gone. I'm going to show you a better way to remove backgrounds. Let's invert the selection so that the logo, and not the background, is selected. We do that by going to Select, and Inverse:

The selection should just be around the logo now:

Now we can click on the layer mask icon:
twitter tutorial

Now everything that isn't selected on our layer will be gone:

We're almost done! Next, go to Image, Canvas Size:
twitter tutorials

When the Canvas Size window opens, select Relative. Next, type 3 in the Width and Height fields:

Relative means that it will make the canvas 3 inches wider and higher than its current size. Hit OK when you are finished. the new canvas should look like this:

Next, we'll create a new layer. Click on the New Layer icon:

We're now going to fill this new layer with black. Go to Edit, and Fill. In the Fill window change Use to Black:

Hit OK when you are finished. Your canvas should now be black. We now need to drag our new layer below the Logo layer. Click on the new layer and drag it below the logo layer:

Next, select the Twitter Logo layer so it's highlighted:

Click on the Selection Tool:

Move the logo image upward just a bit:

So now we'll make the mirrored image. In the Layers palette click on the Twitter Logo layer's thumbnail:

Now, drag this thumbnail down to the Create a new layer icon:

You should now have a copy of the Twitter Logo layer:

Next, with this new layer still selected, go to Edit, Transform, and Scale:

Select the top middle transform box:

Now, drag this transform box downward until the image is completely below the original logo:

When you're done hit Enter on your keyboard. Next, select the Selection Tool again and drag this copied image upward until it's flush with the top image:

Next, go to Filter, Blur and Gaussian Blur:

In the Gaussian Blur window, change the Radius to 3:

Hit OK when you are done. The copied image will now be slightly blurred. Next, we'll add a new mask to this image. Before we do that, however, we'll apply the existing mask to the layer. We do that by clicking on the mask thumbnail of the copied layer:

Now, click-and-drag this thumbnail to the Delete layer icon:

Photoshop will ask you if you want to apply the mask before removing. Select Apply:

This layer will no long have a mask. We're now going to add a new mask. Click on the Add layer mask icon:
twitter tutorial

This new layer now has a mask. Next, select the Gradient Tool:

At the top of the Photoshop screen click on the Gradient Edit button:

The Gradient Editor window will open up. Select the Black, White gradient and click on OK:

Next, we're going to click on the bottom of the canvas with our Gradient Tool, and click again at the top of the copied image:

Release the mouse button and the copied logo should now fade to black:

The last thing we'll do is change the transparency of the image. In the Layer's palette, select the Opacity slider and take it down to 36%:

The final image should look really good now:

If you want to make it look even better you can add a gradient behind the logos. Maybe a black to blue gradient.