Bet For Value

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!

Posted by Paul-Serge in Tutorials | | Read more

Comments:

111 Responses to “Brandmark Tutorial”

  1. James on 16 Feb 2006 at 8:23 am #

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

  2. sarah on 16 Feb 2006 at 11:41 am #

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

  3. Jack on 16 Feb 2006 at 2:42 pm #

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

  4. Koista on 16 Feb 2006 at 3:28 pm #

    Oh, really nice idea!! 10\10!

  5. davey on 16 Feb 2006 at 5:24 pm #

    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 on 16 Feb 2006 at 5:24 pm #

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

  7. Keri Lee on 16 Feb 2006 at 6:30 pm #

    I Love this idea…Interesting smoke effect!

  8. G. Eren on 16 Feb 2006 at 6:30 pm #

    Realy nice idea, I love it…

  9. Snoopy on 16 Feb 2006 at 8:13 pm #

    Very nice tutorial

  10. PhotoshopGirl on 16 Feb 2006 at 9:46 pm #

    Great Tut !!! :D

  11. Mirage on 16 Feb 2006 at 10:57 pm #

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

  12. jayef on 17 Feb 2006 at 3:17 pm #

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

  13. Entityx on 17 Feb 2006 at 5:34 pm #

    Wah this is a great tutorial, thanks for publishing it

  14. [GEEKS ARE SEXY] Tech. News on 17 Feb 2006 at 8:55 pm #

    Love the effect :) Digg.

    You should be removing the popups, they are annoying

    Kiltak
    [Geeks Are Sexy] Tech. News

  15. Paul-Serge on 17 Feb 2006 at 9:19 pm #

    @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 on 17 Feb 2006 at 10:26 pm #

    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! on 17 Feb 2006 at 10:49 pm #

    GOD DAMN POPUPS

  18. techtakeover.com - Blog » Brandmarks on Human Body (in Photoshop) on 17 Feb 2006 at 10:49 pm #

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

  19. sosuke on 17 Feb 2006 at 10:50 pm #

    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 on 17 Feb 2006 at 10:50 pm #

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

    James

  21. Paul-Serge on 17 Feb 2006 at 11:33 pm #

    @Sosuke: Nice one :)

  22. sosuke on 18 Feb 2006 at 12:29 am #

    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 on 18 Feb 2006 at 12:36 am #

    ..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 on 18 Feb 2006 at 1:12 am #

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

  25. Neil on 18 Feb 2006 at 2:46 am #

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

  26. Ivan Minic on 18 Feb 2006 at 3:57 am #

    What a cool tutorial!

  27. ect0 on 18 Feb 2006 at 3:59 am #

    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 on 18 Feb 2006 at 4:21 am #

    “fell (surprisingly) on this poster” lol

  29. donal on 18 Feb 2006 at 5:46 am #

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

  30. Rain City Geek » links for 2006-02-18 on 18 Feb 2006 at 1:20 pm #

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

  31. carl on 18 Feb 2006 at 4:25 pm #

    Nice work.

  32. carl on 18 Feb 2006 at 4:26 pm #

    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 on 18 Feb 2006 at 6:44 pm #

    Photoshop. One word.

  34. SIXFACE » Blog Archive » links for 2006-02-18 on 18 Feb 2006 at 8:23 pm #

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

  35. patricia de miranda on 18 Feb 2006 at 9:00 pm #

    wonderfull ; ))

  36. Erik Hellengren on 19 Feb 2006 at 12:35 am #

    AWSOME DUDE :P

  37. Peter Cooper on 19 Feb 2006 at 4:20 am #

    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 on 19 Feb 2006 at 9:11 am #

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

  39. sam on 19 Feb 2006 at 3:26 pm #

    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 on 20 Feb 2006 at 11:34 am #

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

  41. Up Your Ego » links for 2006-02-23 on 23 Feb 2006 at 8:18 pm #

    [...] 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 on 25 Feb 2006 at 4:06 pm #

    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 on 26 Feb 2006 at 3:33 am #

    what were you doing on taht site anyways?

    lol j/k ;-)

  44. Svidy on 26 Feb 2006 at 9:05 pm #

    nice tutorial! and easy - perfect..

  45. bryan on 26 Feb 2006 at 9:35 pm #

    Border:

    Fill the square with your color

    then

    shift + ctrl+i to select inverse

    select - modify - contract - delete

  46. Anders on 28 Feb 2006 at 8:45 pm #

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

  47. BALLER619 on 11 Mar 2006 at 10:37 pm #

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

  48. arron on 1 Apr 2006 at 3:06 pm #

    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 on 29 Apr 2006 at 7:39 am #

    great tuts man…!

  50. temnotak on 6 May 2006 at 6:46 pm #

    May we exchange links with your site?

  51. Asfaltkonijn » Digg.com frontpage. on 15 May 2006 at 9:11 am #

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

  52. Dudun on 16 May 2006 at 2:05 am #

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

  53. Dudun on 31 May 2006 at 9:30 pm #

    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 on 28 Jun 2006 at 7:11 pm #

    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 ! on 5 Jul 2006 at 6:48 pm #

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

  56. patrik on 23 Sep 2006 at 10:58 pm #

    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 on 9 Nov 2006 at 4:27 am #

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

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

  58. bethan on 19 Feb 2007 at 8:11 pm #

    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 on 27 Mar 2007 at 5:36 pm #

    used club car part…

    Intresting information about used club car part….

  60. virgin sex on 31 Mar 2007 at 4:07 am #

    virgin sex…

    Relevant links for virgin sex….

  61. japanese pussy on 24 Apr 2007 at 4:58 pm #

    japanese pussy…

    japanese pussy author…

  62. Svfgrso on 29 Apr 2007 at 4:05 pm #

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

  63. Asero on 4 May 2007 at 6:01 pm #

    Hello piople
    phentermine online
    bay piople bugaga

  64. Damn on 4 Jun 2007 at 4:06 pm #

  65. Nelly on 4 Jun 2007 at 4:38 pm #

  66. Bukjykkk on 5 Jul 2007 at 6:47 am #

    very interesting
    breast augmentation atlanta breast augmentation philadelphia

  67. freepornocliopsr on 25 Aug 2007 at 5:45 am #

    Yes!
    I like it!

  68. Xoceuala on 29 Aug 2007 at 2:33 am #

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

  69. Pesyjbob on 8 Sep 2007 at 4:11 am #

    search big sausage pizza
    search big sausage pizza

  70. AppleGeeks 3.0 on 19 Sep 2007 at 6:20 pm #

    [...] 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 on 21 Sep 2007 at 8:13 am #

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

  72. Lowuaxox on 5 Oct 2007 at 1:53 am #

    big sausage pizza with asian
    big sausage pizza with asian

  73. Xuwqaxox on 6 Oct 2007 at 8:16 pm #

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

  74. Rjcuexox on 15 Oct 2007 at 3:25 am #

    crash diet fast loss weight
    crash diet fast loss weight

  75. Xjhyqxox on 19 Oct 2007 at 9:30 pm #

    best diet fast lose weight
    best diet fast lose weight

  76. Mac Wilkins on 23 Oct 2007 at 1:05 pm #

    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 on 7 Nov 2007 at 8:49 am #

    [...] 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 on 7 Nov 2007 at 8:49 am #

    [...] 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 on 10 Nov 2007 at 1:11 am #

    alamo car rental
    alamo car rental

  80. XevyAkok on 18 Nov 2007 at 9:48 am #

  81. MjgUqkok on 19 Nov 2007 at 8:03 pm #

    gtyuhbgdfdes

  82. HiNeykok on 25 Nov 2007 at 4:55 pm #

    holiday
    holiday

  83. SypOekok on 25 Nov 2007 at 6:52 pm #

    adult
    adult

  84. RqCAikok on 26 Nov 2007 at 9:30 am #

    art
    art

  85. WevjOkok on 26 Nov 2007 at 10:47 am #

    holiday
    holiday

  86. VyljOkok on 28 Nov 2007 at 12:51 pm #

    art
    art

  87. FihUekok on 28 Nov 2007 at 1:47 pm #

    holiday
    holiday

  88. SOryikok on 28 Nov 2007 at 2:49 pm #

    smell
    smell

  89. XiNyAkok on 28 Nov 2007 at 9:08 pm #

    smell
    smell

  90. VyxAqkok on 29 Nov 2007 at 4:56 pm #

    smell
    smell

  91. Fegiykok on 3 Dec 2007 at 9:19 am #

    tsunami
    tsunami

  92. Rihjykok on 3 Dec 2007 at 10:20 am #

    art
    art

  93. PimUAkok on 3 Dec 2007 at 11:09 pm #

    gtyuhbgdfdes
    smell

  94. prescription phentermine shipped no on 4 Dec 2007 at 12:16 am #

    no phentermine still prescription no prescription phentermine us

  95. VirqOuon on 5 Dec 2007 at 5:22 pm #

    b
    b

  96. XelOAuon on 7 Dec 2007 at 2:59 am #

    l
    l

  97. Gewqykok on 8 Dec 2007 at 3:46 pm #

    adult
    adult

  98. Cemyikok on 8 Dec 2007 at 5:13 pm #

    smell
    smell

  99. ReTyOggg on 9 Dec 2007 at 6:07 pm #

    drug know maker need xanax
    drug know maker need xanax

  100. Wigqjkok on 13 Dec 2007 at 11:10 am #

    smell
    smell

  101. TelOqkok on 14 Dec 2007 at 8:52 pm #

    casino
    casino

  102. RqfyOkok on 21 Dec 2007 at 12:21 pm #

    smell
    smell

  103. MUDqAkok on 21 Dec 2007 at 1:16 pm #

    art
    art

  104. Asfaltkonijn » Blog Archive » Web Achievements on 5 Jan 2008 at 1:02 am #

    [...] 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 on 2 Feb 2008 at 8:19 am #

    pos yourgirls

  106. Unblock orkut on 25 Sep 2008 at 7:13 pm #

    amazing tutorial dude, thanks for sharing

  107. MaileuninyMah on 29 Oct 2008 at 6:56 pm #

    http://gugle.com
    bhgy67899kkmbvcv56gf7jk

  108. alex tam on 31 Mar 2009 at 7:05 am #

    great post,i like this.

  109. Dean on 20 Oct 2009 at 5:30 am #

    I recently came across your blog. I don’t know what to say except that I have enjoyed reading. Very informative and nice blog. I will keep visiting this blog very often.

  110. WebDesign on 21 Oct 2009 at 1:54 am #

    Outstanding!!! Never seen before…. I loved visiting this Blog as everytime I visit I’ll get something out of you guys…

  111. Custom Logo Guru on 17 Nov 2009 at 10:37 am #

    Wonderful, Amazing tutorial but smoking no good.

    Thanks.

Leave a Reply

Sponsors: