Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Posted on September 25th, 2009 under Text Effects

Join testking and get a free access to testking 350-001 and testking VCP-410 resources arranged by certified team to help you pass exams on time.

In this tutorial, I will show the processes involved in designing and creating this really cool, Geometric Shaped Typography with Grungy Background in Photoshop. This is a simple tutorial yet the effect looks awesome, have a try!

Along the way, I will also give you some tricks that you can use for creating awesome lighting and smoky effect to spice up your design.

The techniques involved in creating this typo include layer blending, filter effects, image adjustments and custom brushsets. Hope you enjoy it!

Here is a preview of the final effect: (click to enlarge)

glossy geo typo flatten final 496x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

OK let’s get started!

To complete this tutorial, you will need the following stocks:

Font

Brushset

Step 1

Create a new document sized 1200 * 1700px, fill the background layer with black colour. Create a new layer on top of it and grab the brushset we just downloaded and paint some grungy texture as shown below:

1 effect1 486x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

The trick here is to set your brush flow and opacity to a reletively low level, both around 30% – 40%, and vary the brushset size when you paint. Also don’t stick with one brushset, try mixing different ones together and see what result that brings you.

If you want to skip this step, you can simply download a copy of this background texture here.

Now we want to make a space for our text and create some depth for the image. To do so, on the texture layer, add the following layer mask to it:

1 mask 490x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

To adjust the lighting contrast a bit, we can add a Curves adjustment layer on top of all previous layers:

1 curves Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

and here is the effect so far:

1 effect 2 492x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Step 2

Use the font we download before, type and position the text as shown below: (Use a dark gray colour as font colour)

2 type 500x696 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Tips: type the texts on seperate layers, use the free transform tool (Ctrl + T) to rotate and fit them together.

Once you’re happy with the position, rasterise and merge those text layers and apply the following layer blending option to the merged layer:

Drop Shadow

2 drop sha 500x350 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Bevel and Emboss

2 bevel 500x350 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Gradient Overlay

2 gradient 500x350 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

and you will have the following effect:

2 effect2 495x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Now we’re in the fun part of this tutorial – Duplicate this merged text layer five times, and set each layer’s opacity as shown below:

2 type opacity Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Use your up and right arrow key on your keyboard, repeatly type them until each layer seperates from each other and form this effect as shown below:

2 effect 21 497x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Step 3

Load the selection of the last text layer (hold ctrl + left-click the thumbnail image of that text layer on the layer pallette), and apply the following refine edge settings:

refine edge Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Maintain the selection, create a new layer called “cloud” and render some cloud in it: (Black and White colour)

3 render cloud 499x698 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Duplicate this cloud layer three times, and drag the last text layer on top of the duplicated cloud layer, you will have the following effect:

3 drag layer up 495x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Duplicate the cloud layer twice, and drag the two layers on top of text layer, change their blending mode to “overlay” and you will have the following effect:

3 effect 2 500x697 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Step 4

Now we can add some colours onto the image to spice it up a bit. To do this, I simply create a new layer called “colour 1″ on top of all previous layers, and grab a big soft round brush and select some colour I like to paint over it:

4 paint1 490x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Change the blending mode of this layer to “overlay”.

I also want to highlight the edge of the grungy background, so I add another layer called “colour 2″ and grab a brown colour brush to paint around the edges:

4 paint 2 499x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Set the blending mode of this layer to “colour dodge”.

You can also highlight some part of the text, simply create another layer called “highlight” and grab a white soft round, big size brush and paint over desired area:

4 paint 3 500x693 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Change thie blending mode of this layer to “soft light”.

For final refinement, I added two adjustment layers on top of all previous layers:

Curves

4 curves Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Colour balance

4 col bal Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Apply the following mask to the colour balance adjustment layer:

4 mask col bal 493x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Overall, you will have the following effect:

4 effect2 494x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

Ok that’s pretty much it for this tutorial! Of course this doesn’t stop you from enhancing it and put it some your own creativity to it.

I further added some lines and apply some of this brushset around the edge of the text.

Here is my final effect for this tutorial: (click to enlarge)

glossy geo typo flatten final 496x700 Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop

That’s it for this tut! Hope you enjoy this tutorial and find it useful and inspirational! Cheers and have a great day!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54 Design Abstract Surreal Text Effect with Metal Texture in Photoshop VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect
  • Kevin

    Dumb question, but how do I add the layer mask to the texture layer (step1)?

  • James

    @kevin: you can go to layer > layer mask > Reveal All, or you can click the “add layer mask” button (a symbol has a circle inside a rectangle) on the layer palette.
    Hope this helps “)

  • Kevin

    @James, I appreciate your reply. Though, I still don’t get it. Once I did that, what do I need to do then? Nothing seems to happen to the grungetexture after I clicked Reveale All.

  • James

    @Kevin: after you add the layer mask and reveal all, click on the mask you just added, grab the eraser tool with a soft brush setting, erase the centre portion of the grungy texture.

    Again Hope this helps.

  • Kevin

    If I do that, the grunge layer becomes transperant and the black background shows up. that looks not like the picture shown in the tutorial. gosh, i guess should start learning more basics first. ;)

    Picture: http://i35.tinypic.com/3504hfq.png

  • Santa

    Awesome tutorial, well explained, had no troubles. Thanks man

  • Ani Samuel

    Wooow! this is great. have been looking for something like this for the past months. thanks for shering. looking forward for your next tuts

  • James

    @Kevin: I had a look at your screenshot – the layer mask wasn’t added, and the brush size you chose is too small. Try using a larger, soft round brush.

    For layer mask basic, you have a look at this doc here:

    http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WS53F74E51-AED7-4f75-A1E3-7285F83FD96C.html

    Hope this helps!

  • Taji

    I have cs2 and not cs 3 so i am stuck on step 3

  • hedda

    That was fun – thanks for the tut! :)

  • James

    @Taji: cs2 can still achieve similar effect without the refine edge. You can make a selection around the text using Lasso Tool, and set its feather according the one shown on Step 3 refine edge, and render the cloud inside the selection.

    Once you render the cloud, perhaps use the free transform tool to adjust it a bit to fit the size of the text layer.

    Hope this helps

  • Angad

    Hey!

    Thanks for a brilliant tutorial. I tried to go for a radial blur instead of clouds. Here’s The End Result.

    http://i34.tinypic.com/16bkj9k.jpg

    Keep up the good work :)

  • http://www.dotndot.com dotndot

    Wonderful post…Great share.

  • Taji

    thank you so much that did help!

  • http://10steps.sg Johnson Koh

    Very colorful and interesting effect. Nicely done!

  • Dwayne

    i’m using cs4. . when i hold ctrl + left click the thumbnail to refine edges. . refine edges doesn’t show up. any help?

  • Kidgico

    After you ctrl+left click the thumbnail go to select refine edge for the window or press alt+ctrl+R for the shortcut.

  • salek

    i dont get the layer mask thing….when i erase it the checkered background comes into view.

  • James

    @salek: you can add the layer mask from the layer palette, there is a small button on the bottom and says “add layer mask” and click on it, then click on the thumbnail of the mask you just added, use the eraser tool to erase the portion you would like to hide.
    Hope this helps :)

  • CWill 78

    very nice heres my version

    [IMG]http://i28.photobucket.com/albums/c221/akuma007/deviant%20art/GrungeWallpaper.jpg[/IMG]

  • http://tutorialblog.info tutorial blog

    very nice. Thank for share

  • http://teuingsaha.blogspot.com teuingsaha

    It`s a great tutorials . I have made it but in the others version .

    Thanks for sharing .

  • Tigerclaw

    i failed alot <_< didnt even bother to retry cuz if i dont get it on the first try i will bever do it

  • Onfinay

    THX nice Tut. !!

  • Onfinay

    My version =)
    [IMG]http://img5.imagebanana.com/img/q13657/wallpaperremake.jpg[/IMG]

  • MAtt

    Dude, this was a great tutorial, and amazing looking effect, I am going to probably use it on my bands next myspace layout. Thanks a ton.

  • Alvaro

    THANK U so much!!!! The best tutorial I’ve found today :D

  • http://hellophotoshop.com/tutorials/7-fantasy-text-effect-tutorials/ 7 Fantasy Text Effect Tutorials – Hello Ps

    [...] 4.Geometric Shaped Typography with Grungy Background [...]

  • http://vandelaydesign.com/blog/design/lighting-effects-in-photoshop/ 25 Outstanding Lighting Effect Tutorials for Photoshop | Vandelay Design Blog

    [...] Design an Awesome Geometric Shaped Typography [...]

  • http://www.themeflash.com/high-quality-photoshop-tutorials-for-lighting-and-abstract-effects/ 50 High-Quality Photoshop Tutorials For Lighting and Abstract Effects

    [...] 25. Geometric Shaped Typography with Grungy Background [...]

  • http://huibit05.com/tutorials/25-outstanding-lighting-effect-tutorials-for-photoshop/ 25 Outstanding Lighting Effect Tutorials for Photoshop | Master Design

    [...] Design an Awesome Geometric Shaped Typography [...]

  • http://www.webanddesigners.com/30-best-photoshop-text-effect-tutorials 30 best photoshop text effect tutorials for designers | Web and designers | Complete resource platform for web designers and developers

    [...] 16. Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop [...]

  • http://www.webdesign-creative.com/25-outstanding-lighting-effect-tutorials-for-photoshop/ 25 Outstanding Lighting Effect Tutorials for Photoshop

    [...] Design an Awesome Geometric Shaped Typography [...]

  • http://huibit05.com/tutorials/30-best-photoshop-text-effect-tutorials/ 30 best photoshop text effect tutorials | Master Design

    [...] 16. Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop [...]

  • http://psdfan.com/inspiration/graphic-design/15-fresh-and-quality-text-effect-tutorials/ 15 Fresh and Quality Text Effect Tutorials « PSDFan

    [...] Design an Awesome Geometric Shaped Typography with Grunge Background in Photoshop [...]

  • http://www.kaosconcept.net/tutorial-photoshop/tutorial-photoshop-texto-geometrico-grunge/ Tutorial Photoshop – Texto geométrico Grunge

    [...] • Ver Tutorial Photoshop [...]

  • http://jkookserv.com/blog/25-outstanding-lighting-effect-tutorials-for-photoshop/10358/ 25 Outstanding Lighting Effect Tutorials for Photoshop | JKookServ Hosting Blog

    [...] Design an Awesome Geometric Shaped Typography [...]

  • http://www.faydaliweb.com/tasarim-dizayn/photoshop-tasarim-dizayn/yazi-efekti-alistirmalari.html Yazı efekti alıştırmaları | Photoshop

    [...] Design an Awesome Geometric Shaped Typography with Grunge Background in Photoshop [...]

  • http://www.neurosoftware.ro/programming-blog/facebook-web-design/tutorial/100-best-photoshop-tutorials-from-2009/ 100 Best Photoshop Tutorials From 2009 | Programming Blog

    [...] 87. Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop [...]

  • http://caintechnews.wordpress.com/2009/12/08/100-best-photoshop-tutorials-of-2009/ 100 Best Photoshop Tutorials Of 2009 « Caintech.co.uk

    [...] 87. Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop [...]

  • Rikke

    can one person be so kind and take a screenshot of everything he / she dos in step 3?
    everything is just wrong when I do it …
    Pleas help me .

  • http://www.booto.net/?p=3628 Booto’Blog » 2009年100个最佳Photoshop设计教程

    [...] 87. Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop [...]

  • http://speckyboy.com/2009/12/18/the-best-40-photoshop-text-effects-from-2009/ The Best 40 Photoshop Text Effects from 2009 : Speckyboy Design Magazine

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://www.coreldesign.com/blog/?p=999 40 آموزش افکت متنی در فتوشاپ | به وبلاگ کرل دیزاین خوش آمدید

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://www.kaangokce.com/2009/12/19/en-iyi-40-adet-photoshop-yazi-efekti/ En iyi 40 Adet Photoshop Yazı Efekti « Kaangokce

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://www.heycome.net/the-best-40-photoshop-text-effects-from-2009.html The Best 40 Photoshop Text Effects from 2009 | 嗨,来网络

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://www.jackchen.cn/blog/?p=2004 2009年40个华丽的photoshop 文字特效设计 | Jackchen Design 1984

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://focusec.cn/index.php/09-best-text-effect-photoshop-tutorials/ 2009年国外最佳文字效果photoshop教程 | Focusec

    [...] 复古风格背景下的形状几何递增的文字效果 [...]

  • Drknzz

    Well really cool tut, but i couldn’t understand this:

    “Now we want to make a space for our text and create some depth for the image. To do so, on the texture layer, add the following layer mask to it”

    How do i embed an image into a mask? O.o

    Still, made the mask all by myselft, and here’s my result :D

    http://img85.imageshack.us/img85/5273/drknzzprototype.png

  • Bill Pope

    Fantastic tutorial, thanks very much for taking the time and trouble to prepare this for us…………did my own, now adorns my desktop ! : )

    This is mine, by the way……….

    [IMG]http://i117.photobucket.com/albums/o58/encee_2006/abstract.jpg[/IMG]

  • http://www.omnetsolution.com/blog/?p=170 The Best 40 Photoshop Text Effects « Om Net Solution

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://forusedesign.com/article/62 Text Effect with Photoshop « Foruse Design Studio

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://www.newspoon.com/the-best-photoshop-text-effects.html 2009年40个最佳Photoshop字体设计教程_新勺网| 专注于引进国外设计资源和设计酷站_

    [...] Geometric Shaped Typography with Grungy Background 转载请注明:译文出处 [...]

  • http://www.i-render.net/2009/12/28/the-100-most-popular-photoshop-tutorials-2009/ The 100 Most Popular Photoshop Tutorials 2009 « i-render | Creative Media

    [...] Design Wonderfully Coloring Text in Photoshop [...]

  • http://socy.wordpress.com/2009/12/29/the-best-40-photoshop-text-effects-from-2009/ The Best 40 Photoshop Text Effects from 2009 « Social-Press

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://www.beautifullife.info/web-design/50-the-most-spectacular-photoshop-tutorials-of-2009/ 50 The Most Spectacular Photoshop Tutorials of 2009

    [...] Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop by Psdvault [...]

  • http://www.sorbize.com/27/12/2009/2009un-en-iyi-100-photoshop-tasarim-dersi/ 2009′un En İyi 100 Photoshop Tasarım Dersi | Sorbize

    [...] 87. Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop [...]

  • http://airyland.com/blog/40-photoshop-text-lessons/ 40款最漂亮的PhotoShop特效文字制作教程 « 幻岛|领地

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://vnsky.biz/wordpress/?p=60 25 bài hướng dẫn về hiệu ứng ánh sáng trong Photoshop : VNS Blog

    [...] Design an Awesome Geometric Shaped Typography [...]

  • http://77even.net/2009/12/20/the-best-40-photoshop-text-effects-from-2009/ The Best 40 Photoshop Text Effects from 2009 | Seventy Seven

    [...] Geometric Shaped Typography with Grungy Background [...]

  • Michiel

    Very nice tut, one of the best i ever do (in effects).

    Here is my result: http://yfrog.com/jbtekstdinges2j

  • R10

    very good tutorial, it would be very good if you give me a free PSD copy

  • http://phorias.wordpress.com/2010/01/20/los-mejores-efectos-de-texto-de-photoshop-en-2009/ Los Mejores Efectos de texto de Photoshop en 2009 « phorias

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://pajaritonuevo.com.ar/?p=164 PAJARITO NUEVO–BLOG DE DISEÑO » Blog Archive » Tutorial Photoshop – Texto geométrico Grunge

    [...] • Ver Tutorial Photoshop [...]

  • http://www.drweb.de/magazin/50-fantastic-collections-of-typography-tutorials/ 50 Fantastic Collections of Typography Tutorials | 3D, Illustrator, Photoshop, Tutorials, Typographie | Dr. Web Magazin

    [...] Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop In this tutorial, Artist will show the processes involved in designing and creating this really cool, Geometric Shaped Typography with Grungy Background in Photoshop. This is a simple tutorial yet the effect looks awesome, have a try! [...]

  • http://caintechnews.wordpress.com/2010/01/25/50-fantastic-typography-tutorials/ 50 Fantastic Typography Tutorials « Caintech.co.uk

    [...] Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop In this tutorial, Artist will show the processes involved in designing and creating this really cool, Geometric Shaped Typography with Grungy Background in Photoshop. This is a simple tutorial yet the effect looks awesome, have a try! [...]

  • http://www.lxlabs.com.cn/?p=30 2009年最经典40个photoshop教程 « Lx实验室

    [...] Geometric Shaped Typography with Grungy Background [...]

  • http://www.arfahhusaifah.com Tips Menulis Online

    Thanks. very very very nice. i’m gonna try it.

  • José Gomes

    Great Tutorial

    But for some reason Refine Edge is not working for me…
    Im using CS4 and refine edge like you explained just makes the whole image black, and does nothing

  • http://www.i-render.net/2010/03/100-best-photoshop-tutorials-from-2009/ 100 Best Photoshop Tutorials From 2009 « i-render

    [...] 87. Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop [...]

  • http://gfxme.net/home/2010/03/a-little-bit-dirty-brilliant-grunge-design-tutorials/ A Little Bit Dirty: Brilliant Grunge Design Tutorials – GFX Me

    [...] Design Awesome Geometric Shaped Typography with a Grungy Background [...]

  • http://www.omegapixels.com/?p=35 A Little Bit Dirty: Brilliant Grunge Design Tutorials | Omega Pixels

    [...] Design Awesome Geometric Shaped Typography with a Grungy Background [...]

  • http://patterninc.com/80-best-photoshop-text-effects-tutorials-part-iii/ Pattern Inc » 80 Best Photoshop Text Effects Tutorials, Part III

    [...] Awesome Geometric Shaped Typography with Grungy Background [...]

  • http://techbytez.wordpress.com/2010/04/07/80-best-photoshop-text-effects-tutorials/ 80 Best Photoshop Text Effects Tutorials « Techbytez’s

    [...] Awesome Geometric Shaped Typography with Grungy Background [...]

  • http://addyosmani.com/links/2010/04/07/80-best-photoshop-text-effects-tutorials-part-iii/ 80 Best Photoshop Text Effects Tutorials, Part III | DesignerLinks | Home to Web design news, jQuery Tutorials, CSS tutorials, Web Designing tutorials, JavaScript tutorials and more!

    [...] Awesome Geometric Shaped Typography with Grungy Background [...]

  • http://gabrielcatalano.wordpress.com/2010/04/07/80-best-photoshop-text-effects-tutorials-part-iii/ 80 Best Photoshop Text Effects Tutorials, Part III « gabriel catalano | in-perfección

    [...] Awesome Geometric Shaped Typography with Grungy Background [...]

  • http://www.jackscript.com/80-best-photoshop-text-effects-tutorials-part-iii 80 Best Photoshop Text Effects Tutorials, Part III | #! Jack Script

    [...] Awesome Geometric Shaped Typography with Grungy Background [...]

  • http://lnx.web-burning.it/2010/04/06/80-best-photoshop-text-effects-tutorials-part-iii/ 80 Best Photoshop Text Effects Tutorials, Part III Web Burning Blog

    [...] Awesome Geometric Shaped Typography with Grungy Background [...]

  • NeiL
  • http://www.hongkiat.com/blog/80-best-photoshop-text-effects-tutorials-part-iii/ 80 Best Photoshop Text Effects Tutorials, Part III | Photoshop Tutorials

    [...] Awesome Geometric Shaped Typography with Grungy Background [...]

  • Azri

    hye there, i did bought ur PSD file – http://www.psdvault.com/text-effects/design-an-awesome-geometric-shaped-typography-with-grungy-background-in-photoshop/

    currently i’m still waitin to receive that PSD file.

    Thanks.

  • http://www.ipsepixel.it/?p=1157 Text Effect in Photoshop # 20 Tutorial Selezionati | IPSE PIXEL

    [...] Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop [...]

  • http://endiaferonta.com/?p=11739 Τα 50 καλύτερα tutorials για το Photoshop για φανταστικά αποτελέσματα! | Endiaferonta.com

    [...] Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop by Psdvault [...]

  • http://www.ricoterox.com.ar/2010/04/19/80-tutoriales-de-efectos-de-texto-para-photoshop/ 80 tutoriales de efectos de texto para Photoshop | RiCoTeRo X Blog

    [...] Awesome Geometric Shaped Typography with Grungy Background [...]

  • http://www.webrisorsa.info/creating-text-effects-using-photoshop-and-tutorial-collections/251/ Creating Text Effects Using Photoshop and Tutorial Collections | Design | Web Risorsa | A Web Resource Abode

    [...] Awesome Geometric Shaped Typography with Grungy Background [...]

  • http://www.paolalozano.com.mx Paola Lozano

    Great tut, i’ll link this tutorial in my blog :D

  • http://paolalozano.com.mx/2010/04/tutoriales-de-brillos-y-luces-en-photoshop-sparkle-shine-light-in-photoshop-tutorials/ Tutoriales de Brillos y luces en photoshop / Sparkle, shine, light in photoshop Tutorials
  • http://twitter.com/bliitzi Deoxys

    Very nice effect. Simple and cool.
    I used it for my new Flyer, look here:
    http://img265.imageshack.us/img265/2687/audiovisual.jpg

  • http://Website justin marcelo

    why cant i use the text ? the one you let us download

  • http://Website justin marcelo

    can understand this
    Use your up and right arrow key on your keyboard, repeatly type them until each layer seperates from each other and form this effect as shown below:

  • http://Website john

    need help with step 1 on the texture mask layer

  • http://Website James

    Thx man!!
    this is my first time making a design!!

  • http://Website Noble

    I LOve It !

  • http://Website Niko

    I’m just stuck at step number 3 because i dont know where to find “Refine edges” im using cs3 Please Help Thanks

  • http://Website blu3

    Awsome .. great work friends .. so happy to get the experience from each-others …

    wish u all ahve fun

  • http://dailycreative.ru/ DailyCreative

    Nice 3d effect!

  • http://www.flickr.com/photos/leonoffjohn/ JOHN L

    thnksss i really enjoy doing this tut

  • http://Website Femi

    great tutorial. lol i made one but it came out wierd. i think its because i used my logo instead of a font :) dis is my version
    http://sphotos.ak.fbcdn.net/hphotos-ak-ash2/hs143.ash2/40490_435423704312_725199312_4427974_3753190_n.jpg

  • http://www.aitormanero.com/?p=356 100 de los mejores tutoriales de Photoshop- Aitor Manero

    [...] 87. Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop [...]

  • http://Website rose

    Maintain the selection, create a new layer called “cloud” and render some cloud in it: (Black and White colour)
    i’m stuck on rendering some cloud, can please help? Thank you

  • http://güímar yamel

    Gracias me sirvio de muxa ayuda, esta genial el tuts.

  • http://www.artooz.com jee

    very cool tutorial..i simply love typography..cheers man..

  • http://www.duzcem.net Düzce Haber

    Nice 3d effect!

  • http://Website Troll

    Ok.
    1) For a beginner, this is like looking for aliens.
    2) For a Semi-Pro, some of your steps need alot more explanation.
    For example: “create a new layer called “cloud” and render some cloud in it: (Black and White colour)”.
    I know what this means but, someothers might not. You maybe good at photoshop (hense you made this good picture), but some others will close this tutorial raging of stress that they can’t do a step.

  • http://www.wiiblackfriday.us/ choo

    Good your effect & cool blog thank

  • http://www.highervisibility.com/ HigherVisibility

    These are some cool effects!

  • http://Website david

    Im having a hard time in step 2! I keep hitting those arrow keys but nothing happens i cant get it to duplicate? / stack up like that please help! :)

  • http://www.psdvault.com/text-effects/design-an-awesome-geometric-shaped-typography-with-grungy-background-in-photoshop/ dARYL

    I CANT UNDERSTAND THE STEP 3

  • http://Website jimmy

    nice work man…i like it…i tried it…..it rocks

  • http://www.safakemlak33.com/ ersin emlak

    These are some cool effects!

  • http://Website Kriti

    I’m not getting the cloudy effect on the text.

  • guest

    Yeah, step 3 is hard to understand. Help !!!

  • http://www.psdvault.com PSD Vault

    with step 3, you need to load the selection of the original text layer first and refine its edge with the settings shown, then render some cloud in it.
    If you’re having difficulty with the selection, perhaps this link will help: http://learn–photoshop.blogspot.com/2009/11/quick-tip-2-load-selection-in-photoshop.html

  • http://vecto2000.com Deniss

    This is really great

  • http://www.reformascoam.com REFormas

    WOW, great tricks to achieve amazing effects.

  • Miscojones

    so cool

  • http://magtrends.com/ Elena Gilbert

    So much of designs

  • http://www.facebook.com/people/Tan-Jakkrapan-Itharat/100000209550455 Tan Jakkrapan Itharat

    cool guy