Awesome Colorful Poster TutorialListThumbs
Awesome Colorful Poster Tutorial
Hey guys this tuto is showing you how to use really cool colors on your images, in my case I created a poster with a good mix of typo and very strong colors. It's a mix of simple techniques and a lot of style to bring your work to a new level, follow the tuto and have fun!
For more of my work you can check out my flickr
Yesterday while creating the post Amazing Ad Campaigns that was one ad campaign that really caught my attention, and it was the Ray-ban Colorize, the images used were so colorful and have so much live to it that amazed me. So I decided to try to reproduce this effect and teach you guys how to do it.
My version is not the same it has a bit of my style into it and I will show you step by step how I did it.
First things first, what I had in mind was to find a good portrait to start with, if you look for stock photos like I did on this case, a really good place is DeviantArt Stock, and there I found this photo:
The Photo is from katanaz-stock. Make sure you check it out, got some great photos there.
So I open the photo on Photoshop and the first step is to select the background, create a new layer and paint it yellow.
Now I am going to duplicate the background layer and on the top one I will apply Image > Adjustment > Threshold in this case I applied a level 60 and the result you get should be like this.
Now with the Magic Wand Tool select the black part of the layer and paint it dark purple, invert the selection and delete the white part of the layer, and set the layer mode to Hue.
On the background layer go to Image > Adjustment > Hue/Saturation ( Hue: 186 | Saturation: 71 | Lightness: -38) you result should be like this:
Now we got to a point that I wanted with the colors so I will go to Layers > Flatten Image that way the 3 layers will merge into only one image. To make the image look brighter I will go to Image > Adjustments > Shadow/Highlights (Shadow: 50% | Highlight: 0%)
Now we are done with the photo lets start working with the typo to fill out the blank spaces and give some style to the posters.
Using the font cow.cow (size 36) with the color yellow I wrote “Sexy colors look sexy together”.
Now with the same font but this time in red I will write abduzeedo and place it at the top, I select the yellow background and apply a layer mask to the abduzeedo text layer to give a better contrast between the photo and the typo.
To pass a better message trough the image I select the Custom Shape Tool and get one of the talk bubbles that already comes with Photoshop and create a decent size talk bubble using the color red.
Inside the bubble I wrote; “Inspiration for your mind” in white using the font Can Can de Bois. I selected both layers and rotated a little bit to the side so everything won’t look so square.
To make it look even better and give and awesome contrast I hold ctrl and click on the text layer then I press ctrl+shift+i to invert the selection, I go to the bubble layer and ad a layer mask that way the text area will be a hole on the bubble. For a better contrast I reduce the text layer Opacity to 60%.
I got to a point that where I really like what I’ve done but I still need to give a last touch to it so I will use a brush to give a little style to the image.
I create a new layer and using the brush set from angryblue I start playing around adding some yellow paint in the area where I got the yellow typo.
And the final touch using the same brush set I add a little paint spots using the color red around the typo abudzeedo on the top keeping the same background contrast using the same layer mask as the typo.
Here is the final result:
Hope everyone liked it, you can you this same effects to create a bunch of different things, just adapt to your style and have fun!
About the author
Hi! I'm Paulo Canabarro and I'm here to post some really cool stuff for you, if you have any ideas or any requests please get @ me - pvpcanabarro@gmail.com you can also Follow me on twitter!
Sponsored Links:
35 Comments
Cool :D gonna try this.
Nice tutorial and end result, you could have just used a gradient map though instead of the levels adjustments and such, Oh and using the colour selection function would probably be a bit quicker than the magic want if you have a image with less clearly defined shadow. I was using this sort of technique mysself for a work just a while back actually. Anyway, hope that helps someone :)
Thank you for your suggestion Avida, if you don't mind please share with us the work you did.
nice simple easy nice effect!
looks cool to me :D
Thank you too paul0v2, i used it to remake the Obama 'hope' poster style, there were websites who did that automatically already but they wouldnt do the patterned step so i made it my own way, result here http://adambeedell.deviantart.com/art/Obama-izeation-116797062 . A bit later i did a prototype for a jazz festival thingy in a simmilar way http://adambeedell.deviantart.com/art/Pure-Jazz-117101999
Hey, great tutorial!!! Just used it to create some images for fake adverts for uni course work. Ill post them on the net soon, and put a link to it. THANKS!
Good tips =]
I'll try to use this with illustrations, and see what happens
tks!
--
check my art http://pedrovergani.blogspot.com/
simple and nice!...thanks!:)
Nice result! One think I suggest is maybe instead of putting the yellow background on top, you can use the pen tool to mask out that area, and then place a yellow area underneath the photo. Right now the line between the girls' heads and the yellow is kind of jagged.
great tutorial. thanks!
the idea is cool, but the final result is not as well as i expected.......
the outlines are too grunge, bad work with the magic w.
sorry but i dont like it
wow i expect better , seriously.
This is simple but very effective! Thanks for sharing.
Very good! I know that is a different technique to reach that result. To reach the exacly result something must be a little diferent:
Skin - Highlights and shadow need be same color / but lighter and darker.
Hair - Another color, maybe with highlight.
The originals use or not this - depending on how much details the hair have.
The pixels(after threshold), something must be used to make pixel more smooth, the originals are more smooth gradient on shadows - not hair!
Just a observation, I know that the objetive os ths tut is show the technique - not reach the EXACLY original. I will try to reach the original, I love how crazy teh colors are!
Very nice. This will be awesome for a hipster show im gonna design.
Thanks again yo!
sweet inspiration, interesting way to go about doing it. i went with the gradient map, made for way smoother transition between colors. the look avida is talking about is more of a shepard fairey style which is vector art. here is my take on the tutorial:
http://i18.photobucket.com/albums/b141/reveredesign/adbuzeedo_sexycolors...
agreed that the best selection method would be either pen or quick mask, makes it way smoother. cool idea.
Hey coreymeyers thank you for your suggestion and for sharing the results with us. the messy looks is kinda of part of the deal but I'm sure pen tool works really well.
cool tuts, hmmmm...!
Hey guys...I am Photoshop beginner and i have one question...How Can I select the background?I know I have stupid question...BTW great job your tutorials are very useful
yeah totally understand man, just my personal take, that's all. i personally used quick mask and painted my selection.
Im ganna be honest, i rele like how coreymeyers' looks, but i was jw how u got that effect, like the colors, so that theyre edges arent so rough, thanks. And awesome tutorial anyway man thanks for the post!
andrew- thanks, glad you liked the way my version turned out. to achieve that effect i just used gradient map (image: adjustments: gradient map) and selected the different colors i wanted to be in the final product. so it went black for the shadows, then purple for midtones, and the light blue for highlights. i think i might have added one more extremely bright blue for the brightest highlights. but yeah thats how you get the smoother look if that's what you're going for.
this is simply awesome!
Very funky design! It's hip and really cool. Saw some of these types of designs at some hotel and was really impressed. Thanks for sharing this!
That's not my cup of tea but looks nice... i expected something more genius.
hey this is a great tutorial, but i was wondering if i could get some help.
when i try changing the image blue using the hue/saturationt technique, it becomes all grainy and its filled with noise. how can i get rid of it ?
My submissions: , does pepcid ac help with redness in the cheeks, [url="http://www.ironruby.net/User:Pepcid"]does pepcid ac help with redness in the cheeks[/url], http://www.ironruby.net/User:Pepcid does pepcid ac help with redness in the cheeks, is macrobid safe for dogs, [url="http://www.maclife.com/user/macrobid"]is macrobid safe for dogs[/url], http://www.maclife.com/user/macrobid is macrobid safe for dogs, pab mixing container prograf, [url="http://gmc.yoyogames.com/index.php?showuser=131947"]pab mixing container prograf[/url], http://gmc.yoyogames.com/index.php?showuser=131947 pab mixing container prograf, rebetol chest pains, [url="http://graphicriver.net/user/pyridium"]rebetol chest pains[/url], http://graphicriver.net/user/pyridium rebetol chest pains, relafen, [url="http://www.vfxtalk.com/forum/member.php?u=24207"]relafen[/url], http://www.vfxtalk.com/forum/member.php?u=24207 relafen,
ehi!
look out what I made with the same photo in the october of 2008....
http://www.flickr.com/photos/francesco_poroli/2978026681/
what do you think about it?
f
Thnx a lot for this tutorial. I tried, and I really love the result!
very nice tut thx !
Must have: , can cats take amoxil, [url="http://audiojungle.net/user/amoxil"]can cats take amoxil[/url], http://audiojungle.net/user/amoxil can cats take amoxil, how to administer chemo drug cytoxan iv in dogs, [url="http://ironruby.net/User:Cytoxan"]how to administer chemo drug cytoxan iv in dogs[/url], http://ironruby.net/User:Cytoxan how to administer chemo drug cytoxan iv in dogs, cat estrace, [url="http://forums.3ivx.com/index.php?showuser=15412"]cat estrace[/url], http://forums.3ivx.com/index.php?showuser=15412 cat estrace,
Good time. And , claritin information, [url="http://forums.portlandmercury.com/member.php?u=69503"]claritin information[/url], http://forums.portlandmercury.com/member.php?u=69503 claritin information, unexplained infertility and clomid, [url="http://www.javaworld.com/community/user/21718"]unexplained infertility and clomid[/url], http://www.javaworld.com/community/user/21718 unexplained infertility and clomid, cymbalta mexico, [url="http://flashden.net/user/cymbalta"]cymbalta mexico[/url], http://flashden.net/user/cymbalta cymbalta mexico,
Must have: , home page hot wife, [url="http://www.broadway.tv/broadway-community/forum/member.php?u=8920"]home page hot wife[/url], http://www.broadway.tv/broadway-community/forum/member.php?u=8920 home page hot wife, etienne gay cartoons, [url="http://ironruby.net/User:GayCartoons"]etienne gay cartoons[/url], http://ironruby.net/User:GayCartoons etienne gay cartoons, hot asian women, [url="http://graphicriver.net/user/hotasians"]hot asian women[/url], http://graphicriver.net/user/hotasians hot asian women,
Just do it: , hot japanese porn, [url="http://forums.nvidia.com/index.php?showuser=153833"]hot japanese porn[/url], http://forums.nvidia.com/index.php?showuser=153833 hot japanese porn, amateur orgasm denial, [url="http://graphicriver.net/user/OrgasmDenial"]amateur orgasm denial[/url], http://graphicriver.net/user/OrgasmDenial amateur orgasm denial, naughty girl home alone, [url="http://www.broadway.tv/broadway-community/forum/member.php?u=9059"]naughty girl home alone[/url], http://www.broadway.tv/broadway-community/forum/member.php?u=9059 naughty girl home alone, mature sexy ladies, [url="http://flashden.net/user/SexyLadies"]mature sexy ladies[/url], http://flashden.net/user/SexyLadies mature sexy ladies, hot nude teen babes deepthroating, [url="http://www.spruz.com/profile.asp?user=teenbabes"]hot nude teen babes deepthroating[/url], http://www.spruz.com/profile.asp?user=teenbabes hot nude teen babes deepthroating,
Lasse Gjertsen!, FREE RAPE TUBE SEX , [URL=http://www.cgenetwork.com/forums/index.php?showuser=36739]FREE RAPE TUBE SEX[/URL] , http://www.cgenetwork.com/forums/index.php?showuser=36739 FREE RAPE TUBE SEX ,
rape porn , [URL=http://forums.leasticoulddo.com/index.php?showuser=54526]rape porn[/URL] , http://forums.leasticoulddo.com/index.php?showuser=54526 rape porn ,
Post new comment