text dream dealer

7/29/2019 Text Dream Dealer

1/16

DREAMDEALER

HOME

TUTORIALS

ARTICLES

ABOUT ME

CONTACT

GRAFFITI WITH PHOTOSHOP

17 FEBRUARY 2011
http://www.dreamdealer.nl/http://www.dreamdealer.nl/http://www.dreamdealer.nl/http://www.dreamdealer.nl/http://www.dreamdealer.nl/http://www.dreamdealer.nl/tutorials.htmlhttp://www.dreamdealer.nl/tutorials.htmlhttp://www.dreamdealer.nl/articles.htmlhttp://www.dreamdealer.nl/articles.htmlhttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/contact.htmlhttp://www.dreamdealer.nl/contact.htmlhttp://www.dreamdealer.nl/contact.htmlhttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/articles.htmlhttp://www.dreamdealer.nl/tutorials.htmlhttp://www.dreamdealer.nl/http://www.dreamdealer.nl/http://www.dreamdealer.nl/


2/16

Step 1

Find yourself a nice photo of a wall to put your logo on (i found this image on the internet

withGoogle Images). Every image is suitable if there is a suitable structure (no smooth walls!).

Step 2

Place the logo you want to use in a new layer. The logo has to be a pixel-based image (no fonts,

paths and shapes) because in the next step we will apply a "perspective transfer" which requires

the layer to be pixel-based.
http://images.google.nl/images?svnum=10&hl=nl&lr=&q=muur&btnG=Zoekenhttp://images.google.nl/images?svnum=10&hl=nl&lr=&q=muur&btnG=Zoekenhttp://images.google.nl/images?svnum=10&hl=nl&lr=&q=muur&btnG=Zoekenhttp://img.dreamdealer.nl/dd/graffiti/stap1.jpghttp://images.google.nl/images?svnum=10&hl=nl&lr=&q=muur&btnG=Zoeken


3/16

Step 3

Select "perspective transform" in the edit-menu en change the aspects of the logo that it fits the

perspective of the wall. When you mak a "perspective transform" the selection you're

transforming gets a bounbing box. You can use the lines of this bounding box to align the logo

with the wall.
http://img.dreamdealer.nl/dd/graffiti/stap2.jpg


4/16

Step 4

The logo was just a bit to wide, but thats no problem. You can adjust this with the normal

transform tool (CTRL+T). Make it a bit smaller so it will fit nicely in the wall. If the perspective

of the logo doesn't look realistic, redo the previous steps, because the realism of this is the most

important.


5/16

Step 5

After this, put the blending mode of the logo layer to "overlay":
http://img.dreamdealer.nl/dd/graffiti/stap4.jpghttp://img.dreamdealer.nl/dd/graffiti/stap4.jpg


6/16

The result:

Step 6

The logo still has sharp edges and looks more like a sticker than a graffiti drawing. To make this

a bit more realistic we are going to blur the edges a bit. To blur only the edges, but not the logo,

you'll have to make a copy of the layer and place it under te original logo.


7/16

Step 7

The, blur the copied layer with a "Gaussian Blur" with a value of 5,0 pixels. The gaussian blur is

found in the filter-menu.


8/16

Step 8

At last, to improve the realism, use the eraser tool to erase the logo where the wall is worn

down.


9/16

REFINE

If you like the vague version of step 5 more, but with the blurred edges, you can select the

blurred layer and click (while holding CTRL) on the thumbnail of the original logo layer. This

way you'll select the outlines of the original layer. If you've done this, press DELETE to delete

the selected part from the blurred layer.

To make it all even more realistic, you can place another graffiti (a more worn down one) on the

wall of erase more from the logo to make it look more worn down.

YOUR WORK HERE

Send me your work and i'll publish it here!


10/16

First contribution byDave Scott Design:

Another piece of work was send in by L. Handel:

And this one's done by Jatin Israni:

This is Ryan Christian Robles' work:

And two new contributions by Olivier Weber:
http://www.davescottdesign.com/http://www.davescottdesign.com/http://www.davescottdesign.com/http://img.dreamdealer.nl/dd/primetime-wall.pnghttp://img.dreamdealer.nl/dd/scribble_wall3.pnghttp://img.dreamdealer.nl/dd/scribble_wall2.pnghttp://img.dreamdealer.nl/dd/scribble_wall.pnghttp://img.dreamdealer.nl/dd/dave_scott.pnghttp://img.dreamdealer.nl/dd/primetime-wall.pnghttp://img.dreamdealer.nl/dd/scribble_wall3.pnghttp://img.dreamdealer.nl/dd/scribble_wall2.pnghttp://img.dreamdealer.nl/dd/scribble_wall.pnghttp://img.dreamdealer.nl/dd/dave_scott.pnghttp://img.dreamdealer.nl/dd/primetime-wall.pnghttp://img.dreamdealer.nl/dd/scribble_wall3.pnghttp://img.dreamdealer.nl/dd/scribble_wall2.pnghttp://img.dreamdealer.nl/dd/scribble_wall.pnghttp://img.dreamdealer.nl/dd/dave_scott.pnghttp://img.dreamdealer.nl/dd/primetime-wall.pnghttp://img.dreamdealer.nl/dd/scribble_wall3.pnghttp://img.dreamdealer.nl/dd/scribble_wall2.pnghttp://img.dreamdealer.nl/dd/scribble_wall.pnghttp://img.dreamdealer.nl/dd/dave_scott.pnghttp://img.dreamdealer.nl/dd/primetime-wall.pnghttp://img.dreamdealer.nl/dd/scribble_wall3.pnghttp://img.dreamdealer.nl/dd/scribble_wall2.pnghttp://img.dreamdealer.nl/dd/scribble_wall.pnghttp://img.dreamdealer.nl/dd/dave_scott.pnghttp://www.davescottdesign.com/


11/16

LEAVE A COMMENT!

1. NAME:

2. EMAIL: Your mail is safe with me. It's only only used to display your Gravatar

image!

3. COMMENT:

4. SUBMIT COMMENT

377 COMMENTS

Previous Page 1 of 38Next
http://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.html?page=2#commentTitlehttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.html?page=2#commentTitlehttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.html?page=2#commentTitlehttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.html?page=2#commentTitlehttp://img.dreamdealer.nl/dd/weber2.jpghttp://img.dreamdealer.nl/dd/weber1.jpghttp://img.dreamdealer.nl/dd/weber2.jpghttp://img.dreamdealer.nl/dd/weber1.jpghttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.html?page=2#commentTitle


12/16

1.

Dharma lingam10 January 2013

liket o c

2.

Kutz03 January 2013

Thank You

http://50greetings.com

3.

nishanth01 January 2013

Very good ...

4.


13/16

Sayan Srisamutnak31 December 2012

good idia

5.

Mary Rochelle

17 December 2012 I did one of these and it looks really cool but I can't post it! :/ But thank you for

teaching us this cool photoshop trick! I love it.

6.

Teteee!!12 December 2012

Guachen mi foto al 100%

http://i.imgur.com/LoekN.jpg

7.

jatin goyal01 December 2012


14/16

nice..

very good

8.

agung widyono19 November 2012

hello there, thanks for u're tutorials... i've try this and this my work, sorry if my

work bad

https://reader009.{domain}/reader009/html5/0411/5acd93de85b36/5acd93e797a32.png

9.

selvaganapathi14 November 2012

awesome

10.

Jake!08 November 2012


15/16

were did you get that text from???? i cant find any that work! :(

Previous Page 1 of 38Next

RELATED PAGES

The Cool text effectThe techno effectPimp your text with photoshop

NEW ON DREAMDEALER

Intelligent image cropping with focal pointimage-rendering: pixelatedDon't forget about

inheritAre you still using PX for font sizing?The amazing Shadow DOM

SHARE THIS PAGE

Share on google_plusone_badge Share on pinterest_shareShare on twitterShare on

facebookMore Sharing Services

ABOUT THE AUTHOR

This post was writen byJohan van Tongeren, owner of this website.

Johan is a professional frontend developer and an amateur petrolhead. This website is

his personal playground which changes almost every day.More...

RSS feed

Find me on

Twitter: @johanderowan

Facebook: KapiteinIglo

Codepen: Dreamdealer
http://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.html?page=2#commentTitlehttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.html?page=2#commentTitlehttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.html?page=2#commentTitlehttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.html?page=2#commentTitlehttp://www.dreamdealer.nl/tutorials/cool_text_effect.htmlhttp://www.dreamdealer.nl/tutorials/pimp_your_text_with_photoshop.htmlhttp://www.dreamdealer.nl/articles/intelligent_image_cropping_with_focal_point.htmlhttp://www.dreamdealer.nl/articles/don_t_forget_about_inherit.htmlhttp://www.dreamdealer.nl/articles/don_t_forget_about_inherit.htmlhttp://www.dreamdealer.nl/articles/are_you_still_using_px_for_font_sizing.htmlhttp://www.addthis.com/bookmark.php?v=250&winname=addthis&pub=ra-4e4245670f2012c3&source=tbx32-250&lng=en-US&s=stumbleupon&url=http%3A%2F%2Fwww.dreamdealer.nl%2Ftutorials%2Fgraffiti_with_photoshop.html&title=Graffiti%20with%20Photoshop%20%E2%80%A2%20Dreamdealer&ate=AT-ra-4e4245670f2012c3/-/-/50f24ec0b2dfc4e8/2&frommenu=1&uid=50f24ec00a57e9a5&ct=1&pre=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fdesign%2Fphotoshop-text-tutorials%2F&tt=0&captcha_provider=nucaptchahttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.htmlhttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.htmlhttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/rss.phphttp://www.dreamdealer.nl/rss.phphttp://www.twitter.com/johanderowanhttp://www.facebook.com/KapiteinIglohttp://codepen.io/Dreamdealerhttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.htmlhttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.htmlhttp://codepen.io/Dreamdealerhttp://www.facebook.com/KapiteinIglohttp://www.twitter.com/johanderowanhttp://www.dreamdealer.nl/rss.phphttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/about_me.htmlhttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.htmlhttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.htmlhttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.htmlhttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.htmlhttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.htmlhttp://www.addthis.com/bookmark.php?v=250&winname=addthis&pub=ra-4e4245670f2012c3&source=tbx32-250&lng=en-US&s=stumbleupon&url=http%3A%2F%2Fwww.dreamdealer.nl%2Ftutorials%2Fgraffiti_with_photoshop.html&title=Graffiti%20with%20Photoshop%20%E2%80%A2%20Dreamdealer&ate=AT-ra-4e4245670f2012c3/-/-/50f24ec0b2dfc4e8/2&frommenu=1&uid=50f24ec00a57e9a5&ct=1&pre=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fdesign%2Fphotoshop-text-tutorials%2F&tt=0&captcha_provider=nucaptchahttp://www.dreamdealer.nl/articles/are_you_still_using_px_for_font_sizing.htmlhttp://www.dreamdealer.nl/articles/are_you_still_using_px_for_font_sizing.htmlhttp://www.dreamdealer.nl/articles/don_t_forget_about_inherit.htmlhttp://www.dreamdealer.nl/articles/don_t_forget_about_inherit.htmlhttp://www.dreamdealer.nl/articles/intelligent_image_cropping_with_focal_point.htmlhttp://www.dreamdealer.nl/articles/intelligent_image_cropping_with_focal_point.htmlhttp://www.dreamdealer.nl/tutorials/pimp_your_text_with_photoshop.htmlhttp://www.dreamdealer.nl/tutorials/cool_text_effect.htmlhttp://www.dreamdealer.nl/tutorials/cool_text_effect.htmlhttp://www.dreamdealer.nl/tutorials/graffiti_with_photoshop.html?page=2#commentTitle


16/16

Forrst: Dreamdealer

Zerply: Johan van Tongeren

LicenseThis work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.

The site is powered by:
http://forr.st/-Dreamdealerhttp://www.zerply.com/johan-van-tongerenhttp://creativecommons.org/licenses/by-sa/3.0/http://creativecommons.org/licenses/by-sa/3.0/http://www.carlosgallupa.com/http://creativecommons.org/licenses/by-sa/3.0/http://www.zerply.com/johan-van-tongerenhttp://forr.st/-Dreamdealer

text dream dealer

Documents