RSS
people

Brandmark Tutorial

On a moviesite, my eye felt (surprisingly) on this poster for an new movie: “This film is not yet rated”.

this_film_is_not_yet_rated.jpg

I thougt: “Nice Photoshop. Let’s try to do this myself.”

And so I did. This is what I came up with:

brandmerk5.jpg

Of course, I wrote a “making of”. Read on:

The working process consists of three phases: first we make the mark, then the smoke and then we throw everything together and apply the special effects.

Start the Photoshopmachine!

A: The Mark.

1. Open a new file, size 250 x 130, on a transparent background.

bm0.gif

Fill (“G”) the area with a red color (I used A11D21).

2. Ctrl-A to select all, then click select>modify>contract and set this to 10 pixels.
Now you have a smaller selection, hit “delete” so you have a red 10-pixel border.

bm1.gif

3. In the same red color, type your text. I wrote PHOTO-SHOP with this font settings:font: Arial Black

size: 60
horizontal spacing: -50
vertical spacing: 50

bm2.gif

4. In the main menu, choose layer>merge visible to combine the border and the text into one, editable layer.

bm3.gif

    B: The Smoke.

    1. Leave the mark-file open and open another one, dimensions 1000 x 1000.
    Press “D” to reset the foreground and background colors to black and white.

    2. Apply the filter>render>clouds to generate some clouds (if you don’t like the random result, press ctrl-F to apply the filter again and get another one).

    bm9.jpg

    3. Now we have white clouds on a black background; we want to get rid of these black areas. Therefore, click select>color range in the main menu. When you get the settings popup, click on a black area with the eyedropper and set the fuzziness to 141.

    bm10.gif

    4. Go in Quick Mask-mode (”Q”).

    bm13.gif

    Apply the filter>blur>Gaussian blur with value 5,0.
    Return to normal mode and hit delete. Ctrl-D to deselect.
    If everything went fine, you should now have white clouds only.

    C. The Assembling.

    1. Open your model picture.

    2. Start by dragging the mark into the picture. Using ctrl-T or edit>transform>free transform and edit>transform>rotate to adjust the size and angle until it looks right to you.

    bm4.jpg

    3. At this moment, the brand is to straight, so it seems to floate. That’s because it doesn’t follow the curves of our model. Therefore, apply filter>distort>wave and fill in these values:

    number of generators: 1
    wavelength: 122 – 551
    amplitude: 5 – 35
    scale: 100% - 100%

    bm5.gif

    (Other settings might work as well; you can experiment with the distort filters pinch and spherize too.)
    bm6.jpg

    4. Apply the filter>Gaussian blur> 1,5 and then set the blending mode to “color burn”.
    Duplicate the layer, place it underneath the original mark-layer, and apply filter>blur>Gaussian blur> 10 on it (blending mode of this layer copy is still set to color burn).

    bm7.gif

    bm8.jpg

    This should be enough for the mark. On to the smoke …

    5. Throw in the smoke-layer (drag from the apart Photoshop-file).
    Adjust the size with the free transform tool (ctrl-T) and then apply a layer mask.

    bm14.gif

    As you know, brushing with black in a layer mask erases, white recalls. Now brush the edges away with a soft brush and a low opacity (about 20%), as well as unnessary (or unreal looking) parts.

    6. Set the blending mode of the smoke layer to “screen”.

    7. Finishing touch: on a new layer, paint some white lines with a soft brush from the border to the smoke and then apply a gaussian blur (5) on this layer. Again, set the blending mode to screen.

    bm11.jpg

    This is my finished result:

    brandmerk5.jpg

    If you enjoyed this tutorial, please Digg it!

108 Responses to “Brandmark Tutorial”

  1. James Says:

    Nice work, I love it. The smoke effect is good.

  2. sarah Says:

    i dont know how to work this thing.
    HELP!!!!

  3. Jack Says:

    It would been better WITHOUT the smoke.
    But otherwise, nice work:)

  4. Koista Says:

    Oh, really nice idea!! 10\10!

  5. davey Says:

    I like the tut but the smoke looks really fake. srry to say.. rest is perfect except for you could make some red skin round the mark using eleticol marque tool and just make it darken the skin in dark red..

  6. Mg Aung Phyp Tun Says:

    All maner taught is clear. But smoking effect is refused.

  7. Keri Lee Says:

    I Love this idea…Interesting smoke effect!

  8. G. Eren Says:

    Realy nice idea, I love it…

  9. Snoopy Says:

    Very nice tutorial

  10. PhotoshopGirl Says:

    Great Tut !!! :D

  11. Mirage Says:

    Pretty good, but I think there should be less smoke…
    Anyway its good

  12. jayef Says:

    i have problem with doing it, i can’t click select - modify - contract, pls someone help send info at jayef@abv.bg

  13. Entityx Says:

    Wah this is a great tutorial, thanks for publishing it

  14. [GEEKS ARE SEXY] Tech. News Says:

    Love the effect :) Digg.

    You should be removing the popups, they are annoying

    Kiltak
    [Geeks Are Sexy] Tech. News

  15. Paul-Serge Says:

    @Kiltak: Do you see pop-ups? Hm, must be from that irritating NedStat - I was using another statistics program but that was using too much CPU, so I’m right now in search of a better - preferably free - statistics program, without popups.
    Please note that I don’t earn any money with these popups :)

    BTW: In Firefox, I see nothing ..
    Get Firefox! :)

    Update: In the meanwhile I’ve installed a SiteMeter-counter. I will be examining the results from both counter systems for a few days, and if the sitemeter results are valuable, the NedStat counter (and popup) will dissapear.

  16. [GEEKS ARE SEXY] Tech. News Says:

    Yeah, I think it was from your other counter. I also use SiteMeter, and it’s great… You’ll see, looking at your traffic 24 hours after having a story published on DIGG is very interesting.. I had 4 stories published on there, and the best one brought me around 30000 hits.. Not bad :)

    Good thing that your switched, the DIGG crowd isn’t very tolerent of popups.. LoL.

    Kiltak
    [Geeks Are Sexy] Tech. News

  17. wowCoolEffect! Says:

    GOD DAMN POPUPS

  18. techtakeover.com - Blog » Brandmarks on Human Body (in Photoshop) Says:

    [...] read more | digg story [...]

  19. sosuke Says:

    http://www.deviantart.com/deviation/22206267/
    ya’ll might find that one interesting then, I made that for quakecon2005 while i was at the convention for my friends 24″ dell widescreen

    -sosuke

  20. James Carlos Says:

    looks great! can’t wait to try it out….

    James

  21. Paul-Serge Says:

    @Sosuke: Nice one :)

  22. sosuke Says:

    I was just amazed we used different paths and ended up with similar results, great tutorial, getting branded / tattooed this was is much less painful than the real deal, and you get to see what you will look like with a goofy tattoo :)

  23. Daniel Says:

    ..should have made a displacement map, would have made the effect much more realistic. also, the steam/smoke is too strong.

  24. Al rojo vivo con Photoshop | Sólo otro blog infame Says:

    [...] Buen tutorial para Adobe Photoshop que nos enseña a simular una marca de fuego sobre piel humana. [...]

  25. Neil Says:

    The tattoo is good. The smoke looks like crap and masks the tattoo :(

  26. Ivan Minic Says:

    What a cool tutorial!

  27. ect0 Says:

    the smoke is a little too heavy and slightly generic, but the overall is nicely done and high quality. thanks for the tip!

  28. LinuxGuy Says:

    “fell (surprisingly) on this poster” lol

  29. donal Says:

    cool! there shouldn’t be drops of perspiration on the newly-branded skin.

  30. Rain City Geek » links for 2006-02-18 Says:

    [...] Photoshopblog.net » Brandmark Tutorial (tags: Photoshop) [...]

  31. carl Says:

    Nice work.

  32. carl Says:

    I have some free photoshop brushes over at my site you might be interested in. I made them myself. once again nice tut.

  33. Digger Parsons Says:

    Photoshop. One word.

  34. SIXFACE » Blog Archive » links for 2006-02-18 Says:

    [...] Photoshopblog.net » Brandmark Tutorial (tags: photography tutorial) [...]

  35. patricia de miranda Says:

    wonderfull ; ))

  36. Erik Hellengren Says:

    AWSOME DUDE :P

  37. Peter Cooper Says:

    Tell me I’m dreaming, but I was at the newsagents today flicking through a special edition of Computer Arts magazine and I swear I saw something exactly like this. I think it was a different technique, but the whole look (a branded stamp on a body) was the same.

  38. Cheyne Says:

    Very nice effect.
    http://www.thewebdesignblog.com

  39. sam Says:

    the contract part dont work but i got around that and the smoke could be done without but otherwise it is good woop

  40. Santhosh Dot Net » Blog Archive » links for 2006-02-18 Says:

    [...] Photoshopblog.net » Brandmark Tutorial (tags: photography tutorial) [...]

  41. Up Your Ego » links for 2006-02-23 Says:

    [...] Brandmark Tutorial This is a brilliant step by step guide to creating a branded effect in photoshop - brand your friend forehead or arm without actually hurting them. (tags: branding photoshop technology design interface) [...]

  42. Anders Says:

    I have troubles making the red boarder. When I have hit ctrl+A I get the area selected but then when I’m going to do the “select>modify>contract” I don’t get a smaller selection. What must I do do make it work? Please help!

    Thanks!

  43. mike Says:

    what were you doing on taht site anyways?

    lol j/k ;-)

  44. Svidy Says:

    nice tutorial! and easy - perfect..

  45. bryan Says:

    Border:

    Fill the square with your color

    then

    shift + ctrl+i to select inverse

    select - modify - contract - delete

  46. Anders Says:

    Okey, thanks!
    Does anyone know were to find a picture like the one that the maker och this tutorial used?

  47. BALLER619 Says:

    Probably lower the opacity of the steam to lighten it up, I think it would look better.

  48. arron Says:

    What settings do you need for the page when trying to apply the smoke render? I do as the tutorials says, create a 1000 x1000 page, but it wont let me select the clouds option from render, any ideas?

  49. jhendriana Says:

    great tuts man…!

  50. temnotak Says:

    May we exchange links with your site?

  51. Asfaltkonijn » Digg.com frontpage. Says:

    [...] -Photoshop in combinatie met funcioneel naakt (zie hier). -Lijstjes/Overzichtjes en tegelijk fulmineren op een andere grote Tech-site. [...]

  52. Dudun Says:

    Havin a hard time getting the smoke to look right. It just looks like a blur.

  53. Dudun Says:

    If you’re having a hard time, select your blank space, hit CTRL-A then edit, stroke, add 10 stroke with dark red.

    BTW: got the smoke problem fixed.

  54. Wise Says:

    superb tutorial man, i’ve used it on my clan site in conjunction with a raw meat tut i saw so its branded flesh :D

  55. jonas ! Says:

    oh yeah!!:D:D:D that was realley amazing ! keep it up ! I want some more ! ;D ;P

  56. patrik Says:

    did I block in a part of the lesson because I don’t understand many the English and I have a French version of the “PHOTODHOP” be this-that you are able to send me the french version of this lesson?? plzzzzzzzzzzzzzzzzzzzzzzz

  57. kwng Says:

    I cant figure out this ….. plz help!!!!!

    Fill (“G”) the area with a red color (I used A11D21).

  58. bethan Says:

    where are the blending options and the ‘drag and drop’ from each file to file doesn’t seem to work. Also when creating the box in the beginning how do you keep the box - layer 1 and the txt layer together? I think you could be more descriptive.

  59. used club car part Says:

    used club car part…

    Intresting information about used club car part….

  60. virgin sex Says:

    virgin sex…

    Relevant links for virgin sex….

  61. japanese pussy Says:

    japanese pussy…

    japanese pussy author…

  62. Svfgrso Says:

    Free Ringtones
    [url=https://helpdesk.shorter.edu/bugzilla/attachment.cgi?id=6]Free Ringtones[/url]

  63. Asero Says:

    Hello piople
    phentermine online
    bay piople bugaga

  64. Damn Says:

  65. Nelly Says:

  66. Bukjykkk Says:

    very interesting
    breast augmentation atlanta breast augmentation philadelphia

  67. freepornocliopsr Says:

    Yes!
    I like it!

  68. Xoceuala Says:

    Thank you for your site.
    alaska alaska fishing+ king salmon

  69. Pesyjbob Says:

    search big sausage pizza
    search big sausage pizza

  70. AppleGeeks 3.0 Says:

    [...] Photoshop is getting a new logo? Personally I don’t like it. The logo reminds me of something…. wait I know… [...]

  71. Branding - Graphic Design Forum and Web Design Forum Says:

    [...] Branding Photoshopblog.net » Brandmark Tutorial __________________ Harry Roberts Design | The Web Team [...]

  72. Lowuaxox Says:

    big sausage pizza with asian
    big sausage pizza with asian

  73. Xuwqaxox Says:

    against car complaint enterprise filed rent
    against car complaint enterprise filed rent

  74. Rjcuexox Says:

    crash diet fast loss weight
    crash diet fast loss weight

  75. Xjhyqxox Says:

    best diet fast lose weight
    best diet fast lose weight

  76. Mac Wilkins Says:

    It could be better with less smoke and a larger or more zoomed in focus on the brand sizzle. But for starters and explaination, this is smashing.

  77. New Photoshop logo | General | photoshop technique Says:

    [...] It would be under understatement to say I don’t like the new logo (I think they’re trying a little to hard to be ‘trendy’), but I am honoured John Nack referenced my article about ‘Photoshop branding’ [...]

  78. New Photoshop logo | General | photoshop technique Says:

    [...] It would be under understatement to say I don’t like the new logo (I think they’re trying a little to hard to be ‘trendy’), but I am honoured John Nack referenced my article about ‘Photoshop branding’ [...]

  79. XeliAggg Says:

    alamo car rental
    alamo car rental

  80. XevyAkok Says:

  81. MjgUqkok Says:

    gtyuhbgdfdes

  82. HiNeykok Says:

    holiday
    holiday

  83. SypOekok Says:

    adult
    adult

  84. RqCAikok Says:

    art
    art

  85. WevjOkok Says:

    holiday
    holiday

  86. VyljOkok Says:

    art
    art

  87. FihUekok Says:

    holiday
    holiday

  88. SOryikok Says:

    smell
    smell

  89. XiNyAkok Says:

    smell
    smell

  90. VyxAqkok Says:

    smell
    smell

  91. Fegiykok Says:

    tsunami
    tsunami

  92. Rihjykok Says:

    art
    art

  93. PimUAkok Says:

    gtyuhbgdfdes
    smell

  94. prescription phentermine shipped no Says:

    no phentermine still prescription no prescription phentermine us

  95. VirqOuon Says:

    b
    b

  96. XelOAuon Says:

    l
    l

  97. Gewqykok Says:

    adult
    adult

  98. Cemyikok Says:

    smell
    smell

  99. ReTyOggg Says:

    drug know maker need xanax
    drug know maker need xanax

  100. Wigqjkok Says:

    smell
    smell

  101. TelOqkok Says:

    casino
    casino

  102. RqfyOkok Says:

    smell
    smell

  103. MUDqAkok Says:

    art
    art

  104. Asfaltkonijn » Blog Archive » Web Achievements Says:

    [...] Check. Zowel Digg, Delicious als Reddit. Diverse keren. En een artikel op de Digg frontpage krijgen equals 100 000 views op 24 uur tijd. [...]

  105. serega Says:

    pos yourgirls

  106. Unblock orkut Says:

    amazing tutorial dude, thanks for sharing

  107. MaileuninyMah Says:

    http://gugle.com
    bhgy67899kkmbvcv56gf7jk

  108. alex tam Says:

    great post,i like this.

Leave a Reply