{"id":6412,"date":"2021-03-10T18:02:36","date_gmt":"2021-03-10T18:02:36","guid":{"rendered":"https:\/\/www.pmstudios.co.uk\/blog\/?page_id=6412"},"modified":"2025-05-29T14:37:36","modified_gmt":"2025-05-29T14:37:36","slug":"before-after-comparisons","status":"publish","type":"page","link":"https:\/\/www.pmstudios.co.uk\/blog\/?page_id=6412","title":{"rendered":"Before-After Comparisons"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Or Then and Now&#8230;<\/h3>\n\n\n\n<p>One aspect of my photography that I am developing is &#8216;Before-After&#8217; or  &#8216;Then-and-Now&#8217; comparisons. This is often done by using a slider that moves across the image revealing and hiding one or the other of the two images. Below are a few examples:<\/p>\n\n\n\n<p>This example shows a &#8216;Before &amp; After&#8217; of the cooling towers at Rugeley Power Station that were demolished in the spring of 2021.<\/p>\n\n\n<div class=\"image-compare-viewer\" ><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.pmstudios.co.uk\/before-after\/2021-rugeley-power-station-demolition\/F21_3160r1-aligned-cropped1-1080p.jpg\" alt=\"With cooling towers\"><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.pmstudios.co.uk\/before-after\/2021-rugeley-power-station-demolition\/F21_4065r1-aligned-cropped1-1080p.jpg\" alt=\"No cooling towers\"><br \/>\n<\/div>\n\n\n<p>But the real value of this is for &#8216;Then and Now&#8217; type of comparisons making use of historical images. The Black and White image is believed to be in the 1960s:<\/p>\n\n\n<div style=\"width: 500px; margin: auto;\">\n<div class=\"image-compare-viewer\" ><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.pmstudios.co.uk\/before-after\/2021-rugeley-power-station-1950-2021+WP\/rugeley power station-3 compare-3 with f91 detail blend-old720.jpg\" alt=\"Then\"><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.pmstudios.co.uk\/before-after\/2021-rugeley-power-station-1950-2021+WP\/rugeley power station-3 compare-3 with f91 detail blend-current720.jpg\" alt=\"Now\"><br \/>\n<\/div>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Seasonal Changes<\/h2>\n\n\n\n<p>This next example uses 2 images taken from a sequence photographed over a period of nearly a year. It shows a tree at the height of summer in full leaf, comparing it to its winter state after a few inches of snow:<\/p>\n\n\n<div class=\"image-compare-viewer\" ><br \/><img decoding=\"async\" src=\"https:\/\/www.pmstudios.co.uk\/before-after\/2020-tree-summer-snow+WP\/F20B4686r1-aligned-1080.jpg\" alt=\"The tree in summer\" \/><br \/><img decoding=\"async\" src=\"https:\/\/www.pmstudios.co.uk\/before-after\/2020-tree-summer-snow+WP\/F20C1225r1-aligned-1080.jpg\" alt=\"The tree in the snow\" \/><br \/><\/div>\n\n\n<p>I have to admit that this needed care throughout the year in taking the photos and a bit of Photoshop skill in aligning the two images. Bear in mind that this is a living organism that changes with the weather and the seasons so there isn&#8217;t perfect registration across the images. You may notice that the tree has had some dead branches removed during this time!<\/p>\n\n\n\n<p>I also have processed the whole set of images for the year which can be seen on the &#8216;<a href=\"https:\/\/www.pmstudios.co.uk\/blog\/?page_id=6426\">Transitions<\/a>&#8216; page both as a video &#8216;Transistion-Time Lapse&#8217; and as a &#8216;Virtual Tour&#8217;.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Image Processing<\/h2>\n\n\n\n<p>Another use is to compare the results of different toning made to an image:<\/p>\n\n\n<div class=\"image-compare-viewer\" ><br \/><img decoding=\"async\" src=\"https:\/\/www.pmstudios.co.uk\/before-after\/2020-colour-variations+WP\/L20_5282r1-1000.jpg\" alt=\"View with normal colour\" \/><br \/><img decoding=\"async\" src=\"https:\/\/www.pmstudios.co.uk\/before-after\/2020-colour-variations+WP\/L20_5282r1 whitewash v1 colour 1.jpg\" alt=\"View with toning\" \/><br \/><\/div>\n\n\n<p>If you are interested in this aspect of my work feel free to <a href=\"https:\/\/www.pmstudios.co.uk\/blog\/?page_id=7863\">contact me<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Or Then and Now&#8230; One aspect of my photography that I am developing is &#8216;Before-After&#8217; or &#8216;Then-and-Now&#8217; comparisons. This is often done by using a slider that moves across the image revealing and hiding one or the other of the two images. Below are a few examples: This example shows a &#8216;Before &amp; After&#8217; of &hellip; <a href=\"https:\/\/www.pmstudios.co.uk\/blog\/?page_id=6412\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Before-After Comparisons&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6412","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/pages\/6412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6412"}],"version-history":[{"count":26,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/pages\/6412\/revisions"}],"predecessor-version":[{"id":9957,"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=\/wp\/v2\/pages\/6412\/revisions\/9957"}],"wp:attachment":[{"href":"https:\/\/www.pmstudios.co.uk\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}