Graffiti with Photoshop

Step 1
Find yourself a nice photo of a wall to put your logo on (i found this image on the internet with Google 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" wich requires the layer to be pixel-based.

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.

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.

Step 5
After this, put the blending mode of the logo layer to "overlay":

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.

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.

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

Verfijnen
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.

Comments

Name: jim (07 February 2010 - 02:55)

that was very good thank you ?

Name: Jitu (03 February 2010 - 15:05)

zerooooooooooooooooooooooooooo

Name: oldboytoy (01 February 2010 - 05:12)

You are a very good trainer. Your tutorial is clear and detailed. Keep up the good work. May your tribe increase!

Name: Anonimi (31 January 2010 - 10:11)

White deep - Nobody http://www.sendspace.com/file/oa1lw3
-----------------------------------------------------------------------------
White deep - Beybe ti http://www.sendspace.com/file/9xssam

te best songs of white deep

Name: เอก (28 January 2010 - 07:54)

Wow!

สุดยอดจริงๆ

from Thailand

Name: sesli chat (23 January 2010 - 01:57)

thank you post !

sesli chat

Name: Zeeshan Riaz (21 January 2010 - 11:11)

very CoooOOOOoool.....

Name: hemilat (19 January 2010 - 11:38)

very good effect

Name: pashakhan (17 January 2010 - 16:57)

mashaALLAH very nice god bless you dear

Name: David (11 January 2010 - 11:50)

An easy but effective tutorial,keep up the good work man ;)

Name: Clippingimages (04 January 2010 - 07:53)

very tiny n nice.you collection help me a lot.thanks for sharing.

Name: ice-g (04 January 2010 - 01:05)

si bohen kto me ja qifsha motren nuk merret vesh

Name: ilmanto13 (02 January 2010 - 16:12)

Very,very nice,compliments,a beautiful tutorial!!!!!
Thanks!!!!!

Name: Clive (29 December 2009 - 03:14)

Hey i reconize this photo ! it was taken from my village in portsmouth on the island of Dominica. i walk past this site nearly every day .
seeing this photo made me real exited.

Name: popolix iran graffiti (28 December 2009 - 21:10)

با فتوشاپ گرافیتی بزنید

اگر نمی‌دانید گرافیتی (Graffiti) چیست این مطلب را بخوانید.

گرافیتی کشیدن روی دیوار های عمومی همه‌جای دنیا ممنوع است اما عده‌ای از گرافیتی باز ها هنر خود را با کامپیوتر و در قالب طراحی های مختلف به‌کار گرفته‌اند و هم از حرفه‌ی مورد علاقه‌ی خود لذت می‌برند و هم از آن کسب درآمد می‌کنند.

در زیر با هم یک طرح ساده گرافیتی را به کمک فتوشاپ روی یک دیوار می‌کشیم:

* این تمرین بیشتر بر روی چگونگی مطابق کردن نوشته با دیوار (Perspective) تمرکز دارد.

ابتدا عکس دیوار مورد علاقه‌تان را پیدا کنید ، می‌توانید برای جالب‌تر شدن کار با دوربین از یکی از دیوار های محلتان هم عکس بگیرید و روی آن کار کنید.

گرافیتی کشیدن با فتوشاپ

برای پیدا کردن عکس دیوار لینک های زیر کمکتان می‌کند:
Google Images = Muur
Google Images = Brick Wall

حالا با فونت مورد علاقه خود یک متن دلخواه بنویسید. و از قسمت لایه ها روی لایه‌ی نوشته کلیک راست کرده و Rasterize Type را انتخاب کنید. حالا از منوی Edit > Transform گزینه‌ی Perspective را انتخاب کرده و با کشیدن گوشه های عکس آن را آن قدر تغییر داده که نوشته روی دیوار به نظر بیاید.

حالا لایه را در حالت Overlay قرار داده تا جنس و طرح دیوار را به خود بگیرد.

گرافیتی کشیدن با فتوشاپ

حالا روی لایه‌ی نوشته کلیک کرده و از فلش کوچک بالا گزینه‌ی Duplicate Layer را انتخاب کنید و لایه‌ی جدید را زیر لایه‌ی اصلی نوشته بیاورید و از منوی Filter > Blur گزینه‌ی Gaussian Blur را انتخاب کرده و با مقدار ۵ آن را ok کنید. این کار باعث می‌شود نوشته شما جدای از دیوار دیده نشود و حالت طبیعی به خود بگیرد.

گرافیتی کشیدن با فتوشاپ

* نام فونت استفاده شده در این تمرین CreamPuff می‌باشد که می‌توانید آن را از اینجا دریافت کنید.

* من برای زیبا تر دیده شدن گرافیتی نوشته‌ی قسمت هایی از دیوار که ریخته را پاک کردم و به نوشته Stroke و Gradient دادم و Opacity را کم کردم. این تغییرات بسته به نوع دیوار و سلیقه شما متغیر است پس هر طور که فکر می‌کنید کارتان زیبا‌تر می‌شود انجامشان دهید.
popolix iran graffiti

Name: N-designs (22 December 2009 - 23:43)

awww

Name: goad (19 December 2009 - 00:30)

horunge sug min kuk hur gjorde du?

Name: mickieee(: (14 December 2009 - 17:04)

awesomee!

Name: jalpa (07 December 2009 - 15:59)

good

Name: master bijay (07 December 2009 - 11:47)

not so good

Name: sunny (30 November 2009 - 20:06)

sa sene pa un bon idea messi

Name: rajesh (27 November 2009 - 08:03)

thanks

Name: star (18 November 2009 - 02:22)

this is very nice, i like it.

Name: Devdas (15 November 2009 - 17:06)

Really it is so beautiful & very easy.

Name: sara (11 November 2009 - 11:22)

its good for this name only use the same colour, other things not come, :-)

watch more .www.x3creative.blogspot.com

Name: yo mum (26 October 2009 - 23:56)

dis is an o awsome bro!!!!
dis is mad

Name: FADS (18 October 2009 - 21:28)

AWSOME!!!!

Name: Rekha Jadhav (12 October 2009 - 10:28)

COOOOOOOOOOOOL very nice

Name: abby (11 October 2009 - 06:38)

I liked the effects used in this tut...very nice!

Name: piyush (07 October 2009 - 10:21)

very very very niceeeeeeeeeeeeeeeee

Name: Beast (06 October 2009 - 20:20)

this is very goo
-

Name: maria (28 September 2009 - 23:15)

hole esta bonito

Name: Redox (28 September 2009 - 08:38)

Font use for this Tutorial is: Creampuff

Thanks.

Name: Balaji (19 September 2009 - 07:48)

Excellentttttttttt..
Fantasticcccccccccccccccc.......

Name: Manish Nath (17 September 2009 - 19:48)

Very Gooooooooooooood........ its cool....

Name: skan (15 September 2009 - 00:30)

hola

Name: /!$}{@L $}{@RM@ (India, Delhi) (13 September 2009 - 13:03)

h!!!!!!!!!!
this very beautiful text effect thanx to publish you this text effect

Name: Sachin (02 September 2009 - 09:09)

To GOOD!

Name: yasser (31 August 2009 - 17:31)

this is very nice i like it so much

Name: kavi (31 August 2009 - 09:09)

hey really natural man i want to try my name on wall thanks for ur tuts

Name: Dzinepress (29 August 2009 - 16:25)

i really like you beautiful tutorial.

Name: hanae (26 August 2009 - 16:36)

tr้s cool

Name: rakesh (26 August 2009 - 16:06)

hey its really cool yaar ,something different

Name: criss (22 August 2009 - 11:24)

great work!

Name: Courge de Bourge (22 August 2009 - 02:23)

looks pretty cheap - but ok

Name: Prabodh (20 August 2009 - 10:55)

nice Work.....

Pls. give another text effect..
my mai id is
dhuleprabodh@sify.com

Name: Toine (19 August 2009 - 21:26)

i need the file of PHOTOSHOP!!!

send to toine_sondeijker@live.nl

Name: Sreekanth (19 August 2009 - 19:20)

i like it

Name: James Mawuli Dogbatse (19 August 2009 - 15:25)

Good work, great job, nice effect. Thumb-up.

Name: Mehdiway (17 August 2009 - 19:48)

NICE WORK !!!

Name: pillakirankumar@gmail.com (09 August 2009 - 16:18)

good effect for the real graphic designers

Name: xucnorris (09 August 2009 - 14:19)

i prefer do it real, at the street!!

Name: Ryan (06 August 2009 - 21:22)

What is the font that you used?

And very good i will be using this!

Name: that (06 August 2009 - 18:31)

that looks awful.

Name: reut from izrael (02 August 2009 - 11:27)

i chray that and is pantastic!

Name: marc (01 August 2009 - 03:12)

thanx

Name: Brady (29 July 2009 - 20:30)

To David: He means to rasterize it, so right click your text layer and click rasterize okay

Name: zzzz (26 July 2009 - 04:37)

HOW TO MAKE THE STEP 3? CTRL + T then how to do the last letter small and small?

Name: David (25 July 2009 - 23:19)

What do u mean with based pixel image of the logo? so its not text right its an image?

Name: dave (25 July 2009 - 12:37)

Also use the displacement tool on the text and use a desaturated background pic for the map, this way you can slighty shape the paint so it follows the contour of all the little bricks, this will add even more realism

Name: Iron (21 July 2009 - 23:06)

man its grat but not fair some people will say that they did that
^_^

Name: SATHISH (10 July 2009 - 11:00)

AMEAZING THINK

Name: Deepak (08 July 2009 - 17:31)

i thing very very gooooood

Name: Sunil Dholani (07 July 2009 - 11:51)

this very cool

Name: adnan (04 July 2009 - 15:43)

Gr8

Name: DANTE (24 June 2009 - 19:33)

EXCELETTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT.........
gracias por compartirlo.

Saludos

Name: senthilkumar (22 June 2009 - 12:28)

Very Nice

Name: sandip (11 June 2009 - 08:37)

very very nice. keep update

Name: bin (10 June 2009 - 11:51)

excellent

Name: <~FhIneS~> (09 June 2009 - 13:34)

YeAh !!! I Like It .... AdD Me On FrIeNdStEr ...= fhines_mangubat@yahoo.com

Name: Fadhil (03 June 2009 - 23:07)

amazing and thank you ...

Name: uday jadhav (01 June 2009 - 08:58)

so nice, good idea, super thinking

Name: Amon (Saiha Bazar) (01 June 2009 - 06:21)

This is great....

Name: amol (29 May 2009 - 11:47)

amazing !

Name: Jesper (26 May 2009 - 16:54)

Johan is een held!

Name: aaron (20 May 2009 - 16:40)

very helpful BUT pleeeease double check your typing.

Name: maryam (19 May 2009 - 22:03)

very.......................................very...........................good...........................

Name: maysoon (17 May 2009 - 15:10)

nice kwell sikkk like..

Name: harinder singh (14 May 2009 - 16:21)

it very easy and very difficult

Name: omjito (12 May 2009 - 10:41)

very good and great job. simple but powerful

Name: R A M M (10 May 2009 - 11:09)

Nice One.

Name: alan lombok (09 May 2009 - 09:58)

very.........very....gooooooooooooooooooddddd.........

Name: Pawan Rajput (02 May 2009 - 13:12)

Very Nice

Name: wildman (28 April 2009 - 02:28)

very nice picture photoshop= variety

Name: Gulzar (21 April 2009 - 14:09)

Wonderful hai Bhai!

Name: Pratiksha rane. (17 April 2009 - 18:16)

it was awsome yaar

Name: crazifox (15 April 2009 - 20:03)

it doesnt need to be a picture (the logo) just type the font then raterize the layer, this makes it pixel based.....i suggest you edit the tutorial so it says that... :S

Name: nur (11 April 2009 - 11:36)

please!!
im stuck on step 3!!

please help me.!!

i gave you my email and help me please!!

dark.goth@ymail.com

Name: abuzer tekin (08 April 2009 - 22:03)

very very than you

Name: Mona (03 April 2009 - 20:21)

excellent...thnx for sharing

Name: Natasha (30 March 2009 - 15:49)

So cool, one word EXTRIDZA

Name: IGoris (29 March 2009 - 18:50)

cool

Name: Denaa (25 March 2009 - 14:54)

The Font Name Is : CreamPuf ;)

Name: nagachaitanya (24 March 2009 - 16:41)

how to open HDR images in photo shope?

please guide me for the corect software to find the HDR files ?

Name: estefani (20 March 2009 - 16:22)

Thank you this helped me do my presentation for school.
The steps are well explained.!

Name: uleih (19 March 2009 - 22:35)

What font u use???? can u tell me name :)?

Name: lol (14 March 2009 - 14:34)

sweet tut

Name: dianaaaa (11 March 2009 - 15:02)

soooo great thankksss. it looks sweet.

Name: kimura (07 March 2009 - 15:35)

awsome...great.. thanks...

Name: Amjad Miandad (03 March 2009 - 14:34)

thanks for the tutorial budy its really awesome.

Name: voodoobass (01 March 2009 - 04:10)

Excellent, thanks for the knowledge :)

Name: Nailesh (16 February 2009 - 08:47)

Very good effect

Name: keikeishensei (14 February 2009 - 15:40)

I like it your grafitti, this is very nice

Name: Moe (03 February 2009 - 17:41)

Hey...This is very nice graffiti, nicely done.
It helped me so much...i had a project "Graffiti on a Wall"...and i was desperate.
It kinda saved my ass.
thx.

Name: mnuismnu (20 January 2009 - 18:07)

Please send me the psd of the file.......!

my email is blacky@coolscorpio.com

Name: Rockers (12 January 2009 - 22:13)

VERY NICE !!!

Name: Andrew (South Africa) (12 January 2009 - 12:07)

Nice work, very natural...:-)

Name: ProXer -->Email<-- (10 January 2009 - 17:47)

My Email is M_a_y_g_e@hotmail.com
Please Help Me!

Name: ProXer (09 January 2009 - 16:04)

I got a Trouble on step 3...I have Write DreamDealer but i cant Click on "perspective transfer" in the "edit menu" Please Help!...if you can help me send me a email how to do, Please...

Name: aimee (24 December 2008 - 20:54)

its wicked x nicely done x how u do it xlolx great work

Name: shekhar from india, (19 December 2008 - 10:27)

it is looking natural.very nice...

Name: Ti (09 December 2008 - 20:41)

Cool dude

Name: pepe (24 November 2008 - 13:43)

nice

Name: derk jan (Holland) (16 November 2008 - 16:10)

heey, wokrs very good thanks!
specialy on CS-3

Name: javier (13 November 2008 - 12:22)

Thanks for sharing!! Great graffiti effect!!

Name: sakura (11 November 2008 - 14:20)

very sexy

Name: mmiikkeeyyiisslleeggeenndd (07 November 2008 - 18:21)

tht is amazin it looks like its on the wall

Name: j.Ro (24 October 2008 - 19:35)

soo cool jo

Name: jota (22 October 2008 - 19:17)

Excelente, bueno como siempre. felicitaciones

Name: marlon (05 October 2008 - 18:53)

los graffitis son finos

Name: John (30 September 2008 - 14:41)

The logo is so awesome!!
Can you tell me how to make a logo like yours? (with the cool shadow)

Name: sAnDy (27 September 2008 - 14:20)

it"s very nice..........

Name: Riyaz Shaikh (26 September 2008 - 07:58)

Cool !!!!

Name: jack (26 September 2008 - 03:14)

effective!...

Name: firefly (16 September 2008 - 22:19)

nice and useful

http://utunlimited.wordpress.com/

Name: razoramon (16 September 2008 - 21:56)

Umesto perspektive probaj Vanishing point (Filter>Vanishing point), lakse da se ukomponuje! Baja je izabro dodar zid, ali sta ako...

Name: yine (16 September 2008 - 01:16)

super util para mi!!

Name: djsunshine (12 September 2008 - 11:40)

nice and simple effect,thanks for sharing this tehnique with us and keep it up with this good work.
Cheers.

Name: pimp (07 September 2008 - 07:53)

that shit is hot

Name: adib (07 September 2008 - 00:25)

a BIG privet from RUSSIA!!!

Name: Warss (06 September 2008 - 21:28)

Thanks man
that was awesome xD

Name: lolsz_pimp_180 (31 August 2008 - 19:40)

dat shit kam out madd ill...keep it up

Name: (12 August 2008 - 18:07)

Really great idea and great effect. Thank you for sharing. What a shame so many children have to muck up your comments, though.

Name: nrike10 (30 July 2008 - 20:25)

very nice ,its a very realistic ,muchas gracias...

Name: ramya (22 July 2008 - 08:59)

really nice but little difficult to learn from home
so plz show more easy to me thankx for showing this

Name: John (09 July 2008 - 10:07)

Yes Now!

Name: (20 June 2008 - 16:02)

this is wicked man

Name: CharTek (19 June 2008 - 17:16)

i found that if you add a second layer of the text with a clipping mask it looks a bit more realistic

Name: kevin (15 June 2008 - 02:25)

i dont get it

Name: The Asian (11 June 2008 - 06:31)

that is not cool that is freaking amazing

Name: vikas & satyajit (10 June 2008 - 14:38)

your tut is very nice using this tut i solve my many queries so thanks

Name: VIVID sex oh yez (19 May 2008 - 13:04)

nice one...............

Name: Nice (03 May 2008 - 10:23)

nice man!! =D
but i think that you sould explain it better :P

Name: EROL turkey (30 April 2008 - 21:56)

thank you verry nice work

Name: X( (23 April 2008 - 18:13)

why i cant use perspectiv transform...i cant use it and i cant do nothing X(

Name: Kiitty (15 April 2008 - 23:00)

It works, trust me. You guys obviously missed something...

Proof: http://img166.imageshack.us/img166/5043/kittygraffitiproofrf4.jpg

Name: qui (11 April 2008 - 10:16)

very nice effect

Name: Stephanie (07 April 2008 - 13:50)

Thx. its gr8, i used it for my project
:)

Name: Spambot :P (04 April 2008 - 18:33)

where can I download it maan?!?!?!?!?!?!

Name: photoshopper (02 April 2008 - 08:21)

amazing!

Name: vcoc (01 April 2008 - 15:46)

that is so cool

Name: 99-99 (26 March 2008 - 20:53)

tnx! realy nice!

Name: (24 March 2008 - 16:48)

nossa muito perfeito

Name: Genry T. (17 March 2008 - 23:12)

looks mad!

Name: serial_kisser5715 (07 March 2008 - 04:09)

yah, i really really like it and appreciate it very much!

Name: roodLusT (05 March 2008 - 12:57)

good perfect

Name: how do i get that box on (04 March 2008 - 22:42)

how do i get that box on

Name: Chinmayfun (04 March 2008 - 20:28)

Very nice idea... had never used overlay effect with this i know when to use it

Name: joci (04 March 2008 - 18:36)

my hungarian boy cool the graffiti

Name: jenna D (21 February 2008 - 03:09)

omg, i love it lots =-)

Name: jennifer (21 February 2008 - 03:07)

love it!!! =-)

Name: Rizwan (20 February 2008 - 13:10)

very good ...

Name: john lane (15 February 2008 - 19:22)

its good, looks real

Name: chris (11 February 2008 - 10:28)

te la rifaste (nice job!)

Name: victor! (09 February 2008 - 10:27)

Esta muy bien! ademas queda muy realista! buen trabajo!

Name: adele (07 February 2008 - 15:20)

wow this is ded good i realy like it.

Name: nick (02 February 2008 - 15:37)

vet man

Name: LoNgY (21 January 2008 - 18:58)

it is good but it does no werk!

Name: reorge (20 January 2008 - 23:39)

i hope your under 18

Name: hey how 2 make text pixel based? (20 January 2008 - 19:13)

hey how 2 make text pixel based?

Name: ronay (11 January 2008 - 19:53)

omg

Name: scarface (24 December 2007 - 11:37)

you nice man superrrr

Name: nice (23 December 2007 - 16:13)

Tnx for this wonderful tutorial! Keep up the good job ;)

Name: tetsuo (20 December 2007 - 17:44)

Awesome!

Name: Necaz (20 December 2007 - 14:00)

COOOOOOOL :D

Name: Jitednra (14 December 2007 - 15:30)

fantastic really i like it. I am also following

Name: iamk (27 November 2007 - 05:52)

good

Name: shamsul (25 November 2007 - 23:38)

its okay tut.....you can tell its fake......but nice outcome

Name: ur dad (22 November 2007 - 02:23)

it aint easy

Name: keith soans (19 November 2007 - 11:02)

hey cool fx keep this gud work

Name: PKL (09 November 2007 - 23:43)

How Are You ! very good .

Name: avondale828dalestate (02 November 2007 - 01:48)

dats pretty mean aye looks real 2 da days

Name: Luigi (26 October 2007 - 22:53)

Very good!

Name: Matt (20 October 2007 - 08:38)

Excellent job! so simple yet looks great.

Name: Butters (19 October 2007 - 22:04)

That looks ok. Prolly could make it a little better. But very easy to do and looks nice. Awesome.

Name: conrex (01 October 2007 - 20:42)

Great man, good job.

Name: Mel (29 September 2007 - 22:58)

Its a good tutorial - thanks!

Name: taki183 (25 September 2007 - 20:40)

thats ok

Name: Bubba Casper (25 September 2007 - 14:22)

omg nice

Name: yo (19 September 2007 - 09:17)

niice!

Name: DreamDealer (18 September 2007 - 08:18)

The font is called : CreamPuf

Name: Kunal (17 September 2007 - 22:08)

What font is that???

Name: Fay (16 September 2007 - 02:21)

Wow this is great =]

Name: rhubart (12 September 2007 - 04:30)

Me like look good. Me follow suit.

Name: Fthrkl (09 September 2007 - 15:34)

super !

Name: bernhard de zweefmolen man (09 September 2007 - 02:16)

waanzin ziet er erg goed uit

Name: hello (08 September 2007 - 19:28)

i am orite you by panagiotis

Name: (02 September 2007 - 20:51)

kool

Name: ahmed.. (01 September 2007 - 01:34)

bien jou้!!

Name: ako Polumenta (29 August 2007 - 15:16)

Cool effect. Dođite na moj koncert u Briđ!

Name: lee fuang (29 August 2007 - 15:16)

Nicea effect, me likes da video sam ribu, ima dobru fonsi!

Name: SOCOL in Russia (29 August 2007 - 04:07)

Nice , but wath a fuck "R" ...

Name: Mirza (28 August 2007 - 18:56)

Nice effect, nek mi se slinamu naipu tuki!

Name: JOgu (24 August 2007 - 07:30)

cool effect, realistic

Name: ahmet alsan (20 August 2007 - 14:29)

very good ...

Name: willibwa (20 August 2007 - 05:53)

It is so cool and practical.

Name: bob (18 August 2007 - 02:14)

hi i like it good muchly!

Name: xeyed works (17 August 2007 - 07:07)

this is very nice, i like it.

Graffiti with Photoshop

Comments

Post a comment

Tools

Tutorial Tools