11.03.2010

Summer to Winter Touch-Up

Summer
Winter

“The props will have to be arranged exactly as shown in the sketch we’ve sent you. Uh and we want everything to be totally snowed in. And by snowed in we are talking about a vast blizzard.”
Sometimes clients can be really specific about their wishes, and not too rarely you will find yourself seesawing in your chair, musing about how to shoot a snow scene on such short notice when you’re stuck in “don’t-know-snow-San Francisco”.

There is a solution to everything.

Summer FullsizeWinter Fullsize

A Summer to Winter Touch-Up is a painstaking process, you’ll have to go back and forth, be nit-picky with your own flaws and probably redo some parts entirely.
The realistic look of your final result will stand and fall with the lighting. Your shadows look odd: your objects won’t look like they’re touching the ground. Your highlights are off: the things you mounted in will look like they come from another world. Hence we’ll get rid of our warm colors first. We’ve shot our picture in RAW mode, so we can easily change the color temperature using the file’s raw settings in Photoshop (you’ll need the Adobe Photoshop Camera Raw plugin to do so, get it for free here). We talked about tweaking the settings in one of our previous posts, you can refer to it here as we won’t go into the details this time.

Raw SettingsDo you feel the frosty breeze? No? Well, we do. Seems like it’s not always that sunny
in Cali after all.
Anyways, let’s draw in our ground planes to analyze the basic changes in orientation of our floor so we can bring in our snow textures in right perspective.

Floor PlanesNext we’ll concentrate on the sky replacement. We create a Layer Mask by selecting a Color Range, eyedropping a color from the old sky, in order to matte our future sky.

Sky Replacement MatteWe look up a suitable sky we can grey out and darken up for a blizzard kind of mood. Every free source for textures and footage is precious, and if you are looking for good skies free wallpaper sites are always a good tip. We grabbed ours from interfacelift. Also it’s a good idea to overlay several skies to get the effect you want.

Replacement SkyNow that we have our sky in place let’s extract the bus from its background as he is going to get a big part of our attention. We used the pen tool to get the outline and refined the mask with the brush to make it look a bit more organic.

Bus ExtractionLet’s go back and work on the street, shall we? We usually don’t recommend using the Google Picture search as you will end up with copyrighted stuff mostly, but when you already know beforehand that the parts of an image you’ll use will be small and heavily modified, you can be pretty sure no one will come to bother you saying » Hey, the 10 pixels on the left corner look very much like a distorted, recolored and stamped version of one of our images. You’ll hear from our lawyers. «

s5_textures-rough

So bring in whatever you can find for snow on the streets and use Transform > Warp to match the perspective and a soft brush in the layer mask to smoothly blend several textures together.

Textures in PlaceTextures in PerspectiveOnce we’ve done this we add a track for the bus so we won’t get mails from people questioning where the hell the bus was coming from.

Bus TrackWhen you replace the tires with winter tires be careful with the perspective – if it doesn’t match a hundred percent it won’t be believable.

Winter TiresTo make the bus stick to the ground we have to give it a soft shadow. We are saying soft because the light in winter is dispersed which means the illumination will be very soft and flat. We could draw out the basic shape and fool around with the different Blur filters, but why reinvent the wheel? The shadow from the original picture will do just fine, we’ll just have to soften it in order to match the new lighting situation. We roughly select the shadow from the warmer image (has the best contrast between shadow and street) and go through the different channels.

Rough Shadow SelectionWe are looking for the channel with the highest contrast so we can pull a neat little mask. The red channel seems to be a perfect fit.

Red ChannelCopy the red channel and tweak the Levels until you can use it as a mask. You might need to clean it up with the brush tool not to pick up too much of the street’s structure before you blur the mask. Fill the layer itself with a dark grey and you have your shadow setup.

Shadow MaskBlurry Shadow MaskFinal ShadowAlright, let’s add a subtle layer with snow lying on our objects and the façade. Create a new layer atop your background and fill it with white. Go into your layer’s Blending Options and change the Blend If property to Blue.

Blending OptionsNow slide the left handle of the Underlying Layer property to the right to pull a tolerance key.

Underlying Layer OptionsYou’ll see immediately how our layer of lying snow starts to build up.

Tolerance KeyNow the problem with that is that the edges are too hard, we are not only missing anti-alias but also the snow on the street should be fading out a bit. Hold the ALT key while you drag the handle of the Underlying Layer property to create a range of fading pixels.

Making the Blend FadeSofter SnowChange the blend mode of the layer to Overlay and turn down the opacity. Notice how we won the illusion of snow covering parts of the Coke sign and the front of the building!

Snow on Coke SignSnow on FacadeLook for jutties and ledges or basically anything where snow could pile up and bring in some reference pictures. Mask them and Transform > Distort them to bring them into right perspective.

Snow on BarrierTo get some snow on the sidewalk, we drew out a mask to preserve the people on it and brushed some snow on it, using a graphic tablet. You can create your own snow brushes by creating a new file with a snow texture and saving it via Edit > Define Brush Preset.
You can download the simplistic brush we created for this tutorial here:

Crispy Snow Brush.And some outrageous grunge and dirt brushes from SpoonGraphics here.

Snow on StreetThe transition between street and sidewalk still looks bad and the lying snow still could need a little more variety. We can solve both those problems at once by mounting in some little snow piles and adding a bit of snow dust to cover up transitions. It is crucial that you color match the footage you bring in – flatten out the contrast and clamp the white levels using the Curves (see image above). We’ve been using Transform > Warp and the Smudge tool a lot to create the snow dust and to sculpt the snow piles.

Clamp the White Levels Using CurvesSidewalk TransitionThe tree has a dense foliage; even if there is much snow falling he won’t be covered entirely. Luckily we have a lot of light and shadow information in our original shot, so we can select the brightest leaves of the three with our Magic Wand tool and a low tolerance around 8. Don’t forget to uncheck Contiguous, otherwise it will only select a small cluster of leaves.

Selected LeavesCreate a new layer and fill it with white using your selection. We then create a new layer containing a mask for the tree (doesn’t have to be perfect, the Quick Selection tool works just fine here). Create a selection from that mask, invert it and use it to remove all white parts of our snow layer that are outside of the tree shape. Lightly blur it and turn down the opacity and voila, we’ve got ourselves some snow on the tree.

Snow on TreeOkay, let’s work on the most interesting part: the bus. Add some little lines of piled snow on the ledges of the windows first:

Snow on WindowsLook up a few images showing fogged windows and distort them to fit the shape of the bus’ windows.

Fogged WindowCreate a mask shaped like the window and set the blend mode to Screen. Repeat that for the other windows and the doors.

Fogged WindowsWe used our snow brush and some textures of snow to cover up the windshield

Snow on Windshield…and wiped out the area where the wipers have been working using a layer mask

Windshield with Wipes…before we extracted the wipers and put them on top again.

Windshield with WipersApply the same technique to the sign above the windshield.

Snowed SignLet’s create some atmosphere. The further objects are from the camera the softer they should look, since we will be looking through several layers of falling snow / snow dust. Blur the cars in the background using the Blur tool.

Blurred CarsWe now make use of the tree mask we created earlier. Use it as a layer mask for a new layer. We draw in a gradient going from a light grey to completely transparent. Your atmospheric fog should look like this:

Fog in DistanceSee how the tree stands out and doesn’t seem to blend in our scene yet. The edge should be covered with fog as well to get some depth. To do so use a big brush with a hardness of 0 and draw a soft white glare on top of it:

Glare of TreeAdd a new layer atop of the others and make a second gradient, creating big fog in the foreground. This will reduce the amount of detail on the left hand street and add some depth and blizzardy feeling.

Fogged SceneAlmost there! But what would a blizzard be without snow flying through the air? Right, something else than a blizzard. You can transform virtually any image into a cloud of floating snow. When we tweaked them we even ran across a biker caught by a snow storm – pulling the levels we were able to perpetuate him in form of snow flakes in our final image (sigh)…

LevelsWe’ve grabbed our references from sxc.hu, see the example of the picture above here. After adjusting the layers we scaled down the saturation and set the blend mode to Screen. Create a bunch of varied layers and scale them differently in order to get a sense of depth. You especially want to put much snow (and hence much attention) to the area where we blurred the background to create the impression of dusty snow walls diffusing the view. Also place big big chunky flakes in front so the eye has something to relate to in nearer distance!
To create faster snow, we applied a Motion Blur to a few of the layers and distorted them using Transform > Warp – we don’t wanted them to just look too directional (and computed).

Snow LayersFinally, all we have left to do is some final color grading to enhance the winterly mood. In winter we usually don’t perceive that much different colors, so we created a layer filled in a dark greyish blue and set its blend mode to Color at an opacity of about 48%. Duplicate that layer and set its blend mode to Overlay and you get an additional blue tint.

Desaturate & Blue Tint
Using additional Curves and Exposure Layers, we boosted the contrast, added a little red in the light areas, removed a little blue in the dark areas and crushed both the dark and the light areas to get to the final result:

WinterIf you want to push realism a step further, you can do as we did in the PSD file you can download at the end of this post and add headlights.

Headlights

. the final PSD file

Jake & Dan

...you might also be interested in:

47 comments

  1. March 15, 2010
    Laurent LaSalle said...

    Awesome work! I can’t help but state that trees loose their leaves in the Fall, so it would be impossible for that tree to be as leafy in the Winter… But I understand how difficult this task would be!

    Good work…

    • April 1, 2010
      Gerry Davis said...

      Good point, it wouldnt be too difficult to brush out that tree and import a bare, winter tree.

    • April 1, 2010
      Svende said...

      Well – a sudden snowfall has been observed before the trees had a chance to loose their leaves, so the picture would still be valid. Still a valid point though ;)

      • April 7, 2010
        Ahmad said...

        Would like to say there is permanent leafy trees as Olives and many kinds

        Thanks

    • April 6, 2010
      Ahmad said...

      Very nice work, and profissional designer

      Thank you

  2. March 15, 2010
    Leila said...

    Great work!!! I love the details you went into!
    Thank you for sharing! :)
    How long did it take you to do it?

    • March 16, 2010
      jake said...

      Thanks for the compliment. It took us approximately 15 hours to finish this piece.

      • March 23, 2010
        Leila said...

        thanks for your reply!
        Now i’m even more impressed!

  3. March 15, 2010
    gonzalez said...

    awesome work, definitely will bookmark and keep as a reference.
    and no, not all trees lose their leaves in winter. Christmas tree anyone?? (i will accept they’re more needles than leaves, but still, they dont drop)

  4. March 15, 2010
    mooses said...

    Great tutorial, dudes. I can definitely use this in an upcoming project.
    Keep up the goo work.

    Daniel

  5. March 15, 2010
    mug25 said...

    Sick Sick Sick tutorial! I’ll have to sit down and do this. Thanks a lot :)

  6. April 1, 2010
    Cody Drzewicki said...

    Many thanks to the handy write-up, that must have used a while to construct with handy info.

  7. April 1, 2010
    Amine said...

    Thxx

  8. April 1, 2010
    snop said...

    great work.. :) very nice.. can you teach me how to be good as you are..?

    • April 2, 2010
      zPurr said...

      That’s basically what they’ve been doing here. Publishing tips and tricks on how to best achieve a realistic result in these circumstances. Try to use the techniques presented in this tutorial on another picture that doesn’t look like this one, finding your own stock, and playing around the settings to overcome the obstacles in that particular picture. Then read new tutorials and pick up their techniques, to learn to apply yourself.

      This, along with playful experimentation, is the most normal way of learning to use Photoshop like a pro.

      Thank you very much for this tutorial, The techniques are awesome, but where is color range?

  9. April 1, 2010
    zawar said...

    Great i live it very much

  10. April 1, 2010
    Rafa said...

    Impresionante el trabajo.
    Me encantan todos tus trabajos. ¿De donde sacas las ideas para tus trabajos?

    • April 29, 2010
      Dan said...

      ¡Muchas Gracias! En la mayoría de los casos, sacamos nuestras ideas de consultas/demandas, a menudo cuando vemos efectos especiales también :)

  11. April 1, 2010
    Paul said...

    Great tutorial… thanks!

  12. April 1, 2010
    Billy Barker said...

    Awesome job! I picked up some great techniques for futures projects. Thanks. :)

  13. April 1, 2010
    Melanie said...

    Oh I’m so impressed with your work, and as far as the trees go. I’ve seen many in bloom trees covered with snow. I am taking Web Design in college and with Photoshop is one of my classes for spring.. I’m very excited about it.

  14. April 1, 2010
    Fred said...

    Hey I like your documentation of your work! Great work and really fast aswell, as I would say.. But I am a little disappointed though.. I was so courious about how you did the details on the Bus! The front window for example.
    Any chance? Cheers, Fred

    • April 2, 2010
      jake said...

      Hi Fred,

      it’s fairly easy, you can use the same technique we used on the street textures. Just warp some snow on the windshield and use a small brush with a low opacity to erase the trace of the wiper. Just repeat this step for all the windows.

  15. April 2, 2010
    Walter Gravador said...

    Great job out here!.. So impressive and dramatic,perfectly capturing that chilling blizzard atacks..Keep it up…more power ;-)

  16. April 2, 2010
    Enes said...

    nothing to say.. really impressive..

    • April 7, 2010
      Ahmad said...

      Right you are
      But how they made the light for the bus

      your answer please

      • April 7, 2010
        jake said...

        You’re right, we didn’t talk about this. That origins in the simplicity of this task. We wanted to show more snowflakes in the stronger lit areas, and to achieve this we found us some stock footage of a car driving through a snowy night. Extract the lights and use the “lighten” layer overlay mode to blend it in. Careful use of your brush will do the rest!

  17. April 2, 2010
    Line Shape said...

    really impressive.Great job

  18. April 2, 2010
    girish said...

    great job….

  19. April 2, 2010
    tolter said...

    İt was wonderful

  20. April 3, 2010
    Steve said...

    Great tutorial! The trick is so good that at first I didn’t recognize the place although very familiar. It’s the 38 Geary inbound on O’Farrell near Taylor or Jones, AWESOME!

  21. April 4, 2010
    Victor said...

    what a trip, this is amazing. You are incredible, how clever!
    Fabu!

  22. April 4, 2010

    [...] http://www.creatogether.com/summer-to-winter-touch-up Tags: Bildbearbeitung, Photoshop, Sommer zu Winter, Tutorial Kommentare RSS [...]

  23. April 5, 2010
    HerrK said...

    The Winter-Version looks amazing – what a work!

  24. April 6, 2010
    Wendell Outley said...

    I’m impressed! It’s nice to see someone very passionate about what they do. Trust all your future posts turn out as well.Thanks!

  25. April 7, 2010

    [...] machen einfach Spaß. Leicht kann man so seine Kreativität ausleben, wie auch im Artikel Summer to Winter Touch-Up zu sehen. Recht aufwenig erfolgt darin die Verwandlung einer Sommer- in eine Winter-Aufnahme. So [...]

  26. April 7, 2010
    Dan said...

    Thank you guys for the innumerable amount of replies.
    To finally round out the tree-topic: it is always about choice. We originally had a naked tree, but we chose to go with the one covered in snow because it’s a great way to show the accordant technique ;)

  27. April 9, 2010
    Claris Gowan said...

    Great post, many amusing points. I believe 6 of days ago, I have viewed a similar blog.

  28. April 9, 2010
    Burt Olivia said...

    hey man come on this is good stuff

  29. April 9, 2010
    graziano said...

    Spettacolare!!!!!!

  30. April 23, 2010

    [...] new to old is great fun. You can easily act out your creativity this way, just like in the article Summer to Winter Touch-Up. In a pretty elaborate process a summer shot is turned into a winter shot there. The entire street [...]

  31. April 29, 2010
    enes evren said...

    fuckin amazing..

  32. May 5, 2010

    [...] am Tag gemacht wurde, muss so angepasst werden, also ob die bei Nacht gemacht wurde. Die Webseite JAKE&DAN beschreibt in einem Tutorial einen ähnlichen Transformationsprozess. Dort wird jedoch nicht der Tag zur Nacht gemacht, [...]

  33. August 5, 2010

    [...] doesn’t just consist of highlights floating in the air. Using the brush we generated for our Summer-To-Winter tutorial (download here) we painted in some frost and snow particles (note the crisp flakes around his [...]

Leave a Reply