This unfortunately only works with horizontal fade/certain shapes. When I try to do this for a vertical fade (photo on top fading to white underneath) the gradient element blown up that big to stretch across the bottom of the image (about 600 px) just does not work. I tried just putting multiple gradients next to each other, but there is a line between each one. I don't know why Canva doesn't just add a gradient feature that can be applied and edited to any piece in a design! They already have transparency and the ability to take out backgrounds, it seems this would be a simple addition.
I am also having trouble with a rectangular photo, fading white at the top. The gradient element is square so it's hard to get it the right shape for the photos. Anyone have ideas/hacks?
I ended up making one myself using powerpoint. I just made the slide the size I wanted, added a gradient with stops so that I would have transparent at the top and a color at the bottom. Then did save as a picture and made it a png. I uploaded it into Canva and it's perfect for my specific purpose.
For anyone watching this in 2022 and beyond: I had the same problem and here is the workaround I used. I found a more rectangular gradient. It looks electric blue along the bottom and black (clear) along the top. Put that over your photo with the blue part on the edge you want to fade. Select the gradient and click on edit image. Click on on duotone and choose one of the colors - I used cherry. Then change both colors of the duotone to white. Click apply. Now, you will have what you need but the edge of your photo will still look like a hard line because that rectangle gradient is too clear. Select the (now white) gradient. Copy and paste several times. Arrange all the copies so they are sitting directly on top of each other. I also applied some square ones but just moved them down so that the edges were not on the edge of the photo. I just used the middle of the square to soften up the line of the edge of the photo. I hope that makes sense.
@@MuffinManCult that doesnt work because the gradient takes up too much of the image in a rectangular image. Thats why everyone is having a conversation about it.
This is awesome!! I couldn't remember how to do it, but at least I knew what I was looking for, I asked UA-cam and this video came up, just for me ;-) Thank you!
As of June 2023, there are a number of graidnets that have been added, one being a white horizontal gradient, that works REALLY well for landscape oriented photos.
Doesn't work for me. It doesn't fade to 100% so it has to cover the entire photo and so fades the entire photo, not just the edge. It also fades corner to corner, not side to side...?
HOW do you fade one image over the top of another, for example, a banner (full width) THEN add a graphic at one edge, and fade the part graphic onto the banner underneath....how?? thanks!
@@TeamRonDi I really enjoyed making this for my client, thanks! facebook.com/COELIblue/posts/845695936089718?__cft__[0]=AZUFUNL_Rp81VtwpOOCt912CLhTIzHlFoqYwYNJztmTXi1UAqCgT5Ay-gNBMAAVAI38686ZhZxTFnD5G3TGOmVAVxBcFdZObso7xnjFVYFjuN7j2EVuG-N2h0wO-YT_xbz-WoMcLv2C3wEYdbQTcm4cRK9BRsrkUdGD5ME-nXzh7D4flly57ByavwR5-4WgNG2juQeYC2oTNjEc8ceYYfob2&__tn__=%2CO%2CP-R
Can you update this video? I have Canva Pro and do not have the "gradient" category in elements. It's only in backgrounds and does not have the choice that you find in the video. I followed along and couldn't find anything that you found.
Yes things have changed since this video was shot almost 2 years ago. To find the gradient, search for "gradient that fades to transparency" via the Elements tab. Make sure to move to the "Graphics" tab. You should find it this ways 😊
how about the overlay gradient? doyou know how to recreate it? because I find this particular template with that effect where a gradient color spread only to certain region of the canvas but when I was trying to recreate it, I fail. First, I detach the overlay gradient from the BG, but when I was trying to paste or attach it again, it just spread throughout the canvas, which is different from the original template and effects
@@TeamRonDi how do i apply it? Ive tried sending to back/ward, pasting, merging to the main bg, locking but still it doesn't give me that same effect of spread out gradient.
Thnq sir for this information....but my gradient u have shown has nt comming saying faild to load the element n i done have laptop also...so how can i do it frm phn sir help me
Yes! This was just what I was looking for - but I had a question: On Canva is there any way to make the outline a photo fade to transparent? If so can you make a tutorial?
That's what I just wanted to ask. Shame there's no option, it's pretty basic tool you'd think :/ ANyway, this gradient to transparency is not very useful either, it only works in a square, if you cut it you loose a part of a gradient, and if you work in rectangular image you cannot "squeeze" gradient so it would work in narrow image (when you want the gradient to fade very quick from solid colour to completely transparent). You can see the guy in the video struggles with it, always too much white over most of the picture.
You'd have to apply this fading gradient from transparent to white and position that on your photo. The trick is to make it look natural (not seeing a clear line where it should blend).
Great video. Strangely though I can not find the Gradient Fades to Transparency that you reference in the Elements. I have the Pro version... and there a billion different elements... but that specific one does not seem to be available no matter what I search for or scroll through. Any ideas of how to find it?
It seems there's a temporary glitch since several people reported issues with the gradients these days. I'll make sure to raise that issue with Canva. I'm sure they'll fix this ASAP.
Hi thank you so much for your video. very helpful. but i have a problem. there is a edge line present on the gradient fade side of the element which i cant erase. so when the photo fades i see the edge line on it. i cannot get rid of that. pls help. thank you so much
I believe I address that issue in the video. The trick is to duplicate the fading gradient several times and to adjust the different layers so that line disappears.
I still can see a line at the edge of the photo when I align the gradient to its edge (and shift a little bit to the right) according to your instructions. What is going wrong? I am so frustrated.
@@TeamRonDi Hello! Thanks for responding. My screen at home on Windows10 did not show the purple thumbnail in order to switch it to white. However this morning at the office on my Linux machine it looks just like you explained it in the video. Problem averted! Thanks again for the response - I've subscribed to your channel.
I can get my image to look the way I want with this tool, but when I download it, the element (the gradient square) shows up. Why is this and how do I get rid of it? Thanks!
do you have a video explaining how to use a gradient to change the color of an element into a metalic looking color? I just want one element to have the color, not the whole picture
Trick : You can crop the gradient and put the selected part to remove the edge of images. Images won't blur and you'll have perfectly blur edge not image.
Well not really. Yes you can crop the gradient shape, but it chops off a part of your gradient, so e.g you loose a part of the solid colour or a part of transparent shape. So when you crop it, you don't get full gradient from solid to transparent. I wanted to use this to get fade out on the edges on my pics - when I want the picture to fade into black background - but I could not do it with this tool. Please correct me if I'm wrong.
Thank you so much this is what I needed I really want to erase the lines whenever I want a split screen background because those lines looks bad! I want my thumbnail video to look good 😊
This unfortunately only works with horizontal fade/certain shapes. When I try to do this for a vertical fade (photo on top fading to white underneath) the gradient element blown up that big to stretch across the bottom of the image (about 600 px) just does not work. I tried just putting multiple gradients next to each other, but there is a line between each one. I don't know why Canva doesn't just add a gradient feature that can be applied and edited to any piece in a design! They already have transparency and the ability to take out backgrounds, it seems this would be a simple addition.
I am also having trouble with a rectangular photo, fading white at the top. The gradient element is square so it's hard to get it the right shape for the photos. Anyone have ideas/hacks?
I ended up making one myself using powerpoint. I just made the slide the size I wanted, added a gradient with stops so that I would have transparent at the top and a color at the bottom. Then did save as a picture and made it a png. I uploaded it into Canva and it's perfect for my specific purpose.
For anyone watching this in 2022 and beyond: I had the same problem and here is the workaround I used. I found a more rectangular gradient. It looks electric blue along the bottom and black (clear) along the top. Put that over your photo with the blue part on the edge you want to fade. Select the gradient and click on edit image. Click on on duotone and choose one of the colors - I used cherry. Then change both colors of the duotone to white. Click apply.
Now, you will have what you need but the edge of your photo will still look like a hard line because that rectangle gradient is too clear. Select the (now white) gradient. Copy and paste several times. Arrange all the copies so they are sitting directly on top of each other. I also applied some square ones but just moved them down so that the edges were not on the edge of the photo. I just used the middle of the square to soften up the line of the edge of the photo.
I hope that makes sense.
just rotate it
@@MuffinManCult that doesnt work because the gradient takes up too much of the image in a rectangular image. Thats why everyone is having a conversation about it.
Mate, your videos have been answering so many questions that I have been looking for
So good to hear that!
This is awesome!! I couldn't remember how to do it, but at least I knew what I was looking for, I asked UA-cam and this video came up, just for me ;-) Thank you!
Glad I could help!
Thank you for asking the question Shona!
I know it is kinda randomly asking but does anybody know a good place to watch newly released series online?
@Ahmad Sebastian I would suggest FlixZone. You can find it by googling =)
As of June 2023, there are a number of graidnets that have been added, one being a white horizontal gradient, that works REALLY well for landscape oriented photos.
Yes, things have changed quite a bit, thanks for the tip 👍✨
Thanks. I've been trying this all afternoon and 30secs of your video I found it.
That's awesome to hear Keith 🥰
Thanks for this tutorial I've been trying to figure this out for a year.
Oh Wow a year!
I'm glad you found us then ✌️
Doesn't work for me. It doesn't fade to 100% so it has to cover the entire photo and so fades the entire photo, not just the edge. It also fades corner to corner, not side to side...?
That's pretty smart, I couldn't find the proper description of what this is called! Thanks
I needed this soo much! Thank you🥰🙏🏾
No problem 😊
thank you so muuchh 🤗
You're welcome Maria 💜
Thank you! 🙏🏾
You're welcome 😍
Great! Canva is the best tool I have ever encountered :)
That's nice to hear!
THANK YOU MAN ITS HELP A LOT
Thank you, great tip!
Welcome Glenn ❤️
This is so helpful.
Thanks dear 🫶✨
can't say how that is helpful enough for me , Really much much thanks sir
Our pleasure
So useful video Ronny :)
You're welcome!
Thank you, finally I find it something that I need, very helpful
This is so smart! THANK YOU!!!
You're welcome KemZi!
Wow, that's a fab hack for creating a gradient, thank you!!
You're welcome!
Thanks, this really was helpful :)
Glad to hear!
Wow it this amazing. Thanks!!!
Glad you like it Jarucha 💜
Thank you very much! Helped me a lot!
Awesome!
BRILLIANT!
Thank you soo much!! This was so helpful, exactly what I was looking for! :D
You rock! thanks!
Glad it helped 💛
Great video, super simple and helpful. Also showing the process of how you got there, really good teaching man. Thank you!!
Damn that beat slap at the end too lol
Yeah... Amazing as expected.. Thanks Ronny...🤓😇
My pleasure 😊
Thanks man.
Happy to help 😉
Lots of love
Glad it helped!
thank you a lot for the tips
thank you!! exactly what I needed!!!
So glad!!
Thank you! Perfect tutorial!!
HOW do you fade one image over the top of another, for example, a banner (full width) THEN add a graphic at one edge, and fade the part graphic onto the banner underneath....how?? thanks!
Thanks! Super helpful!
Glad it helped!
Super helpful!
So glad!
How that line of gradeint disappeared ??
Exactly what I was looking for. Thank you 😘
Is there a way to make it fade vertically, and not just horizontally?
Just flip it
This is great! Thank you so much for making this tutorial!
You're very welcome Jonathan!
AMAZING! Thank you! I've been wanting/looking for a way to do that in Canva forever!
Glad it helped!
@@TeamRonDi I really enjoyed making this for my client, thanks! facebook.com/COELIblue/posts/845695936089718?__cft__[0]=AZUFUNL_Rp81VtwpOOCt912CLhTIzHlFoqYwYNJztmTXi1UAqCgT5Ay-gNBMAAVAI38686ZhZxTFnD5G3TGOmVAVxBcFdZObso7xnjFVYFjuN7j2EVuG-N2h0wO-YT_xbz-WoMcLv2C3wEYdbQTcm4cRK9BRsrkUdGD5ME-nXzh7D4flly57ByavwR5-4WgNG2juQeYC2oTNjEc8ceYYfob2&__tn__=%2CO%2CP-R
This is great and very clear, thank you! Is there a way to fade ALL the edges of a photo, not just left-to-right or top-to-bottom?
I don't think so, unless you duplicate the gradient several times and rotate + adjust it.
thankss sir!
Great video thank you!
Glad it helped Travis!
Thank you so much. This is really helpful man
Glad to hear that Sachin!
Make sure you subscribe for more: bit.ly/YTcanva
@@TeamRonDi sure
Thank you thank you thank you!!!!!
you're welcome, you're welcome, you're welcome 😁😬
Thanks!
Welcome!
Can you update this video? I have Canva Pro and do not have the "gradient" category in elements. It's only in backgrounds and does not have the choice that you find in the video. I followed along and couldn't find anything that you found.
Yes things have changed since this video was shot almost 2 years ago.
To find the gradient, search for "gradient that fades to transparency" via the Elements tab. Make sure to move to the "Graphics" tab.
You should find it this ways 😊
Thanks so much for this video. Is it possible to fade the edge of a photo on top of another photo ?
This tip shows how to use the gradient only.
how about the overlay gradient? doyou know how to recreate it? because I find this particular template with that effect where a gradient color spread only to certain region of the canvas but when I was trying to recreate it, I fail. First, I detach the overlay gradient from the BG, but when I was trying to paste or attach it again, it just spread throughout the canvas, which is different from the original template and effects
You can find this gradient under the "Elements" tab by typing "gradient that fades to transparency"
@@TeamRonDi how do i apply it?
Ive tried sending to back/ward, pasting, merging to the main bg, locking but still it doesn't give me that same effect of spread out gradient.
Thnq sir for this information....but my gradient u have shown has nt comming saying faild to load the element n i done have laptop also...so how can i do it frm phn sir help me
Great. Thanks. well demonstrated. very beneficial.
Glad you enjoyed it Mohsin!
Thank you so so so much
No problem
Well, that was super helpful! Thanks.
Glad it was helpful!
Make sure you subscribe for more: bit.ly/YTcanva
How do I mix multiple colours in design a flyer?
We have a couple of tutorials about using colors on the channel:
ua-cam.com/video/ZbNnxODQZoU/v-deo.html
ua-cam.com/video/WWpHhzG9ve8/v-deo.html
Great quick video and extremely helpful!
Glad you think so Joseph!
Yes! This was just what I was looking for - but I had a question:
On Canva is there any way to make the outline a photo fade to transparent? If so can you make a tutorial?
Not that I know of...
That's what I just wanted to ask. Shame there's no option, it's pretty basic tool you'd think :/ ANyway, this gradient to transparency is not very useful either, it only works in a square, if you cut it you loose a part of a gradient, and if you work in rectangular image you cannot "squeeze" gradient so it would work in narrow image (when you want the gradient to fade very quick from solid colour to completely transparent). You can see the guy in the video struggles with it, always too much white over most of the picture.
Right that's why I clicked the video. The original example being shown is a photo that blurs on the edges. This tutorial is a different thing.
I love this, I just can't get it to work for my photo. I've been looking for a rectangular gradients, any suggestions?
What seems to be the problem?
There is a stark line where the transparent side starts on the photo. I want a gradual blur to white. How do I fix that?
by moving you gradient until you don't see that line, or duplicating the gradient several times and play with its position.
This should do the trick.
Thank u so much!
You're welcome!
can u give tutorial for fade between 2 image, not color?
great video even after 3 years
Glad you liked it Darrell, yes this video is ageing quite well.
Is it possible to put two fades on top of each other for portrait images? They never join
Not quite sure, but it's worth trying
for some reason when i change the color it stops being a 90º angle gradient to something like a diagonal one. Someone knows how to solve this?
I Ronny ….. I want to blend a picture from uploads without the box showing.thanks a fan of you and Canva Thanks Marcus
You'd have to apply this fading gradient from transparent to white and position that on your photo. The trick is to make it look natural (not seeing a clear line where it should blend).
Great video. Strangely though I can not find the Gradient Fades to Transparency that you reference in the Elements. I have the Pro version... and there a billion different elements... but that specific one does not seem to be available no matter what I search for or scroll through.
Any ideas of how to find it?
It seems there's a temporary glitch since several people reported issues with the gradients these days. I'll make sure to raise that issue with Canva. I'm sure they'll fix this ASAP.
@@TeamRonDi yep same here - was trying all day to figure this out. But guess it's a glitch that the element isn't available any more :(
Hi thank you so much for your video. very helpful. but i have a problem. there is a edge line present on the gradient fade side of the element which i cant erase. so when the photo fades i see the edge line on it. i cannot get rid of that. pls help. thank you so much
I believe I address that issue in the video. The trick is to duplicate the fading gradient several times and to adjust the different layers so that line disappears.
How do you crop it for a circle?
OMG, thank you for this perfect solution!!
No worries!
I'm trying to figure out how to get two pictures to actually blend together something similar like that to fade into each other
I see, you can't do that with Canva for now 🤔
@@TeamRonDi oh wow thank you so much that sucks thank you
I still can see a line at the edge of the photo when I align the gradient to its edge (and shift a little bit to the right) according to your instructions. What is going wrong? I am so frustrated.
It's hard for me to guide you without "looking over your shoulder"
How can you achieve this with vertical photos?
You can try rotating the gradient to match your vertical photo.
also leaves a line when you want to pull the transparency off the subject while in photoshop it blurs :(
The feature is not perfect, but I try to show how to make the best of it 😊
@@TeamRonDi I found a new gradient element which worked perfectly! its the dark black one!
Great vid.
🥰
Thank you so much! That was a PERFECT tutorial!!
Glad it was helpful!
Thank you
You're welcome
i cannot get to the menu where i can change the colour from the gaudaweful purple to white.
Hey there Jason, I'm not sure what you mean, could you explain? 🤔
@@TeamRonDi Hello! Thanks for responding. My screen at home on Windows10 did not show the purple thumbnail in order to switch it to white. However this morning at the office on my Linux machine it looks just like you explained it in the video. Problem averted! Thanks again for the response - I've subscribed to your channel.
When I drag the square larger, the transition moves from along one edge to the corner. Does anyone know how to lock the transition to one side?
Try double clicking on the gradient to reposition it.
great! heard graphic designers don't like canva now I know why
Thank you so much, that's just perfect... I really appreciate your video :)
You're very welcome!
what size of canvas is it? dimensions wise?
You can stretch that gradient to whatever size you like.
Another awesome video, learning so much everyday. Thank you!
Awesome, thank you!
there is no gradient element section. how do you unlock those
Search under "Elements > graphics" for "gradient that fades to transparency". It's still there, I just checked.
I can get my image to look the way I want with this tool, but when I download it, the element (the gradient square) shows up. Why is this and how do I get rid of it? Thanks!
Yes, this is still a work around, but you can get it right by positioning your gradient at the exact right spot.
I cannot find that "Gradient that fades to transparency" in Canva. It seems like they have removed it in the new version.
@Emily Hill I logged a support case with Canva today and they said they are now investigating. I will post an update here for you when I hear back.
But from where the change its shape I am not able to
I don't understand what you mean 😊
This is an awesome, perfect tutorial. This is the thing I was looking for. Thank you so much..!!
You're very welcome!
do you have a video explaining how to use a gradient to change the color of an element into a metalic looking color? I just want one element to have the color, not the whole picture
You cannot really apply texture to elements at this stage with Canva, hopefully in the future 🤞
I have searched and searched and I haven't been able to find the gradient you mention "gradient that fades to transparent"
I cant change the color after I click on the gradient. Why? any advice?
Not sure why Luis.
I just tried with that same element and it's working here.
Maybe try to contact Canva's support, this might be a bug on your side.
Its not transparent for me.. what am i doing wrong?
This is a great tutorial and exactly what I was looking for, but when I download the image, it doesn't have the fade. Any ideas?
It’s hard to say without seeing what you are doing. Could you post about this issue in ou FB community? (Link in the description of the video).
Trick : You can crop the gradient and put the selected part to remove the edge of images. Images won't blur and you'll have perfectly blur edge not image.
Great! :)
How do you crop the gradient?
Well not really. Yes you can crop the gradient shape, but it chops off a part of your gradient, so e.g you loose a part of the solid colour or a part of transparent shape. So when you crop it, you don't get full gradient from solid to transparent. I wanted to use this to get fade out on the edges on my pics - when I want the picture to fade into black background - but I could not do it with this tool. Please correct me if I'm wrong.
Can u do this video over because in 2021 this does not work
This gradient still exists in Canva, under elements.
Try looking for "Gradient that fades to transparent"
@@TeamRonDi I found it. Thanks
Thank you so much this is what I needed I really want to erase the lines whenever I want a split screen background because those lines looks bad! I want my thumbnail video to look good 😊
You're welcome, happy it helped ❤️
What font is this ?
I don't remember to be honest. This was made about 2 years ago 😅
@@TeamRonDi yea I seen my bad lol
ty
Welcome!
Thankuuuuuuuuuuuuuuuuuuuuuu Soooooo MucHHHHHHHHHHHHHHH
Youuuuuuuuuu are welcommmmmmmmmmmmmmme!!!
Canva, please up the gradient game!
They just did… but could still be better.
Have a look at this video: ua-cam.com/video/J2CiZ2uIU_s/v-deo.html
How to insert a picture in another picture in canva
Using different frames.