Brandmark Tutorial
13 02 2006On a moviesite, my eye felt (surprisingly) on this poster for an new movie: “This film is not yet rated”.
I thougt: “Nice Photoshop. Let’s try to do this myself.”
And so I did. This is what I came up with:
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.
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.
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
4. In the main menu, choose layer>merge visible to combine the border and the text into one, editable layer.
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).
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.
4. Go in Quick Mask-mode (”Q”).
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.
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%
(Other settings might work as well; you can experiment with the distort filters pinch and spherize too.)
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).
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.
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.
This is my finished result:
If you enjoyed this tutorial, please Digg it!
Previous articles:
- The real Photoshop Wizard.
Did you know there's a Photoshop Wizard hidden in the Photoshop Program? It's a so-called "Easter...
- Gallery.
...
Nice work, I love it. The smoke effect is good.
i dont know how to work this thing.
HELP!!!!
It would been better WITHOUT the smoke.
But otherwise, nice work:)
Oh, really nice idea!! 10\10!
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..
All maner taught is clear. But smoking effect is refused.
I Love this idea…Interesting smoke effect!
Realy nice idea, I love it…
Very nice tutorial
Great Tut !!!
Pretty good, but I think there should be less smoke…
Anyway its good
i have problem with doing it, i can’t click select - modify - contract, pls someone help send info at jayef@abv.bg
Wah this is a great tutorial, thanks for publishing it
Love the effect
Digg.
You should be removing the popups, they are annoying
Kiltak
[Geeks Are Sexy] Tech. News
@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.
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
GOD DAMN POPUPS
[…] read more | digg story […]
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
looks great! can’t wait to try it out….
James
@Sosuke: Nice one
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
..should have made a displacement map, would have made the effect much more realistic. also, the steam/smoke is too strong.
[…] Buen tutorial para Adobe Photoshop que nos enseña a simular una marca de fuego sobre piel humana. […]
The tattoo is good. The smoke looks like crap and masks the tattoo
What a cool tutorial!
the smoke is a little too heavy and slightly generic, but the overall is nicely done and high quality. thanks for the tip!
“fell (surprisingly) on this poster” lol
cool! there shouldn’t be drops of perspiration on the newly-branded skin.
[…] Photoshopblog.net » Brandmark Tutorial (tags: Photoshop) […]
Nice work.
I have some free photoshop brushes over at my site you might be interested in. I made them myself. once again nice tut.
Photoshop. One word.
[…] Photoshopblog.net » Brandmark Tutorial (tags: photography tutorial) […]
wonderfull ; ))
AWSOME DUDE
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.
Very nice effect.
www.thewebdesignblog.com
the contract part dont work but i got around that and the smoke could be done without but otherwise it is good woop
[…] Photoshopblog.net » Brandmark Tutorial (tags: photography tutorial) […]
[…] 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) […]
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!
what were you doing on taht site anyways?
lol j/k
nice tutorial! and easy - perfect..
Border:
Fill the square with your color
then
shift + ctrl+i to select inverse
select - modify - contract - delete
Okey, thanks!
Does anyone know were to find a picture like the one that the maker och this tutorial used?
Probably lower the opacity of the steam to lighten it up, I think it would look better.
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?
great tuts man…!
May we exchange links with your site?
[…] -Photoshop in combinatie met funcioneel naakt (zie hier). -Lijstjes/Overzichtjes en tegelijk fulmineren op een andere grote Tech-site. […]
Havin a hard time getting the smoke to look right. It just looks like a blur.
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.
superb tutorial man, i’ve used it on my clan site in conjunction with a raw meat tut i saw so its branded flesh
oh yeah!!:D:D:D that was realley amazing ! keep it up ! I want some more ! ;D ;P
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
I cant figure out this ….. plz help!!!!!
Fill (“G”) the area with a red color (I used A11D21).
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.
used club car part…
Intresting information about used club car part….
virgin sex…
Relevant links for virgin sex….
japanese pussy…
japanese pussy author…
Free Ringtones
[url=https://helpdesk.shorter.edu/bugzilla/attachment.cgi?id=6]Free Ringtones[/url]
Hello piople
phentermine online
bay piople bugaga
very interesting
breast augmentation atlanta breast augmentation philadelphia
Yes!
I like it!
Thank you for your site.
alaska alaska fishing+ king salmon
search big sausage pizza
search big sausage pizza
[…] Photoshop is getting a new logo? Personally I don’t like it. The logo reminds me of something…. wait I know… […]
[…] Branding Photoshopblog.net Brandmark Tutorial __________________ Harry Roberts Design | The Web Team […]
big sausage pizza with asian
big sausage pizza with asian
against car complaint enterprise filed rent
against car complaint enterprise filed rent
crash diet fast loss weight
crash diet fast loss weight
best diet fast lose weight
best diet fast lose weight
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.
[…] 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’ […]
[…] 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’ […]
alamo car rental
alamo car rental
gtyuhbgdfdes
holiday
holiday
adult
adult
art
art
holiday
holiday
art
art
holiday
holiday
smell
smell
smell
smell
smell
smell
tsunami
tsunami
art
art
gtyuhbgdfdes
smell
no phentermine still prescription no prescription phentermine us
b
b
l
l
adult
adult
smell
smell
drug know maker need xanax
drug know maker need xanax
smell
smell
casino
casino
smell
smell
art
art
[…] Check. Zowel Digg, Delicious als Reddit. Diverse keren. En een artikel op de Digg frontpage krijgen equals 100 000 views op 24 uur tijd. […]
pos yourgirls