Recreate the Starcraft 2 Logo

Follow the steps to recreate the starcraft 2 logo. Alot of play and fun with layer styles and other tricks..

Create a quick and sleek 'StarCraft' text effect with this easy Photoshop tutorial. The effect can be used to liven up your desktop.

Here is the final image that we’ll be creating :

Step 1

Create a new document of size 600x600. We will create the background first. For that create a new layer 'Layer 1' and fill it with 'Black' color. Right click on it and choose 'Blending option'. Apply following blending option settings.

Set the opacity of 'Layer 1' to 40%.

Step 2

Create another layer and rename it as 'Layer 1A'. Take Gradient tool from toolbar and fill the layer with gradient color as shown in the following image.

Set the opacity of 'Layer 1A' to 20%.

Step 3

To give a metallic texture effect to the background, take any metal texture image. Click here to download the metal texture image which I have used in this tutorial. Now drag this metal texture image in the canvas and rename the layer as 'Layer 2'

Set the layer style of Layer 2 to 'Vivid Light' and keep the opacity 70%. The metallic background is perfectly ready now.

Step 4

Create new layer and name it as 'Layer 3'. Take 'Polygonal Lasso' tool from toolbar and draw a shape as shown in the following image.

Right click on 'Layer 3' and duplicate it. Now flip the duplicate layer 'Layer 3 copy' to 'Horizontal' as shown in the following image.

Select 'Layer 3' and 'Layer 3 copy' and merge them together by pressing key 'CTRL + E'

Now both the shapes will be on one layer.

Step 5

Apply 'Outer Glow' using 'Blending option' settings as shown in the below image. To get Blending option panel, right click on Layer 3

Step 6

Duplicate 'Layer 3' and rename it as 'Layer 4', right click on it and choose 'Blending' option. Apply following blending option effects, keep the settings as shown in the images given below.

The final effect will look like this.

Step 7

Now drag metal texture image in the canvas again and rename the layer as 'Layer 5'.

Select Layer 4 by holding down 'CTRL' key. You will get following result.

By pressing 'CTRL + Shift + I', delete the unwanted portion as shown in the below image.

Set the layer style of 'Layer 5' to 'Color Dodge' and opacity to 70%.

Select Layer 5 by holding down 'CTRL' key and create new layer. Rename it as 'Layer 6' and fill it with 'Orange' color. The Final result will look like this.

Using 'Eraser' tool from toolbar, erase the orange portion leaving some parts of top area and some parts of the bottom. please refer following images for this.

After erasing the result will look like this.

Step 8

Time to add the text now. So on Layer 6 enter the text 'StarCraft'. Click here to download the typical starcraft font.

Select 'C' and increase the font size as shown in the below image.

Step 9

Right click on 'StarCraft' and choose Blending option. Apply following blending option effects as shown in following image.

And we are done! Your StarCraft artwork is ready. I hope you found this tutorial helpful.

Like this tutorial? Share it

"You can check out our best quality 70-291 dumps prepare you well for the real 70-680 exam. You can get easy success in real exam with the quality best php hosting questions and answers. Get your australian info about online gambling today. "

User Comments

felincous Apr/16/2012 22:00THIS IS WONDERFUL

Country House Weddings Dec/08/2011 19:19Nice tut ... great work, man!

Good Hotel Guide Dec/06/2011 19:48Absolutely lovely. Excellent tutorial... Thank you for sharing.

Eversfield Organic Nov/11/2011 18:38Amazing post!! Great resource. Thanks!

6opoDuJIo Oct/21/2011 22:19cute as F***ING HELL!! thx for tutorial!

chamroeun Jun/16/2011 14:13thank to your tutorial so much.

Michael May/31/2011 08:06Thanks, great tut! But I have found a tutorial with a better result - http://tutvault.blogspot.com/2011/05/tutorial-starcraft-ii-font.html

XXTNTXX May/12/2011 00:31very nice

Ruslan Mar/20/2011 01:58If not laziness come please on a site http://www.photoshopinfo.ru and press 2 times advertizing from GOGLE very much I ask. Money for maintenance and site support is simply necessary. And certainly can you will interest my site. On a site lessons of a photoshop are placed. And shortly there will be a set of replenishments. In advance all thanks. At once I tell it not spam and there there are no viruses.

esam Mar/07/2011 06:18thanx man

FurryNG Feb/24/2011 08:34Sweet! Used it for my Newgrounds WebPage! Big Thx!

white Feb/09/2011 16:45that fine.

Artan Jan/02/2011 09:42niceeeeeeeeeeeeee

Logo Templates Oct/04/2010 19:14Nice tutorial

vinay Aug/02/2010 13:38very nice tutorial

GFXTut May/11/2010 15:57Looks just like the real thing. I like thte II effect aswell.

hussein Apr/14/2010 06:47after rtying it i will tell you how it's works

edison Apr/04/2010 03:23nice job man

venkat Apr/03/2010 16:13its very nice effect i liked it very much

Nilesh singh Mar/19/2010 15:16its great ,ilike it very much

Larry Mar/12/2010 04:01Hey man, this photoshop effect is cool, so i am going to traing do that..... thanks

vmvbn Feb/12/2010 13:26jkmjbmnm

lakmini Dec/30/2009 22:46tx nice text effect to photo shop

arundhathi Dec/25/2009 17:58good very good thanks

doelay Dec/13/2009 02:24many thank. I like this effect.

See 26 - 42 of 42 comments

Your Comment:
Your Name:
Your Email:
Your Website: (optional)

Photoshop Tutorials