{"id":252032,"date":"2026-04-27T00:18:01","date_gmt":"2026-04-27T07:18:01","guid":{"rendered":"https:\/\/picsart.com\/blog\/?p=252032"},"modified":"2026-04-27T00:18:01","modified_gmt":"2026-04-27T07:18:01","slug":"out-of-frame-story-trend","status":"publish","type":"post","link":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/","title":{"rendered":"Daily Trend Drop Vol. 20: &#8220;Out of Frame Story Tutorial&#8221; &#8211; The 3D Edit That Steps Out of Its Own Tile"},"content":{"rendered":"<p>A clean Instagram grid &#8211; four panels, white borders, identical spacing. Then the subject in one tile steps out. A leg crosses the line. A shoulder breaks past the border. The grid stays. One piece of it just refuses to stay inside the box.<\/p>\n<p>That&#8217;s the out of frame story tutorial. Polished collage layout plus a 3D cutout illusion. Works for fashion, street style, portraits with attitude.<\/p>\n<p>Looks like After Effects. It&#8217;s actually Picsart Collage + Remove BG, fifteen minutes start to finish. Creator <a href=\"https:\/\/www.instagram.com\/reel\/DVQuFAzkdk8\/\" rel=\"nofollow noindex\">@ bbyb3a<\/a> posted the original tutorial &#8211; 9K likes and counting.<\/p>\n<h2><span id=\"What_is_the_out_of_frame_story_tutorial\">What is the out of frame story tutorial?<\/span><\/h2>\n<p>A 2-4 panel grid with one subject cut out and re-layered on top so it crosses the gridlines. Part stays inside its tile. The rest spills past the border.<\/p>\n<p>The illusion is layering:<\/p>\n<ul>\n<li><strong>Base layer:<\/strong> A grid collage of your photos<\/li>\n<li><strong>Cutout layer:<\/strong> Subject from one tile, background removed, scaled larger, repositioned over the borders<\/li>\n<li><strong>Depth pass:<\/strong> Soft drop shadow behind the cutout<\/li>\n<\/ul>\n<p>One breakout point per post. The other tiles stay contained. That contrast is the entire hook.<\/p>\n<h2><span id=\"Why_it_stops_the_scroll\">Why it stops the scroll<\/span><\/h2>\n<ul>\n<li><strong>Familiar layout, broken rule.<\/strong> The IG grid is overexposed. Disrupting it reads as confident.<\/li>\n<li><strong>3D in a flat feed.<\/strong> The depth interrupts the scroll for a half-second. That&#8217;s the stop.<\/li>\n<li><strong>Genre-agnostic.<\/strong> Fashion, street, portraits, products, pets. Pick the subject, pick the angle.<\/li>\n<\/ul>\n<h2><span id=\"How_to_make_it_with_Picsart\">How to make it with Picsart<\/span><\/h2>\n<h3>Step 1: Build the grid<\/h3>\n<p>Open <a href=\"https:\/\/picsart.com\/collage-maker\/\">Picsart Collage Maker<\/a> and pick <strong>Grid<\/strong>. Choose a 2-4 tile layout. Set borders to thick white or black &#8211; the thicker, the more obvious the breakout.<\/p>\n<h3>Step 2: Drop in your photos<\/h3>\n<p>Use the same image across tiles for a rhythmic feel, or mix angles from one shoot for a story flow. Decide which tile hosts the breakout.<\/p>\n<h3>Step 3: Cut out the subject<\/h3>\n<p>Open the breakout-tile photo in <a href=\"https:\/\/picsart.com\/background-remover\/\">Picsart Background Remover<\/a>. Save the cutout as a transparent PNG.<\/p>\n<p>Attaching extra items &#8211; a hat, a coffee cup, a product, a bag? Use <a href=\"https:\/\/picsart.com\/sticker-maker\/\">Picsart Sticker Maker<\/a> to turn each object into a reusable cutout you can drop into the layout.<\/p>\n<h3>Step 4: Stage the breakout<\/h3>\n<p>In <a href=\"https:\/\/picsart.com\/photo-editor\/\">Picsart Photo Editor<\/a>, add the cutout on top of the grid. Scale it slightly larger than its tile. Position it so a limb, shoulder, or hat crosses the border into the next panel &#8211; or off the canvas. One breakout point. That&#8217;s it.<\/p>\n<h3>Step 5: Clean the overlap<\/h3>\n<p>Use the Eraser to refine where the cutout meets the borders. Erase a thin slice where a limb crosses the line so the frame feels partially in front of the subject.<\/p>\n<h3>Step 6: Add depth<\/h3>\n<p>Drop a soft shadow behind the cutout. Optional: dim the static tiles slightly and bump contrast on the cutout. The eye locks onto whatever is sharpest.<\/p>\n<p>Export and post.<\/p>\n<h2><span id=\"Variations_worth_trying\">Variations worth trying<\/span><\/h2>\n<ul>\n<li><strong>Single-photo grid<\/strong> &#8211; same image every tile, one cutout breaks out<\/li>\n<li><strong>Outfit grid<\/strong> &#8211; 4 looks, hero look pops out<\/li>\n<li><strong>Walking pose<\/strong> &#8211; leg crosses the gridline mid-stride<\/li>\n<li><strong>Reach-in<\/strong> &#8211; hand extends from one tile into the next<\/li>\n<li><strong>Product flat lay<\/strong> &#8211; one product floats off the layout<\/li>\n<li><strong>Pet edition<\/strong> &#8211; paws on the border<\/li>\n<li><strong>Black-border noir<\/strong> &#8211; thick black borders, monochrome, editorial mood<\/li>\n<li><strong>Carousel build<\/strong> &#8211; slide 1 clean grid, slide 2 reveal<\/li>\n<\/ul>\n<h2><span id=\"The_grid_is_the_frame_The_subject_is_the_punchline\">The grid is the frame. The subject is the punchline.<\/span><\/h2>\n<p>The out of frame story tutorial uses the most predictable layout on Instagram as a setup. The breakout is the joke. One figure refusing to stay in the box makes the rest of the grid feel intentional.<\/p>\n<p>Pick the photo. Cut it out. Step it out.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A clean Instagram grid &#8211; four panels, white borders, identical spacing. Then the subject in one tile steps out. A leg crosses the line. A shoulder breaks past the border. The grid stays. One piece of it just refuses to stay inside the box. That&#8217;s the out of frame story tutorial. Polished collage layout plus &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Daily Trend Drop Vol. 20: &#8220;Out of Frame Story Tutorial&#8221; &#8211; The 3D Edit That Steps Out of Its Own Tile&#8221;<\/span><\/a><\/p>\n","protected":false},"author":146,"featured_media":252035,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Out of Frame Story Tutorial: Make the Viral 3D Edit","_yoast_wpseo_metadesc":"The out of frame story tutorial puts a subject stepping out of a collage tile for a 3D scroll-stopper. Here's how to make it with Picsart Collage + Remove BG.","faq_show":false,"faq_enable_schema":false,"how_to_show":false,"how_to_show_on_single":false,"how_to_enable_schema":false,"how_to_is_upload":false,"faq_title":"","how_to_title":"","how_to_layout":"","how_to_cta_text":"","how_to_cta_url":"","how_to_image_alt":"","how_to_display_image":0,"faq_items":[],"how_to_steps":[],"footnotes":""},"categories":[5],"tags":[],"class_list":["post-252032","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","entry"],"acf":{"faq_show":false,"faq_title":"Frequently asked questions","faq_enable_schema":true,"faq_items":null,"how_to_show":false,"how_to_show_on_single":false,"how_to_title":"","how_to_layout":"default","how_to_steps":null,"how_to_enable_schema":true,"how_to_is_upload":true,"how_to_cta_text":"","how_to_cta_url":"https:\/\/picsart.com\/create\/editor","how_to_display_image":null,"how_to_image_alt":"","footer_banner_name":"Start your design in Picsart","footer_banner_link_":"\/","footer_banner_button_text_":"Get Started"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Out of Frame Story Tutorial: Make the Viral 3D Edit<\/title>\n<meta name=\"description\" content=\"The out of frame story tutorial puts a subject stepping out of a collage tile for a 3D scroll-stopper. Here&#039;s how to make it with Picsart Collage + Remove BG.\" \/>\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\/out-of-frame-story-trend\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Out of Frame Story Tutorial: Make the Viral 3D Edit\" \/>\n<meta property=\"og:description\" content=\"The out of frame story tutorial puts a subject stepping out of a collage tile for a 3D scroll-stopper. Here&#039;s how to make it with Picsart Collage + Remove BG.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/picsart.com\/blog\/out-of-frame-story-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-04-27T07:18:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.picsart.com\/2026\/04\/gemini-3.1-flash-image-preview-6.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\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=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Out of Frame Story Tutorial: Make the Viral 3D Edit","description":"The out of frame story tutorial puts a subject stepping out of a collage tile for a 3D scroll-stopper. Here's how to make it with Picsart Collage + Remove BG.","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\/out-of-frame-story-trend\/","og_locale":"en_US","og_type":"article","og_title":"Out of Frame Story Tutorial: Make the Viral 3D Edit","og_description":"The out of frame story tutorial puts a subject stepping out of a collage tile for a 3D scroll-stopper. Here's how to make it with Picsart Collage + Remove BG.","og_url":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/","og_site_name":"Picsart Blog","article_publisher":"https:\/\/www.facebook.com\/picsart","article_published_time":"2026-04-27T07:18:01+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/cdnblog.picsart.com\/2026\/04\/gemini-3.1-flash-image-preview-6.webp","type":"image\/webp"}],"author":"Julia Tovmasyan","twitter_card":"summary_large_image","twitter_creator":"@PicsArtStudio","twitter_site":"@PicsArtStudio","twitter_misc":{"Written by":"Julia Tovmasyan","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/#article","isPartOf":{"@id":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/"},"author":{"name":"Julia Tovmasyan","@id":"https:\/\/picsart.com\/blog\/#\/schema\/person\/d601a90352cab55d509a821614f3527d"},"headline":"Daily Trend Drop Vol. 20: &#8220;Out of Frame Story Tutorial&#8221; &#8211; The 3D Edit That Steps Out of Its Own Tile","datePublished":"2026-04-27T07:18:01+00:00","mainEntityOfPage":{"@id":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/"},"wordCount":616,"publisher":{"@id":"https:\/\/picsart.com\/blog\/#organization"},"image":{"@id":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.picsart.com\/2026\/04\/gemini-3.1-flash-image-preview-6.webp","articleSection":["Trends"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/","url":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/","name":"Out of Frame Story Tutorial: Make the Viral 3D Edit","isPartOf":{"@id":"https:\/\/picsart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/#primaryimage"},"image":{"@id":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.picsart.com\/2026\/04\/gemini-3.1-flash-image-preview-6.webp","datePublished":"2026-04-27T07:18:01+00:00","description":"The out of frame story tutorial puts a subject stepping out of a collage tile for a 3D scroll-stopper. Here's how to make it with Picsart Collage + Remove BG.","breadcrumb":{"@id":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/#primaryimage","url":"https:\/\/cdnblog.picsart.com\/2026\/04\/gemini-3.1-flash-image-preview-6.webp","contentUrl":"https:\/\/cdnblog.picsart.com\/2026\/04\/gemini-3.1-flash-image-preview-6.webp","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/picsart.com\/blog\/out-of-frame-story-trend\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/picsart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Daily Trend Drop Vol. 20: &#8220;Out of Frame Story Tutorial&#8221; &#8211; The 3D Edit That Steps Out of Its Own Tile"}]},{"@type":"WebSite","@id":"https:\/\/picsart.com\/blog\/#website","url":"https:\/\/picsart.com\/blog\/","name":"Picsart Blog","description":"Keep up with the latest news in photo editing, digital photography, and art trends.","publisher":{"@id":"https:\/\/picsart.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/picsart.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/picsart.com\/blog\/#organization","name":"PicsArt Inc.","url":"https:\/\/picsart.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/picsart.com\/blog\/#\/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\/#\/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\/#\/schema\/person\/d601a90352cab55d509a821614f3527d","name":"Julia Tovmasyan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/picsart.com\/blog\/#\/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\/04\/gemini-3.1-flash-image-preview-6.webp","dimensions":[]},"_links":{"self":[{"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/posts\/252032","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=252032"}],"version-history":[{"count":3,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/posts\/252032\/revisions"}],"predecessor-version":[{"id":252057,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/posts\/252032\/revisions\/252057"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/media\/252035"}],"wp:attachment":[{"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/media?parent=252032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/categories?post=252032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/picsart.com\/blog\/wp-json\/wp\/v2\/tags?post=252032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}