![]() In our example, we're going for a more orange-red color by manually dragging the circle around in the color choice section. When creating this effect, we can tweak the colors to whatever shade suits us. Tweaking the colors in the duotone effect If you like, you can create this effect on multiple images in bulk and then upload them all at the same time to Squarespace. This is such a quick and handy effect to create different styles. This image gives us a very different look and feel from the original image. We can see with Canva's default color swatches that instantly changing the highlight color to a red/pink has a big impact, especially with the color of the shadows as black to create that contrast. When creating a duotone effect, we need one light color. In order to change the colors of our duotone effect, once we have applied it, click on the color next to highlights or shadows and select a suitable color. For example, we have quite a few oranges and reds on our site to really bring out that 'danger' element of motocross so we might choose our duotone effects to complement this. Since the duotone images we're creating here are going to be applied to this website, we should make our duotone colors complement the colors already on our site. Remembering what we did in chapter three of this course, we used the motocross theme to create splatter frames and applied these to our trial Squarespace website. It's really that simple, we pick an effect and apply it. Then we can start trying out different duotones, for example, peppermint. Here you will see the series of stylistic options, one of which being the duotone effect. ![]() Applying the duotone effectĬlick on the first image and select 'edit image'. Once we have three images, we're ready for the next step. The reason we're going for such contrasting images is to demonstrate how this can evolve once we've added in our duotone effect. Some different styles to choose from might include close-up images, images where the subject is further away, silhouette style images, and so on. In this example, we're deliberately picking images that are quite different. Below are the examples we used in this tutorial. Find a suitable image and then click and drag the image to resize it so it fills the design area. This time we're aiming to find a few different examples. Head to the photos section of Canva and search Canva's image library for motocross images. We're heading back to our motocross theme for this tutorial. This is where we need to try and find the balance between those two so a bit of trial and error may be needed. Going with 600 x 400 is a nice size to fit across without any pixelation or distortion on the image or the other way around having an image that's so large that even though Squarespace's own resizing and compression tools it still might be loading an image size that's larger than it needs to be. ![]() We're aiming to create three panels of images across our Squarespace page so we're going to be repeating this effect on multiple images. We might normally use 300 x 200 pixels for a design, but this will be too small in this case. If you're going to need larger images, you can just scale up the size, locking in the ratio. In this example, we're going to use 600 x 400 pixels. Head over to Canva and create a new graphic by selecting custom size and then selecting a width and height that works with a 3:2 ratio. Since this is a Canva course with application to Squarespace, we thought it'd be a great opportunity to demonstrate Canva's utility in this scenario. This method is a bit long-winded and the way we're going to achieve the effect is far, far better. ![]() There are a couple of blue tones that you can convert those banner images to have a black and white image with the blue tone overlaying on top of it. You can achieve this effect in Squarespace's image editor, where you change the saturation right down to a black and white photo and then you can use multiple filters. The duotone effect is an image editing effect where we use two tones of the same color within a photo. We've covered a lot so far, so if you've missed any of the previous chapters, check out the PixelHaze YouTube channel or the PixelHaze Academy blog. ![]() Welcome to the fifth chapter in our Combining Canva with Squarespace free course. In this tutorial chapter, we're going to learn about the duotone effect for images in Canva. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |