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!

This Post Has 31 Comments

  1. David

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

  2. ChieveFew

    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.

  3. Steffen

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

  4. Bea

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

  5. Paddy

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

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

  6. alex

    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.

    1. 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!

  7. alex

    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.

    1. 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.

  8. Viktor

    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….

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

    1. 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.

      1. Martina

        Thanks!
        🙂

  9. Roberto

    GREAT!

  10. viper1090

    Vielen vielen vielen dank für das Tutorial.

  11. Magda

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

  12. Martina

    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 to David Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.