{"id":7910,"date":"2023-12-13T19:22:44","date_gmt":"2023-12-13T19:22:44","guid":{"rendered":"https:\/\/www.pttrns.com\/?p=7910"},"modified":"2023-12-13T19:22:45","modified_gmt":"2023-12-13T19:22:45","slug":"how-to-blend-pictures-in-canva","status":"publish","type":"post","link":"https:\/\/www.pttrns.com\/how-to-blend-pictures-in-canva\/","title":{"rendered":"How To Blend Pictures in Canva"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Learning how to blend pictures comes in handy if you\u2019re trying to achieve seamless integration with the elements or background of the design. Also, you can enhance visual appeal and create engaging transitions by being creative.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019re trying to blend pictures in Canva, follow the steps below developed for two common scenarios.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">What we cover<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.pttrns.com\/how-to-blend-pictures-in-canva\/#Blend_Picture_with_the_Background_of_the_Design\" >Blend Picture with the Background of the Design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.pttrns.com\/how-to-blend-pictures-in-canva\/#Blend_Picture_with_the_Other_Picture\" >Blend Picture with the Other Picture<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.pttrns.com\/how-to-blend-pictures-in-canva\/#Wrapping_Up\" >Wrapping Up<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"blend-picture-with-the-background-of-the-design\"><span class=\"ez-toc-section\" id=\"Blend_Picture_with_the_Background_of_the_Design\"><\/span>Blend Picture with the Background of the Design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Start by navigating to Canva and sign in with your credentials. Once you\u2019re on the home screen, start by creating a new design by clicking on the <strong>Create a design<\/strong> button in the top right corner.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-50a021db-0c2e\" id=\"gspb_image-id-gsbp-50a021db-0c2e\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Create-a-design-2.png\" data-src=\"\" alt=\"Create a design\" loading=\"lazy\" width=\"1487\" height=\"597\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Alternatively, if you\u2019re already working on the design, open it from the <strong>Recent designs <\/strong>section on the home screen. Once the new\/existing design is loaded, add the picture to it, and before doing ensure that the background is removed [<a href=\"https:\/\/www.remove.bg\/\" target=\"_blank\" rel=\"noopener\">remove.bg<\/a>].<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background-1024x464.png\" alt=\"Remove background\" class=\"wp-image-7925\" srcset=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background-1024x464.png 1024w, https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background-300x136.png 300w, https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background-767x348.png 767w, https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background-1536x697.png 1536w, https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background-2048x929.png 2048w, https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background-331x150.png 331w, https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background-100x45.png 100w, https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background-772x350.png 772w, https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background-788x357.png 788w, https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Remove-background.png 1614w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Once the picture is added to the design, you will find a similar result to the one below, with it popping out of the background.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-7edf8062-e721\" id=\"gspb_image-id-gsbp-7edf8062-e721\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Picture-popping-out-of-the-background.png\" data-src=\"\" alt=\"Picture popping out of the background\" loading=\"lazy\" width=\"1232\" height=\"665\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Now, to blend the picture with the background, navigate to <strong>Elements<\/strong> on the left and click on it. Next, search for <strong>Transparent Gradients <\/strong>in the search box and hit<strong> Enter<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-79f645ae-c578\" id=\"gspb_image-id-gsbp-79f645ae-c578\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Transparent-gradients.png\" data-src=\"\" alt=\"Transparent gradients\" loading=\"lazy\" width=\"1270\" height=\"646\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>With the results displayed, click on <strong>See all <\/strong>next to <strong>Graphics<\/strong>. By doing so, you can find all Transparent gradients listed. Now, click on the one that matches your picture to add it to the design.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-ada6e7ee-42f8\" id=\"gspb_image-id-gsbp-ada6e7ee-42f8\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Add-Transparent-gradient-to-teh-design.png\" data-src=\"\" alt=\"Add Transparent gradient to teh design\" loading=\"lazy\" width=\"979\" height=\"550\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li>Once done, move the gradient onto the picture like below to create a blending effect. If it doesn\u2019t fit well, try changing the gradient color and size. \u00a0<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-846f336f-ccc7\" id=\"gspb_image-id-gsbp-846f336f-ccc7\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Place-Transparent-gradient-to-the-design.png\" data-src=\"\" alt=\"Place Transparent gradient to the design\" loading=\"lazy\" width=\"1253\" height=\"663\"\/><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"blend-picture-with-the-other-picture\"><span class=\"ez-toc-section\" id=\"Blend_Picture_with_the_Other_Picture\"><\/span>Blend Picture with the Other Picture<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Begin by opening the project you\u2019re working on and adding both pictures to separate pages like the one below.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-68f99366-ade3\" id=\"gspb_image-id-gsbp-68f99366-ade3\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Add-images-to-different-pages.png\" data-src=\"\" alt=\"Add images to different pages\" loading=\"lazy\" width=\"1458\" height=\"872\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>With the images added to separate pages, include <strong>Transparent gradients<\/strong> from the <strong>Elements<\/strong> to the design like below. If you cannot find a gradient that covers half of the picture, duplicate and overlap on each other.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-433d1491-ea3c\" id=\"gspb_image-id-gsbp-433d1491-ea3c\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Adding-transparent-gradient-to-the-photos.png\" data-src=\"\" alt=\"Adding transparent gradient to the photos\" loading=\"lazy\" width=\"1518\" height=\"872\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>With the transparent gradients added, download both pages as <strong>PNG<\/strong> from the <strong>Share<\/strong> button by clicking on <strong>Download <\/strong>from its options.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-787a104a-9083\" id=\"gspb_image-id-gsbp-787a104a-9083\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Download-both-pages.png\" data-src=\"\" alt=\"Download both pages\" loading=\"lazy\" width=\"1385\" height=\"879\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Next, delete <strong>Page 2<\/strong> and clear all the elements on <strong>Page 1<\/strong>. Now, upload the pictures to which transparent gradients are added. Once done, add them to Page 1 by placing one on another.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-e1595e4d-ba8c\" id=\"gspb_image-id-gsbp-e1595e4d-ba8c\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Overlap-images.png\" data-src=\"\" alt=\"Overlap images\" loading=\"lazy\" width=\"1758\" height=\"771\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>Now, reduce the transparency of the top picture by adjusting the slider so that both are visible.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-b0c6d386-b8ca\" id=\"gspb_image-id-gsbp-b0c6d386-b8ca\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Adjust-the-transparency.png\" data-src=\"\" alt=\"Adjust the transparency\" loading=\"lazy\" width=\"1606\" height=\"708\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li>In this state, the picture is faded and doesn\u2019t look good. To make it better, download it as a PNG to make edits.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-453a07e5-504d\" id=\"gspb_image-id-gsbp-453a07e5-504d\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Faded-final-result-download.png\" data-src=\"\" alt=\"Faded final result download\" loading=\"lazy\" width=\"1515\" height=\"772\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li>After the faded picture is downloaded, upload it to Canva from the <strong>Uploads <\/strong>section and add it to the design. Once done, click on it to reveal the options on the top, and click on <strong>Edit photo<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-c7cc96c2-9815\" id=\"gspb_image-id-gsbp-c7cc96c2-9815\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Edit-photo-option-1.png\" data-src=\"\" alt=\"Edit photo option\" loading=\"lazy\" width=\"1760\" height=\"823\"\/><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"8\">\n<li>Now, navigate to the <strong>Adjust <\/strong>tab on the left and begin adjusting the sliders to make the picture feel lively. Here is the result after we made changes to the faded picture.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-ff95ac71-26ee\" id=\"gspb_image-id-gsbp-ff95ac71-26ee\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.pttrns.com\/wp-content\/uploads\/2023\/12\/Final-result-1.png\" data-src=\"\" alt=\"Final result\" loading=\"lazy\" width=\"1841\" height=\"824\"\/><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wrapping-up\"><span class=\"ez-toc-section\" id=\"Wrapping_Up\"><\/span>Wrapping Up<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Congratulations on learning to blend pictures in Canva!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While Canva can do a great job at blending the picture with a static background, it can turn complicated if you\u2019re dealing with two different pictures. Also, it lacks flexibility, and the blend effects fit well only for certain images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For best results, use dedicated image editors like Photoshop, and if you find it difficult to learn, the quick alternative is online image editors like <a href=\"https:\/\/www12.lunapic.com\/editor\/?action=blend-vertical\" target=\"_blank\" rel=\"noopener\">Lunapic<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"related-reading\">Related Reading<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-fade-picture-in-canva\/\">How To Fade Picture in Canva<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-blur-edges-of-photo-in-canva\/\">How To Blur Edges of Photo in Canva<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-change-color-of-png-in-canva\/\">How To Change Color of PNG in Canva<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-freehand-crop-in-canva\/\">How to Freehand Crop in Canva<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.pttrns.com\/how-to-fix-canva-images-not-downloading\/\">How To Fix Canva Images Not Downloading<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you trying to blend pictures in Canva? Learn how to do it with ease using the detailed steps.<\/p>\n","protected":false},"author":3,"featured_media":7921,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"#gspb_image-id-gsbp-433d1491-ea3c img,#gspb_image-id-gsbp-453a07e5-504d img,#gspb_image-id-gsbp-50a021db-0c2e img,#gspb_image-id-gsbp-68f99366-ade3 img,#gspb_image-id-gsbp-787a104a-9083 img,#gspb_image-id-gsbp-79f645ae-c578 img,#gspb_image-id-gsbp-7edf8062-e721 img,#gspb_image-id-gsbp-846f336f-ccc7 img,#gspb_image-id-gsbp-ada6e7ee-42f8 img,#gspb_image-id-gsbp-b0c6d386-b8ca img,#gspb_image-id-gsbp-c7cc96c2-9815 img,#gspb_image-id-gsbp-e1595e4d-ba8c img,#gspb_image-id-gsbp-ff95ac71-26ee img{vertical-align:top;display:inline-block;box-sizing:border-box;max-width:100%;height:auto}","footnotes":""},"categories":[41],"tags":[],"offerexpiration":[],"class_list":["post-7910","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-canva"],"_links":{"self":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/7910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/comments?post=7910"}],"version-history":[{"count":1,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/7910\/revisions"}],"predecessor-version":[{"id":7927,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/posts\/7910\/revisions\/7927"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/media\/7921"}],"wp:attachment":[{"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/media?parent=7910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/categories?post=7910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/tags?post=7910"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/www.pttrns.com\/wp-json\/wp\/v2\/offerexpiration?post=7910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}