Photoshop Packages

Buttercream Vintage – Photoshop action, tutorial and video

Some of you asked me how i achieved a special look in some of my photos on Flickr or DevianArt. I created a tutorial and a video for you but you can also download the one-click-action for Photoshop! Here are some expamples of how the processed photos may look: [singlepic id=54 w=500 float=center] Please consider: You can use this processing on every photo but every photo will lead to an other result. Use the adjustment layer Exposure to adjust the base photo for the processing. You should also change the opacity and the colors of the solid color-layers how you like it! If the outcome isn’t enough contrasty, feel free to adjust the opacity of the top layer (Background copy). If you like this processing, please give credit by linking back to my blog! Don’t use this action in commercial purpose without my permission. (but feel free to ask, i won’t bite 😉 ) If you processed one of you photos with this action/tutorial, feel free to show it to me. Would love to see the outcome 🙂 (simply post a comment here or >contact< me)

So here we go:

 

Adjustment for german Photoshop version by Seventeendegree

Video

 

 

 

 

Please click here to watch this video in HD! (recommended)

 

Tutorial

Step 1: Open the picture you want to edit in Photoshop. Go to File->Open and choose your photo-file by making a double-click on it.

[singlepic id=43 w=650 float=center]

Step 2:
Create a new adjustment layer “Exposure” by going to Layer->New Adjustment Layer->Exposure. Set the “Exposure” Slider to +1,00. With this step we’re creating a slighty overexposed look. Feel free to put the slider a bit higher or lower if you want to!
[singlepic id=44 w=650 float=center]


Step 3: Create a new adjustment layer “Curves” by going to Layer->New Adjustment Layer->Curves. Draw a curve like you see it on the picture or enter the following values directly:

Point 1 – Input: 150, Output: 180
Point 2 – Input: 62, Output: 39

[singlepic id=45 w=650 float=center]


Step 4: Create a new adjustment layer “Hue/Saturation” by going to Layer->New Adjustment Layer->Hue/Saturation. Put the “Saturation” Slider to -15 and put the “Lightness” Slider to +10. [singlepic id=46 w=650 float=center]


Step 5: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #1C224A, set the layer mode to “Exclusion” and set the opacity to 35%. [singlepic id=47 w=650 float=center]


Step 6: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #5B2754, set the layer mode to “Screen” and set the opacity to 27%. [singlepic id=48 w=650 float=center]


Step 7: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #6f4906, set the layer mode to “Color” and set the opacity to 25%. [singlepic id=49 w=650 float=center]


Step 8: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #97D0f8, set the layer mode to “Color Burn” and set the opacity to 20%. [singlepic id=50 w=650 float=center]


Step 9: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #FFFFFF, set the layer mode to “Soft Light” and set the opacity to 20%. [singlepic id=51 w=650 float=center]


Step 10: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #000000, set the layer mode to “Exclusion” and leave the opacity at 100%. [singlepic id=52 w=650 float=center]


Step 11: Duplicate the background layer by making a right-click on it and clicking on “Duplicate Layer”. Drag the duplicated layer to the top of all other layers and set the layer mode to “Soft Light”. Set the opacity to 30%. Feel free to put the opacity a bit higher if you want to have a little bit more contrast on you picture or put it lower for less contrast. [singlepic id=53 w=650 float=center]


That’s it, we’re done! I hope, you like it! 🙂

You want to know the technique of one of my other processings? Feel free to leave a comment here!

  Some of you asked me how i achieved a special look in some of my photos on Flickr or DevianArt. I created a tutorial and a video for you but you can also download the one-click-action for Photoshop! Here are some expamples of how the processed photos may look: [singlepic id=54 w=500 float=center] Please consider: You can use this processing on every photo but every photo will lead to an other result. Use the adjustment layer Exposure to adjust the base photo for the processing. You should also change the opacity and the colors of the solid color-layers how you like it! If the outcome isn’t enough contrasty, feel free to adjust the opacity of the top layer (Background copy). If you like this processing, please give credit by linking back to my blog! Don’t use this action in commercial purpose without my permission. (but feel free to ask, i won’t bite 😉 ) If you processed one of you photos with this action/tutorial, feel free to show it to me. Would love to see the outcome 🙂 (simply post a comment here or >contact< me)

So here we go:

 

 

Adjustment for german Photoshop version by Seventeendegree

Video

 

 

 

 

Please click here to watch this video in HD! (recommended)

 

Tutorial

Step 1: Open the picture you want to edit in Photoshop. Go to File->Open and choose your photo-file by making a double-click on it.

[singlepic id=43 w=650 float=center]

Step 2:
Create a new adjustment layer “Exposure” by going to Layer->New Adjustment Layer->Exposure. Set the “Exposure” Slider to +1,00. With this step we’re creating a slighty overexposed look. Feel free to put the slider a bit higher or lower if you want to!
[singlepic id=44 w=650 float=center]


Step 3: Create a new adjustment layer “Curves” by going to Layer->New Adjustment Layer->Curves. Draw a curve like you see it on the picture or enter the following values directly:

Point 1 – Input: 150, Output: 180
Point 2 – Input: 62, Output: 39

[singlepic id=45 w=650 float=center]


Step 4: Create a new adjustment layer “Hue/Saturation” by going to Layer->New Adjustment Layer->Hue/Saturation. Put the “Saturation” Slider to -15 and put the “Lightness” Slider to +10. [singlepic id=46 w=650 float=center]


Step 5: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #1C224A, set the layer mode to “Exclusion” and set the opacity to 35%. [singlepic id=47 w=650 float=center]


Step 6: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #5B2754, set the layer mode to “Screen” and set the opacity to 27%. [singlepic id=48 w=650 float=center]


Step 7: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #6f4906, set the layer mode to “Color” and set the opacity to 25%. [singlepic id=49 w=650 float=center]


Step 8: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #97D0f8, set the layer mode to “Color Burn” and set the opacity to 20%. [singlepic id=50 w=650 float=center]


Step 9: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #FFFFFF, set the layer mode to “Soft Light” and set the opacity to 20%. [singlepic id=51 w=650 float=center]


Step 10: Create a new solid color layer by going to Layer->New Fill Layer->Solid Color. Enter the Hex-Value #000000, set the layer mode to “Exclusion” and leave the opacity at 100%. [singlepic id=52 w=650 float=center]


Step 11: Duplicate the background layer by making a right-click on it and clicking on “Duplicate Layer”. Drag the duplicated layer to the top of all other layers and set the layer mode to “Soft Light”. Set the opacity to 30%. Feel free to put the opacity a bit higher if you want to have a little bit more contrast on you picture or put it lower for less contrast. [singlepic id=53 w=650 float=center]


That’s it, we’re done! I hope, you like it! 🙂

You want to know the technique of one of my other processings? Feel free to leave a comment here!

You Might Also Like

31 Comments

  • Reply
    David
    February 22, 2011 at 8:16 pm

    Hi, super Tutorial. Wie heißt die Band, die da singt?

    • Reply
      Christopher Wesser
      February 23, 2011 at 6:46 am

      Hi David, das sind “Mumm-Ra” mit “She’s got you high”

  • Reply
    ChieveFew
    March 4, 2011 at 7:57 pm

    I often wish… that I could rid the world of the tyranny of facts. What are facts but compromises? A fact merely marks the point where we have agreed to let investigation cease.

  • Reply
    What YOU did with my Buttercream Vintage Action | Sandbox Photoblog
    March 17, 2011 at 5:16 pm

    […] one month ago i posted a Photoshop Tutorial and Action called “Buttercream Vintage” here in my blog and at Deviantart. I got so many downloads for this action and i saw some of the […]

  • Reply
    Steffen
    March 20, 2011 at 12:16 pm

    Super Tutorial,
    hab deine Bilder auf Flickr entdeckt und ich hoffe es kommen noch mehr Tutorials 🙂
    würde mich sehr freuen!!!

    • Reply
      Christopher Wesser
      March 20, 2011 at 3:59 pm

      Vielen Dank!
      Ja, da kommt mit sicherheit noch was nach, demnächst! 🙂

  • Reply
    Steffen
    April 5, 2011 at 1:16 pm

    http://www.flickr.com/photos/s_scheib/5591516179/

  • Reply
    Bea
    April 27, 2011 at 2:31 pm

    Hallo Christopher
    Meine Frage zur Bearbeitung (500px…) hat sich erledigt.
    Habe soeben Deine Info gesehen.
    Besten Dank
    LG Bea

  • Reply
    Paddy
    May 27, 2011 at 3:24 pm

    Hey,
    ein PDF des Tutorials wäre echt klasse!

    • Reply
      Christopher Wesser
      June 8, 2011 at 9:04 pm

      Sie wünschen, wir spielen! Die PDFs in deutsch und englisch gibts jetzt am Anfang des Posts als Download 😉

  • Reply
    alex
    June 23, 2011 at 2:00 pm

    hallo christopher,

    erst einmal vielen dank für das tolle tutorial.
    bei schritt 11 weiß ich nicht genau weiter. ich hab die erste ebene”hintergrund” mit rechtsklick dupliziert, jetzt weiß ich nicht genau wie das mit dem drag and drop über alle anderen eben ziehen meinst bzw. wie das funktionieren soll.

    merci im voraus, alex.

    • Reply
      Christopher Wesser
      June 23, 2011 at 4:10 pm

      Hey alex!
      Im Prinzip ganz einfach: du klickst auf die duplizierte ebene und hälst die linke Maustaste gedrückt. Jetzt ziehst du die Ebene einfach mit gedrückter Maustaste über alle anderen ebenen.
      Ich hoffe, das war einigermaßen verständlich!

  • Reply
    alex
    June 23, 2011 at 7:02 pm

    hi chritopher,

    ja, ich hab zum schluss etwas auf em schlauch gestanden. danke für deine hilfe, hat alles geklappt und sieht gut aus.was sind das eigentlich für photshop dateien:”Buttercream Vintage german – Sandbox Photoblog” zum runterladen, ich kann damit nichts anfangen.

    merci, alex.

    • Reply
      Christopher Wesser
      June 23, 2011 at 9:50 pm

      Das sind so genannte “Photoshop Actions”, das ist sozusagen das tutorial als makro. Also die Schritte laufen nacheinander automatisch ab, wenn du die Aktion ausführst. Installiert werden sie über einen einfach doppelklick und das Fenster mit allen deinen Aktion blendest du in Photoshop über “Fenster – Aktionen” ein.

  • Reply
    7 Tage 7 Leute 7 Fotos [1] "Assoziationen" - Seite 6
    October 3, 2011 at 9:03 pm

    […] […]

  • Reply
    Viktor
    October 25, 2011 at 2:32 pm

    Muss ich noch etwas länger testen, aber ich glaube genau das als Aktion, wonach ich schon ewig suche! Viele Vintage Aktionen sind mir zu krass, andere gute sehr teuer….

    • Reply
      Christopher Wesser
      October 26, 2011 at 6:20 pm

      Na dann hoff ich, dass dir das weiterhilft 🙂 PS: Heute ging eine neue Vintage-Aktion an den Start 😉

  • Reply
    Vanillaroid by Christopher Wesser (sandbox-photos.com) | hiacynta jelen | photography
    January 2, 2012 at 9:59 pm

    […] sandbox-photos.com könnt ihr euch das Tutorial anschauen und eine Photoshop Aktion downloaden. Mit Buttercream Vintage oder Cherry Haze hat Christopher bereits zwei hervorragende Tutorials erstellt und sein neustes […]

  • Reply
    Martina
    January 22, 2012 at 1:41 pm

    Hi!

    Thank you for sharing your photoshop-magic-knowledge!
    I really love your photos and your pp is superb!
    If isn’t too much to ask,can I ask you how you made this processing -> http://www.flickr.com/photos/chwesser/5192522910/in/photostream ?
    Thank you so much!

    • Reply
      Christopher Wesser
      January 22, 2012 at 2:10 pm

      Hey Martina!
      Thank you for your comment. This is basicly the same processing. You just have to put the opacity of the blue fill-layer a bit highter and maybe play around with the opacities of the other layers.

      • Reply
        Martina
        February 6, 2012 at 12:21 pm

        Thanks!
        🙂

  • Reply
    Roberto
    February 6, 2012 at 9:41 am

    GREAT!

  • Reply
    TechNews, Customisation & Reviews. – One Click To Make Your Photos Look Better
    March 12, 2012 at 3:29 pm

    […] Buttercream Vintage […]

  • Reply
    MoniqueDK
    March 18, 2012 at 8:30 am

    Thx for this great action I found via DeviantART. I like it a lot!
    http://www.flickr.com/photos/moniquedk/6992117207/

  • Reply
    Tamara
    June 7, 2012 at 8:33 pm

    Thanks a lot for the wonderful tutorial, I’ve just started to use Photoshop and this was my first processing experience, I was happy I managed to carry out each step easily and was happy with the result. I’m in love with this action. Here are the links to the images:

    http://www.flickr.com/photos/tamarjibuti/7163720969/in/photostream/

    http://www.flickr.com/photos/tamarjibuti/7348928836/in/photostream/

  • Reply
    Picture A Day / Tutorial Share - Buttercream Vintage
    June 22, 2012 at 11:07 am

    […] found a really good tutorial by Christopher Wesser. You can see how I got the effect on my photo HERE. Don’t want to spend the time, he even has an action for […]

  • Reply
    anshu18
    August 8, 2012 at 5:09 am

    thank you for your lovely action, i have used it here – http://www.flickr.com/photos/anshu_si/7737321630/in/photostream

  • Reply
    viper1090
    August 13, 2012 at 4:59 pm

    Vielen vielen vielen dank für das Tutorial.

  • Reply
    Magda
    April 23, 2013 at 7:59 pm

    thank you so much, i just found your site & works, of course you’re already in the favourites.

  • Reply
    Kevin
    May 1, 2013 at 5:07 pm

    Thanks for the tutorial, love your work…here’s my first post using Buttercream Vintage:

    http://www.flickr.com/photos/kevinrosswilson/8698964814/in/photostream

    More photos from Zadar coming soon, thanks again 🙂

  • Reply
    Martina
    July 22, 2014 at 10:52 pm

    Super Tutorial! Nur die Bilder sind im Artikel nicht mehr vorhanden. Ging aber auch ohne bzw. mit dem Video 😉

    Bitte mehr Tutorials, das wäre super!! 🙂

  • Leave a Reply