{"id":262925,"date":"2026-08-18T09:47:58","date_gmt":"2026-08-18T16:47:58","guid":{"rendered":"https:\/\/picsart.com\/blog\/?p=262925"},"modified":"2026-08-18T09:47:58","modified_gmt":"2026-08-18T16:47:58","slug":"photo-brightness-edit-trend","status":"publish","type":"post","link":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/","title":{"rendered":"Daily Trend Drop Vol. 86: &#8220;Photo Brightness Edit&#8221; &#8211; One Bright Rectangle, the Rest in Grey"},"content":{"rendered":"<p>The photo brightness edit turns your entire shot black and white, then brings the color back inside a single hard-edged rectangle. Everything outside the box stays grey. Everything inside it looks like the sun came out.<\/p>\n<p>The other half of the trend is the part most people miss: the editing controls stay in the picture. A thin yellow selection frame sits on the edge of the box, with a small sun icon parked on a vertical slider line beside it. You are not hiding the edit. You are posting the photo mid-edit, tools and all, as if the viewer caught you halfway through.<\/p>\n<p>User <a href=\"https:\/\/www.instagram.com\/p\/Db76H47IOuC\/\" rel=\"nofollow\">@moonsol.design<\/a> ran it across four travel shots in one carousel and the format holds on every one of them.<\/p>\n<h2><span id=\"What_is_the_photo_brightness_edit_trend\">What is the photo brightness edit trend?<\/span><\/h2>\n<p>Three parts:<\/p>\n<ul>\n<li><strong>The grey base.<\/strong> The full image goes black and white. Not faded, not low-contrast &#8211; properly desaturated, so the color that returns has something to land against.<\/li>\n<li><strong>The color window.<\/strong> One rectangle, standing still, where the original color comes back at full strength. It fades up rather than snapping on, so in a video version you watch the color arrive.<\/li>\n<li><strong>The visible interface.<\/strong> A yellow rectangle outline with small corner ticks, plus a sun icon on a vertical line. These are drawn on and left there. They are the styling, not leftovers.<\/li>\n<\/ul>\n<p>Worth knowing before you copy it: despite the name, the box does not actually get brighter. Measured across the source clips, the overall brightness of the frame holds steady from the first frame to the last while the color saturation climbs several times over. The sun icon sells the idea of light being turned up. What is really happening is color coming back. Chase the saturation, not the exposure, or you will end up with a washed-out box instead of a vivid one.<\/p>\n<p>The window is a shape, not a color pick. In one of the source shots the same row of trees runs straight through the box &#8211; the trees inside are green and the trees a few pixels outside are grey. That only happens if the region is masked by position. Anything that selects by color would have turned every tree in the frame green at once.<\/p>\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-captioned=\"\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/Db76H47IOuC\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\">\n<div style=\"padding: 16px;\">\n<p>&nbsp;<\/p>\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">View this post on Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"><a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;\" href=\"https:\/\/www.instagram.com\/p\/Db76H47IOuC\/?utm_source=ig_embed&amp;utm_campaign=loading\" target=\"_blank\" rel=\"noopener\">A post shared by moonsolstice designs (@moonsol.design)<\/a><\/p>\n<\/div>\n<\/blockquote>\n<p><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n<h2><span id=\"Why_it_works\">Why it works<\/span><\/h2>\n<ul>\n<li><strong>One rectangle does all the pointing.<\/strong> A grey frame with a single bright box in it removes the decision of where to look. The viewer has no competing subject.<\/li>\n<li><strong>It rescues a flat photo.<\/strong> An overcast sky or a grey street is a problem in color and an asset in black and white. The trend turns your worst-lit shots into the ones that work best.<\/li>\n<li><strong>The interface is the signature.<\/strong> Selective color has been around for decades. Leaving the selection frame and slider visible is what makes this read as 2026 rather than a 2009 wedding album.<\/li>\n<li><strong>It scales to a carousel.<\/strong> Same treatment, four locations, and the set holds together without a caption explaining anything.<\/li>\n<li><strong>Nothing needs to be cut out precisely.<\/strong> The mask is a rectangle. There is no subject to trace, no hair to mask, no edge to clean up.<\/li>\n<\/ul>\n<p>The whole build runs inside <a href=\"https:\/\/picsart.com\/photo-editor\/\">Picsart Photo Editor<\/a>. You need four things from it: the <a href=\"https:\/\/picsart.com\/photo-effects\/black-and-white-filter\/\">black and white filter<\/a> for the base, Add Photo to bring the color version back, the eraser to cut the window, and <a href=\"https:\/\/picsart.com\/add-stickers-to-photos\/\">stickers<\/a> to draw the interface. <a href=\"https:\/\/picsart.com\/crop-image\/\">Crop Image<\/a> sizes it for the feed at the end.<\/p>\n<section class=\"section_how_to\">\n            <h2 class=\"how_to_title\" id=\"How_to_make_it_in_Picsart\">How to make it in Picsart<\/h2>\n    \n        <div class=\"how_to_steps\">\n                                        <div class=\"how_to_step how_to_step--highlighted\">\n                    <div class=\"how_to_step_content\">\n                        <p class=\"how_to_step_title\">\n                            <span class=\"how_to_step_number\">1.<\/span>\n                            Turn the whole photo black and white                        <\/p>\n                                                    <p class=\"how_to_step_description\">Open your shot in Picsart Photo Editor and run the black and white filter over it. Push it to a real grey rather than a soft wash - the contrast between grey and colour is the entire effect, so a half-desaturated base costs you the payoff. Pick a photo with something genuinely colourful in it: a red boat, a painted shopfront, a green treeline. A grey scene going grey gives you nothing to reveal.<\/p>\n                                                                            <div class=\"how_to_cta_wrapper\">\n                                                                <input\n                                    type=\"file\"\n                                    id=\"how_to_upload_how-to-6a851ebb2700f_0\"\n                                    class=\"how_to_upload_input\"\n                                    accept=\"image\/*\"\n                                    data-deeplink=\"https:\/\/picsart.com\/photo-editor\/\"\n                                \/>\n                                <button\n                                    type=\"button\"\n                                    class=\"how_to_cta_button\"\n                                    data-upload-id=\"how_to_upload_how-to-6a851ebb2700f_0\"\n                                >\n                                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn-cms-uploads.picsart.com\/cms-uploads\/9b784b6b-6f78-4ee4-a748-f4ad781bfd34.svg\" alt=\"\" width=\"20\" height=\"20\" class=\"how_to_cta_icon\" \/>\n                                    <span>Open Picsart Photo Editor<\/span>\n                                <\/button>\n                                                            <\/div>\n                                            <\/div>\n                <\/div>\n                                                <div class=\"how_to_step how_to_step--highlighted\">\n                    <div class=\"how_to_step_content\">\n                        <p class=\"how_to_step_title\">\n                            <span class=\"how_to_step_number\">2.<\/span>\n                            Add the same photo again, in colour, on top                        <\/p>\n                                                    <p class=\"how_to_step_description\">Use Add Photo to bring the identical image into the project a second time and line it up exactly over the black and white version. It should sit perfectly on top, hiding the grey layer completely. Do not resize or nudge it - the alignment is what makes the reveal look like one photo instead of two.<\/p>\n                                                                    <\/div>\n                <\/div>\n                                                <div class=\"how_to_step how_to_step--highlighted\">\n                    <div class=\"how_to_step_content\">\n                        <p class=\"how_to_step_title\">\n                            <span class=\"how_to_step_number\">3.<\/span>\n                            Erase everything outside a rectangle                        <\/p>\n                                                    <p class=\"how_to_step_description\">Tap the colour layer, open the Eraser, and switch it to Shape. Choose the square or rectangle, size it over the part of the photo you want in colour, then hit Invert so everything outside the shape is erased instead of inside it. That leaves a clean rectangle of colour sitting over the grey photo, still in perfect register, because the layer never moved. Keep the box off-centre and tall rather than centred and square.<\/p>\n                                                                    <\/div>\n                <\/div>\n                                                <div class=\"how_to_step how_to_step--highlighted\">\n                    <div class=\"how_to_step_content\">\n                        <p class=\"how_to_step_title\">\n                            <span class=\"how_to_step_number\">4.<\/span>\n                            Draw the selection frame and the sun slider                        <\/p>\n                                                    <p class=\"how_to_step_description\">Add a rectangle from Shapes, set it to no fill with a thin yellow outline, and sit it on the edge of your colour window. Add four short yellow ticks at the corners so it reads as a selection box. Then place a small sun sticker on a thin vertical yellow line just outside the box, roughly halfway up. Keep it all thin and one colour - the moment the interface gets thick or colourful it stops looking like a tool and starts looking like a doodle.<\/p>\n                                                                    <\/div>\n                <\/div>\n                                                <div class=\"how_to_step how_to_step--highlighted\">\n                    <div class=\"how_to_step_content\">\n                        <p class=\"how_to_step_title\">\n                            <span class=\"how_to_step_number\">5.<\/span>\n                            Check it at thumbnail size and export                        <\/p>\n                                                    <p class=\"how_to_step_description\">Shrink the preview down to the size it will appear in a feed. The bright box should still read instantly and the yellow lines should still be visible without dominating. If the box disappears at small size it is too small or your base is not grey enough. Fix it, then crop to 4:5 and export.<\/p>\n                                                                    <\/div>\n                <\/div>\n                        <\/div>\n    <\/section>\n\n<script type=\"application\/ld+json\">\n{\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"HowTo\",\n    \"name\": \"How to make it in Picsart\",\n    \"step\": [\n        {\n            \"@type\": \"HowToStep\",\n            \"position\": 1,\n            \"name\": \"Turn the whole photo black and white\",\n            \"text\": \"Open your shot in Picsart Photo Editor and run the black and white filter over it. Push it to a real grey rather than a soft wash - the contrast between grey and colour is the entire effect, so a half-desaturated base costs you the payoff. Pick a photo with something genuinely colourful in it: a red boat, a painted shopfront, a green treeline. A grey scene going grey gives you nothing to reveal.\"\n        },\n        {\n            \"@type\": \"HowToStep\",\n            \"position\": 2,\n            \"name\": \"Add the same photo again, in colour, on top\",\n            \"text\": \"Use Add Photo to bring the identical image into the project a second time and line it up exactly over the black and white version. It should sit perfectly on top, hiding the grey layer completely. Do not resize or nudge it - the alignment is what makes the reveal look like one photo instead of two.\"\n        },\n        {\n            \"@type\": \"HowToStep\",\n            \"position\": 3,\n            \"name\": \"Erase everything outside a rectangle\",\n            \"text\": \"Tap the colour layer, open the Eraser, and switch it to Shape. Choose the square or rectangle, size it over the part of the photo you want in colour, then hit Invert so everything outside the shape is erased instead of inside it. That leaves a clean rectangle of colour sitting over the grey photo, still in perfect register, because the layer never moved. Keep the box off-centre and tall rather than centred and square.\"\n        },\n        {\n            \"@type\": \"HowToStep\",\n            \"position\": 4,\n            \"name\": \"Draw the selection frame and the sun slider\",\n            \"text\": \"Add a rectangle from Shapes, set it to no fill with a thin yellow outline, and sit it on the edge of your colour window. Add four short yellow ticks at the corners so it reads as a selection box. Then place a small sun sticker on a thin vertical yellow line just outside the box, roughly halfway up. Keep it all thin and one colour - the moment the interface gets thick or colourful it stops looking like a tool and starts looking like a doodle.\"\n        },\n        {\n            \"@type\": \"HowToStep\",\n            \"position\": 5,\n            \"name\": \"Check it at thumbnail size and export\",\n            \"text\": \"Shrink the preview down to the size it will appear in a feed. The bright box should still read instantly and the yellow lines should still be visible without dominating. If the box disappears at small size it is too small or your base is not grey enough. Fix it, then crop to 4:5 and export.\"\n        }\n    ]\n}<\/script>\n\n<script>\n(function() {\n    function uploadFallback(file) {\n        var UPLOAD_URL = 'https:\/\/upload.picsart.com\/files';\n        var UPLOAD_URL_STAGE2 = 'https:\/\/upload-stage.picsartstage2.com\/files';\n        var hostname = window.location.hostname;\n        var isStage2 = hostname.indexOf('picsartstage2.com') !== -1 || hostname.indexOf('stage2') !== -1;\n        var url = isStage2 ? UPLOAD_URL_STAGE2 : UPLOAD_URL;\n        var isSafari = \/Safari\/i.test(navigator.userAgent) && !\/Chrome|Chromium|FxiOS|Edg|OPR\/i.test(navigator.userAgent);\n        if (isSafari) {\n            return new Promise(function(resolve, reject) {\n                var formData = new FormData();\n                formData.append('type', 'editing-temp-landings');\n                formData.append('file', file);\n                formData.append('url', '');\n                formData.append('metainfo', '');\n                var xhr = new XMLHttpRequest();\n                xhr.open('POST', url);\n                xhr.onload = function() {\n                    try {\n                        var data = xhr.responseText ? JSON.parse(xhr.responseText) : null;\n                        if (xhr.status >= 200 && xhr.status < 300 && data && data.result && data.result.url) {\n                            resolve(data.result.url);\n                        } else {\n                            reject(new Error('Upload failed'));\n                        }\n                    } catch (e) { reject(new Error('Upload failed')); }\n                };\n                xhr.onerror = xhr.ontimeout = function() { reject(new Error('Upload failed')); };\n                xhr.timeout = 60000;\n                xhr.send(formData);\n            });\n        }\n        var formData = new FormData();\n        formData.append('type', 'editing-temp-landings');\n        formData.append('file', file);\n        formData.append('url', '');\n        formData.append('metainfo', '');\n        return fetch(url, { method: 'POST', body: formData, mode: 'cors', cache: 'no-store' })\n            .then(function(res) { return res.text(); })\n            .then(function(text) {\n                try {\n                    var data = text ? JSON.parse(text) : null;\n                    if (data && data.result && data.result.url) return data.result.url;\n                } catch (e) { }\n                throw new Error('Upload failed');\n            });\n    }\n    var uploadFileToCDN = window.HowToUpload && window.HowToUpload.uploadFileToCDN\n        ? window.HowToUpload.uploadFileToCDN\n        : uploadFallback;\n\n    if (window._howToUploadBound) return;\n    window._howToUploadBound = true;\n\n    document.addEventListener('click', function(e) {\n        var btn = e.target && e.target.closest && e.target.closest('.how_to_cta_button');\n        if (!btn) return;\n        var uploadId = btn.getAttribute('data-upload-id');\n        var input = uploadId ? document.getElementById(uploadId) : null;\n        if (input) {\n            e.preventDefault();\n            input.click();\n        }\n    }, true);\n\n    document.addEventListener('change', function(e) {\n        if (!e.target || !e.target.classList || !e.target.classList.contains('how_to_upload_input')) return;\n        var file = e.target.files && e.target.files[0];\n        if (!file) return;\n        var inputEl = e.target;\n        var deeplink = inputEl.getAttribute('data-deeplink');\n        var button = document.querySelector('.how_to_cta_button[data-upload-id=\"' + inputEl.id + '\"]');\n        var labelSpan = button ? button.querySelector('span') : null;\n        var originalLabelText = labelSpan ? labelSpan.textContent : '';\n        if (button) {\n            button.disabled = true;\n            if (labelSpan) labelSpan.textContent = 'Uploading\u2026';\n        }\n        uploadFileToCDN(file)\n            .then(function(cdnUrl) {\n                var separator = deeplink.indexOf('?') !== -1 ? '&' : '?';\n                var params = 'ref=blog&image=' + encodeURIComponent(cdnUrl);\n                var redirectUrl = deeplink + separator + params;\n                inputEl.value = '';\n                setTimeout(function() {\n                    window.location.assign(redirectUrl);\n                }, 0);\n            })\n            .catch(function() {\n                if (button) button.disabled = false;\n                if (labelSpan) labelSpan.textContent = originalLabelText;\n                inputEl.value = '';\n                alert('Upload failed. Please try again.');\n            });\n    }, true);\n})();\n<\/script>\n\n<h2><span id=\"Variations_worth_trying\">Variations worth trying<\/span><\/h2>\n<ul>\n<li><strong>Two windows instead of one.<\/strong> A second box somewhere else in the frame turns a single point of interest into a relationship between two.<\/li>\n<li><strong>A horizontal band.<\/strong> Run the rectangle edge to edge across the frame and it stops being a window and starts being a horizon.<\/li>\n<li><strong>Put a person in it.<\/strong> Everything the source carousel does is landscape. A portrait where only the face keeps its color is a harder, better version.<\/li>\n<li><strong>Invert the treatment.<\/strong> Keep the photo in color and grey out one rectangle instead. Same interface, opposite reading.<\/li>\n<li><strong>Carry it across a carousel.<\/strong> Same box position, same slider, four different locations, so the frame becomes a recurring device.<\/li>\n<li><strong>Animate the fade.<\/strong> If you post it as a video, let the color inside the box come up over two seconds rather than appearing at once. That build is the whole reason the format works on video.<\/li>\n<\/ul>\n<h2><span id=\"Grey_out_the_photo_cut_one_window_back_in_and_leave_the_tools_on_screen\">Grey out the photo, cut one window back in, and leave the tools on screen.<\/span><\/h2>\n<p>This one rewards a photo you had written off. Flat light, grey sky, nothing popping &#8211; that is the ideal input, because black and white fixes the problem and the color window supplies the interest.<\/p>\n<p>Pick your dullest recent shot, grey it out, and cut one bright rectangle back into it.<\/p>\n<p>Try it in <a href=\"https:\/\/picsart.com\/photo-editor\/\">Picsart Photo Editor<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The photo brightness edit turns your entire shot black and white, then brings the color back inside a single hard-edged rectangle. Everything outside the box stays grey. Everything inside it looks like the sun came out. The other half of the trend is the part most people miss: the editing controls stay in the picture. &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Daily Trend Drop Vol. 86: &#8220;Photo Brightness Edit&#8221; &#8211; One Bright Rectangle, the Rest in Grey&#8221;<\/span><\/a><\/p>\n","protected":false},"author":146,"featured_media":262926,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Photo Brightness Edit Trend: How to Make Yours %%page%% %%sep%% %%sitename%%","_yoast_wpseo_metadesc":"The photo brightness edit greys out your whole shot and brings the color back in one rectangle. Here is how to build it, interface and all, in Picsart.","faq_show":false,"faq_enable_schema":false,"how_to_show":true,"how_to_show_on_single":false,"how_to_enable_schema":true,"how_to_is_upload":true,"faq_title":"","how_to_title":"How to make it in Picsart","how_to_layout":"default","how_to_cta_text":"Open Picsart Photo Editor","how_to_cta_url":"https:\/\/picsart.com\/photo-editor\/","how_to_image_alt":"","how_to_display_image":0,"faq_items":[],"how_to_steps":null,"prompt_box_show":false,"prompt_box_placeholder":"","prompt_box_deeplink":"","prompt_box_submit_label":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-262925","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","entry"],"acf":{"footer_banner_name":"Start your design in Picsart","footer_banner_link_":"\/","footer_banner_button_text_":"Get Started","faq_show":false,"faq_title":"Frequently asked questions","faq_enable_schema":true,"faq_items":null,"how_to_show":true,"how_to_show_on_single":false,"how_to_title":"How to make it in Picsart","how_to_layout":"default","how_to_steps":[{"step_title":"Turn the whole photo black and white","step_description":"Open your shot in Picsart Photo Editor and run the black and white filter over it. Push it to a real grey rather than a soft wash - the contrast between grey and colour is the entire effect, so a half-desaturated base costs you the payoff. Pick a photo with something genuinely colourful in it: a red boat, a painted shopfront, a green treeline. A grey scene going grey gives you nothing to reveal.","show_cta_button":true},{"step_title":"Add the same photo again, in colour, on top","step_description":"Use Add Photo to bring the identical image into the project a second time and line it up exactly over the black and white version. It should sit perfectly on top, hiding the grey layer completely. Do not resize or nudge it - the alignment is what makes the reveal look like one photo instead of two.","show_cta_button":false},{"step_title":"Erase everything outside a rectangle","step_description":"Tap the colour layer, open the Eraser, and switch it to Shape. Choose the square or rectangle, size it over the part of the photo you want in colour, then hit Invert so everything outside the shape is erased instead of inside it. That leaves a clean rectangle of colour sitting over the grey photo, still in perfect register, because the layer never moved. Keep the box off-centre and tall rather than centred and square.","show_cta_button":false},{"step_title":"Draw the selection frame and the sun slider","step_description":"Add a rectangle from Shapes, set it to no fill with a thin yellow outline, and sit it on the edge of your colour window. Add four short yellow ticks at the corners so it reads as a selection box. Then place a small sun sticker on a thin vertical yellow line just outside the box, roughly halfway up. Keep it all thin and one colour - the moment the interface gets thick or colourful it stops looking like a tool and starts looking like a doodle.","show_cta_button":false},{"step_title":"Check it at thumbnail size and export","step_description":"Shrink the preview down to the size it will appear in a feed. The bright box should still read instantly and the yellow lines should still be visible without dominating. If the box disappears at small size it is too small or your base is not grey enough. Fix it, then crop to 4:5 and export.","show_cta_button":false}],"how_to_enable_schema":true,"how_to_is_upload":true,"how_to_cta_text":"Open Picsart Photo Editor","how_to_cta_url":"https:\/\/picsart.com\/photo-editor\/","how_to_display_image":"","how_to_image_alt":"","prompt_box_show":false,"prompt_box_placeholder":"","prompt_box_deeplink":"https:\/\/picsart.com\/create\/editor?category=miniapps&app=com.picsart.aura","prompt_box_submit_label":"Create","try_prompt_show":false,"try_prompt_title":"Try this prompt","try_prompt_text":"","try_prompt_deeplink":"","tips_show":false,"tips_title":"Tips for best results","tips_items":null,"cta_banner_show":false,"cta_banner_title":"Need more space?","cta_banner_subtitle":"Extend any image in any direction with AI.","cta_banner_button_label":"Expand image","cta_banner_button_url":"","related_tools_title":"Related tools","related_tools_items":null,"post_level":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Photo Brightness Edit Trend: How to Make Yours - Picsart Blog<\/title>\n<meta name=\"description\" content=\"The photo brightness edit greys out your whole shot and brings the color back in one rectangle. Here is how to build it, interface and all, in Picsart.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photo Brightness Edit Trend: How to Make Yours - Picsart Blog\" \/>\n<meta property=\"og:description\" content=\"The photo brightness edit greys out your whole shot and brings the color back in one rectangle. Here is how to build it, interface and all, in Picsart.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/\" \/>\n<meta property=\"og:site_name\" content=\"Picsart Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/picsart\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-18T16:47:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.picsart.com\/2026\/08\/photo-brightness-edit-trend-cover.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1264\" \/>\n\t<meta property=\"og:image:height\" content=\"848\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Julia Tovmasyan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@PicsArtStudio\" \/>\n<meta name=\"twitter:site\" content=\"@PicsArtStudio\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Julia Tovmasyan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Photo Brightness Edit Trend: How to Make Yours - Picsart Blog","description":"The photo brightness edit greys out your whole shot and brings the color back in one rectangle. Here is how to build it, interface and all, in Picsart.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/","og_locale":"en_US","og_type":"article","og_title":"Photo Brightness Edit Trend: How to Make Yours - Picsart Blog","og_description":"The photo brightness edit greys out your whole shot and brings the color back in one rectangle. Here is how to build it, interface and all, in Picsart.","og_url":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/","og_site_name":"Picsart Blog","article_publisher":"https:\/\/www.facebook.com\/picsart","article_published_time":"2026-08-18T16:47:58+00:00","og_image":[{"width":1264,"height":848,"url":"https:\/\/cdnblog.picsart.com\/2026\/08\/photo-brightness-edit-trend-cover.jpg","type":"image\/jpeg"}],"author":"Julia Tovmasyan","twitter_card":"summary_large_image","twitter_creator":"@PicsArtStudio","twitter_site":"@PicsArtStudio","twitter_misc":{"Written by":"Julia Tovmasyan","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/#article","isPartOf":{"@id":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/"},"author":{"name":"Julia Tovmasyan","@id":"https:\/\/picsart.com\/blog\/ko\/#\/schema\/person\/74b70f3125250c23596a5306775b702d"},"headline":"Daily Trend Drop Vol. 86: &#8220;Photo Brightness Edit&#8221; &#8211; One Bright Rectangle, the Rest in Grey","datePublished":"2026-08-18T16:47:58+00:00","mainEntityOfPage":{"@id":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/"},"wordCount":826,"publisher":{"@id":"https:\/\/picsart.com\/blog\/ko\/#organization"},"image":{"@id":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.picsart.com\/2026\/08\/photo-brightness-edit-trend-cover.jpg","articleSection":["Trends"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/","url":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/","name":"Photo Brightness Edit Trend: How to Make Yours - Picsart Blog","isPartOf":{"@id":"https:\/\/picsart.com\/blog\/ko\/#website"},"primaryImageOfPage":{"@id":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/#primaryimage"},"image":{"@id":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.picsart.com\/2026\/08\/photo-brightness-edit-trend-cover.jpg","datePublished":"2026-08-18T16:47:58+00:00","description":"The photo brightness edit greys out your whole shot and brings the color back in one rectangle. Here is how to build it, interface and all, in Picsart.","breadcrumb":{"@id":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/#primaryimage","url":"https:\/\/cdnblog.picsart.com\/2026\/08\/photo-brightness-edit-trend-cover.jpg","contentUrl":"https:\/\/cdnblog.picsart.com\/2026\/08\/photo-brightness-edit-trend-cover.jpg","width":1264,"height":848,"caption":"A city street photo in black and white with one upright rectangle of restored colour over a turquoise wave-print skirt, marked by a yellow selection frame and a sun slider icon"},{"@type":"BreadcrumbList","@id":"https:\/\/picsart.com\/blog\/photo-brightness-edit-trend\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/picsart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Daily Trend Drop Vol. 86: &#8220;Photo Brightness Edit&#8221; &#8211; One Bright Rectangle, the Rest in Grey"}]},{"@type":"WebSite","@id":"https:\/\/picsart.com\/blog\/ko\/#website","url":"https:\/\/picsart.com\/blog\/ko\/","name":"Picsart Blog","description":"Keep up with the latest news in photo editing, digital photography, and art trends.","publisher":{"@id":"https:\/\/picsart.com\/blog\/ko\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/picsart.com\/blog\/ko\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/picsart.com\/blog\/ko\/#organization","name":"PicsArt Inc.","url":"https:\/\/picsart.com\/blog\/ko\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/picsart.com\/blog\/ko\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.picsart.com\/2016\/02\/PicsArt-logo.png","contentUrl":"https:\/\/cdnblog.picsart.com\/2016\/02\/PicsArt-logo.png","width":195,"height":43,"caption":"PicsArt Inc."},"image":{"@id":"https:\/\/picsart.com\/blog\/ko\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/picsart","https:\/\/x.com\/PicsArtStudio","https:\/\/www.instagram.com\/picsart","https:\/\/www.linkedin.com\/company\/picsart-photo-studio","https:\/\/www.pinterest.com\/picsart"]},{"@type":"Person","@id":"https:\/\/picsart.com\/blog\/ko\/#\/schema\/person\/74b70f3125250c23596a5306775b702d","name":"Julia Tovmasyan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/picsart.com\/blog\/ko\/#\/schema\/person\/image\/","url":"https:\/\/cdnblog.picsart.com\/2026\/03\/3285C16C-FD87-4868-A2F0-04B6A0815CE1-150x150.jpg","contentUrl":"https:\/\/cdnblog.picsart.com\/2026\/03\/3285C16C-FD87-4868-A2F0-04B6A0815CE1-150x150.jpg","caption":"Julia Tovmasyan"}}]}},"featured_image":{"url":"https:\/\/cdnblog.picsart.com\/2026\/08\/photo-brightness-edit-trend-cover.jpg","dimensions":[]},"_links":{"self":[{"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/posts\/262925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/users\/146"}],"replies":[{"embeddable":true,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/comments?post=262925"}],"version-history":[{"count":5,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/posts\/262925\/revisions"}],"predecessor-version":[{"id":262951,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/posts\/262925\/revisions\/262951"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/media\/262926"}],"wp:attachment":[{"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/media?parent=262925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/categories?post=262925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/tags?post=262925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}