Subscribe Via RSS

3174 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Galaxy Style Text Effect

February 19th, 2009 in Photoshop Tutorials by Richard Carpenter

Galaxy Style Text Effect

1 Star2 Stars3 Stars4 Stars5 Stars14 Votes, Rating: 4.29
Loading ... Loading ...
About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of HV-Designs. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 322 posts.

Good morning fellow photoshoppers how are we today?. In this tutorial il show you how to create some galaxy type text, the inspiration behind this tutorial is “mario galaxy” on the nintendo wii.

Before we start you might want to grab the PSD file from the button above and yes its FREEE to download. Included in the zip file is a galaxy image which you can use. Ive created a new document 600×400 pixels for the purpose of this tutorial, feel free to use your own size. Drag your galaxy background image onto your canvas.

Select the type tool and type out the word “galaxy” or another word that tickles your fancy. :) The font im using is called “whoopass” which is also included in the zip file.

Make the text fairly big then right click your layer and goto “rasterize type”. Goto “edit > transform > perspective” drag one of the bottom corner anchor points outwards. Only need to drag it out a touch.

Label your layer “galaxy text”, now whilst holding down the ALT key on the keyboard hit the down arrow key 26 times, everytime the arrow key is press the text should shift down 1 pixel and create its very own layer. Once you have done it 26 times merge all the DUPLICATED LAYERS ONLY into one layer then move the layer underneath the layer “galaxy text”. Label your other layer “text underneath”. Add these layer styles to your “text underneath layer”.

You should hopefully have something like this.

Click the little thumbnail image in your layers pallette on the “text underneath” layer whilst holding down the CTRL button the keyboard, this should load a selection, whilst the selection is active create a new layer above your text underneath layer BUT underneath your “galaxy text layer”. Label the new layer stroke then goto “edit > stroke” use the settings below.

The reason why we did a stroke this way and not through the layer styles menu is because when you apply the stroke in the layer styles menu you get alot of jaggys, using “edit > stroke” create a much more clear line. You should have something like this.

Duplicate your “galaxy text” layer and just hide it for now as we’ll use it later. Open up the galaxy image included in the zip file in a new document, copy it to the clipboard then head back over to your orginal canvas. Click your “galaxy text” layer whilst holding down the CTRL key to load the selection then goto “edit > paste into” this should then paste your galaxy image inside your text, you can freely move the image around inside the text and even resize the image.

Position the background image so its not overly busy when your happy right click the layer with your mask on and goto “apply layer mask”. Label your layer “galaxy text inside”. Remember we duplicated our plain white galaxy text a few steps ago???…. undide that layer and drag it above your “galaxy text inside” layer. Load a selection of that text using the CTRL + Click method then goto “select > modify > contract” contract the selection by 3 pixels and hit enter. When your returned back to your canvas hit the delete key.

You should have something like the image above, now add the layer style below. Rename your layer to “text top”

Inbetween your “text top” layer and your “galaxy inside text” layer create a new layer label it shine. Select the rectangular marquee tool and create a white box.

Click your “galaxy inside text layer” using the CTRL + Click method to load a selection make sure your shine layer is selected in the layers pallette then goto “select > inverse” then hit the delete key, set layer opacity on the shine layer to 10%.

Zoom in on your text, create a new layer, using the rectangular marquee tool create two 1 pixel lines next to each other, Fill the 1st one with the color #bbbfc1 and the 2nd one with the color #898b8e. Place them where the creases would be if you had 3D text.

Your finished image should look like this.

Many thanks for reading the tutorial, hope you enjoyed it. Dont forget to subscrive via twitter and our RSS feeds. You can also promote this post using the share and enjoys buttons below.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

28 Responses to “Galaxy Style Text Effect”

  1. AJ says:

    Very nice :-)

  2. Poison3k says:

    looks very cool, i wonder how it works with other backgrounds (off to try)

  3. Predator7 says:

    Nice. I like the galaxy background image :)

  4. Azhar says:

    Thank you

  5. E-maniacs says:

    Great again

    Thanks

  6. I can’t transform text in a perspective way anymore, do you have any idea how to fix this?

  7. ADMIN says:

    @HELPFULL HAND

    why what happens? if its just blanked out try rasterizing your text layer first

  8. Chandan says:

    What can I add – it speaks about itself.—–pexcellent.

  9. xphunt3r says:

    its really looking cool yaar

  10. SteeL says:

    Label your layer “galaxy text”, now whilst holding down the ALT key on the keyboard hit the down arrow key 26 times, everytime the arrow key is press the text should shift down 1 pixel and create its very own layer. Once you have done it 26 times merge all the DUPLICATED LAYERS ONLY into one layer then move the layer underneath the layer “galaxy text”. Label your other layer “text underneath”. Add these layer styles to your “text underneath layer”.

    I can’t make this step, fuck my outcome it’s shit

  11. AAA says:

    i m unable to do this.. [:'(]

  12. Wow very nice tut thanks :)

  13. Boris Kuskarov says:

    This looks wicked. thanks a bunch

  14. Eljakim says:

    Duplicate your “galaxy text” layer and just hide it for now as we’ll use it later. Open up the galaxy image included in the zip file in a new document, copy it to the clipboard then head back over to your orginal canvas. Click your “galaxy text” layer whilst holding down the CTRL key to load the selection then goto “edit > paste into” this should then paste your galaxy image inside your text, you can freely move the image around inside the text and even resize the image.

    i don’t understand this can u explain how to do this?

  15. Folkert says:

    Pity that my english sucks, how do i label my layer?

  16. Brochures says:

    Thanks for sharing this! Your instructions are very easy to understand, perfect for beginners. I really like the photo you used. Great job!

  17. Isstatu1 says:

    When it says: “Duplicate your “galaxy text” layer and just hide it for now as we’ll use it later. Open up the galaxy image included in the zip file in a new document, copy it to the clipboard then head back over to your orginal canvas. Click your “galaxy text” layer whilst holding down the CTRL key to load the selection then goto “edit > paste into” this should then paste your galaxy image inside your text, you can freely move the image around inside the text and even resize the image.” I’m clicking that white box with CTRL, to make a selection. Everything is fine, BUT, when I select that text, and I go to Edit that option with Paste into is still locked.. What should I do?

  18. Sunnevajoh says:

    I can’t get this to work in CS4 …

    i started to get stuck when “Label your layer “galaxy text”, now whilst holding down the ALT key on the keyboard hit the down arrow key 26 times, everytime the arrow key is press the text should shift down 1 pixel …..” cause it didn’t create a new layer each time, it just moved the text ?!?

    I almost made that work by duplicating the text layer and then hitting the down arrow 1 at a time, duplicating the layer text i just shifted (yes I did that 26 times) but since I’m f***ing up the process it just stops working after that. But doing it 26 times like that did give me the same results as you ..(had to do edit/transform/perspective to move the text each time) for some reason i just don’t get how to create a new layer while having a selection open for the ‘text underneath’ layer – so i can do stroke.

    It looked simple but man I sure would like to know why this isn’t working :-/

  19. James says:

    Awsome Tut Thanks Man. =)

  20. Cooney says:

    You should adjust your language, sometimes it’s pretty hard to read because there are no periods, commas, etc…

    But overall, great Tutorial ^-^

Leave a Reply