Как сделать размытый фон в канве
Перейти к содержимому

Как сделать размытый фон в канве

  • автор:

Как добавить фон в редакторе Канва и сделать квадратную обложку из прямоугольной для инстаграм

У вас бывает так, что фотографии, которые хотите использовать для обложки инстаграм, не квадратные, а прямоугольные? Я сталкиваюсь с этим постоянно! Самый оптимальный вариант – исправить это непосредственно на телефоне в редакторе InSHot. Но если вы привыкли работать на компьютере, то моя статья вам в помощь. Разобраться, как добавить фон к прямоугольному фото, изменить его, используя прозрачность, размытие, не сложно. Читайте далее.

Как добавить цветной фон в Канва

По умолчанию фон в создаваемых в Канве макетов, белый. Вставленная на негшо картинка выглядит примерно так, как на фото.

 Канва как добавить фон и сделать квадратную картинку

Для добавления фона в графическом редакторе канва есть специальная вкладка «Фон. Перейдите в нее и откроется дополнительная панель.

Как добавить фон в канве вкладка

Здесь есть палитра по умолчанию с набором основных цветов. Если вы ранее указали брендовые цвета, то они указаны в отдельной палитре. Ниже Канва предлагает подборку разнообразных текстур и фото, которые можно использовать в качестве фона. Бесплатные помечены, не ошибетесь.

Как изменить цвет фона

В палитру по умолчанию вы можете добавить свои цвета, кликнув на значок «+» «Цвет документа». Двигая маркер в цветовом круге и ползунок в выборе более темного или яркого оттенка подберите нужный цвет и он сразу отобразится фоном в шаблоне. Можете менять сколь угодно раз, все выбранные вами цвета сохранятся в палитре для данного шаблона.

добавление своих оттенков в канва

выбранный цвет в канва

В моем примере я растянула картинку на всю высоту, осталось много свободного места, которое можно заполнить как цветом, так и другим фото или фактурным фоном.

картинку по высоте

Вы можете двигать свою картинку, менять ее размер – выбранный фон от этого не изменится. Обратите внимание на пунктирные линии, которые указывают расположение картинки в тот момент, когда она находиться точно посередине

расположение картинки

Фон из бесплатной библиотеки текстур Канва

Для вставки шаблонной текстуры просто кликните по выбранной и она станет фоном макета. Вы можете изменить цвета выбранного шаблона в верхней панели инструментов.

вставка фактурного фона

Как сделать фоновое изображение

В качестве фона может служить и любая картинка, изображение из вашей личной папки. Перейдите в папку «Мое», выберите картинку, которую хотите поставить фоном и перетащите ее на макет.

добавим свою картинку фоном

Далее, если картинка меньше по размеру, чем макет, растяните ее. Как только она достигнет по одной из сторон размеров макета, то сразу встанет на место вашего фона.

Так можно вставлять фоном любую картинку. Теперь можете добавить надпись к вашему макету поверх фонового рисунка. О работе с текстами поговорим в другом уроке.

Как в канве сделать прозрачный фон

В предыдущем фото я добавила градиентный фон, скачанный из интернета. Он немного отличается от нужных мне оттенков. С помощью инструмента «прозрачность» я его немного «высветлю», чтобы получить более приемлемое конечное изображение.

Делаем картинку фон более прозрачным

К сожалению, совершенно прозрачный фон, который не будет виден в файле ПНГ при сохранении, в бесплатной версии Канвы сделать невозможно.

По умолчанию в макет Канвы ставится белый фон. При сохранении в *png он также остается белым. Кликните при сохранении на кнопку «подробнее», чтобы узнать о тарифах.

прозрачность фона

Как сделать размытый фон

Очень органично смотрится размытый фон, который будет в тех же оттенках, что и основное фото.

Для этого вставьте еще одну фото (или картинку), которую вы хотите «вписать» в квадрат. Сделайте ее размытой с помощью инструмента «Фильтр – размытие». Здесь же меняются такие параметры, как яркость, контраст, насыщенность.

размытие фона

Размытую картинку остается лишь увеличить в размерах до формы макета, и она сама встанет на место фона.

растянуть размытый фон

Фоны Канва для презентаций, буклетов и других документов

Редактор Канва онлайн облегчит вам жизнь, если нужно сделать презентацию, визитку или другой документ, а у вас нет ни идей, ни картинок. При входе в канву на первом экране выберите соответствующий макет и в нем вы найдете массу готовых шаблонов с дизайнерскими решениями. Фоны, шрифты, картинки и прочее уже вставлены в макеты, согласованы по цветам, вам остается только пользоваться.

выбор макета

выбор макета для презентации

Все инструкции по работе в графическом редакторе Canva найдете в рубрике «canva com».

How to Blur the Background of Photos Using Canva

canva, canva blur, canva blur the image, canva blur image background, canva tutorial, Blur Your Photo Online With Canva, canva blur part of image, blur edges of a photo in canva, canva design, How do I blur an image in Canva, Is there a blur tool in Canva, How do you blur the background in Canva

Disclosure: Some of the links below are affiliate links, meaning that at no additional cost to you, I will receive a commission if you click through and make a purchase. For more information, read our full affiliate disclosure here .

If you don’t already have Canva, try it for free! Canva makes it ridiculously simple to create blog banners, edit photos, and design social media marketing content. It is also one of the few blogging tools that I use on a daily basis.

CASEY BOTTICELLO

Founder, Blogging Guide

Introducing a background blur to your photos can draw attention to a specific subject, such as an individual in a portrait or an item in a still life, while adding a professional flair to your image. This beautiful background blur, also known as bokeh, can be achieved even after shooting your photo, thanks to advances in free photo editing software, such as Canva.

Below is an example of a photo that has a shallow depth of field, where the subject is kept sharp but everything in front and behind of it is blurred:

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course

As you can see, the light bulb (the focus of the image) is sharp, while the background is quite blurry.

However, this effect was created by the photographer. What if we wanted to blur the background of an otherwise clear image, such as the example below:

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course

In the image above, there is some natural blurring of the background, but it is still clearly visible. However, we can use Canva to increase the blur effect of the background, highlighting the woman in the foreground:

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva example, canva tutorial, canva ebook, canva course

Steps to Blur the Background of a Photo in Canva

For the purposes of this Canva tutorial, we will be recreating the image seen above, although the blur can be applied to any image background.

1. Select Your Image

Canva offers a wide selection of images. Select an image in Canva. In this example, we’ll use one of Canva’s free images. You can find this image by searching for “woman looking out the window” under the photos section of Canva:

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva steps

2. Drag Image / Maximize Image in Canva

Next, we will add the image to our screen in Canva. You can do this by clicking on the image and dragging it onto the white background so that the image maximizes and becomes the background image:

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva faqs

3. Blur the Background Image

Next, we are going to blur the background image. To do this, first click on the image and then click on adjust. This will open up the adjustment menu. By default blur will be set to 0. Increase the blur number to intensify the image blur. For the purposes of this example, I used a blur value of 25.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, how to blur the background in canva

4. Add a Second Copy of the Image

Next, we are going to go back under photos and single click on the same photo. Do not maximize this image. You should now have the first image blurred in the background with a smaller sized image (with no blur) sitting on top of it, as seen below:

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva blur, how to blur on canva

5. Insert Newly Created Image

The next step is to remove the background from the smaller (unblurred) image. To do this, click on the smaller image, click on effects, and click on background remover.

Note : This method only works for Canva Pro users. If you have the free version of Canva, and want to make you image background transparent, you can use RemoveBG as a free alternative.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva review

6. Adjust the Size of Smaller Image

Your smaller image should now have a transparent background. Next, we need to increase the size of the smaller image so that it is slightly larger than the background image.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva adjust image size

7. Drag Clear Image Over the Blurred Background Image

We can now drag the clear image of the woman over the blurred background. Make sure that the clear top layer image is slightly larger than the blurred background image. Center the clear image so that it completely covers the background image.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva blur effect

Final Product

Once you have successfully aligned the clear image of the woman over the blurred background, you will now have an image with the woman in the foreground (with a sharp focus) surrounded by a blurred background. You can click on the background and adjust the blur settings to meet your specific design needs.

canva tips, canva tricks, canva design, canva tutorial, canva blur background, canva blur, blurring canva, how to use canva, canva guide, canva tutorial, canva ebook, canva course, canva screenshot

Conclusion

Canva is an amazing graphic design tool, and I hope you found this tutorial covering how to blur the background of photos using Canva! Click here to read our comprehensive Canva Guide. If you are interested in downloading Canva or trying Canva Pro for free, click here. Below are several related Canva tutorials that you might find useful:

Есть ли в Canva инструмент размытия?

Насколько мы можем судить, в Canva нет инструмента размытия. Если вы хотите размыть изображение, вам придется использовать сторонний инструмент редактирования, например Photoshop.

Тем не менее, есть несколько способов добиться подобного эффекта в Canva.

Например, вы можете добавить к изображению фильтр. В Canva есть несколько встроенных фильтров, в том числе один под названием «Размытие по Гауссу». Чтобы применить фильтр, просто нажмите на изображение, затем перейдите на вкладку «Фильтры» в правом верхнем углу экрана.

В качестве альтернативы можно обрезать изображение так, чтобы часть, которую вы хотите размыть, не была видна. Конечно, на самом деле это ничего не размывает, но может создать иллюзию размытия.

Наконец, вы можете использовать функцию Canva «Волшебный размер», чтобы уменьшить изображение. Это также может создать иллюзию размытия, так как сделает детали изображения менее заметными.

Вывод

Итак, хотя в Canva нет инструмента размытия, есть несколько способов добиться похожего эффекта. Если вам нужно размыть изображение по какой-либо причине, попробуйте использовать один из описанных выше методов.

Как размыть часть изображения на Canva (8 шагов)

Cathy Daniels

Cathy Daniels

Если вы хотите размыть часть изображения, которое вы включаете в свой проект Canva, вы можете сделать это, добавив элемент на холст и затем отредактировав его с помощью дополнительной панели инструментов. Когда вы нажмете на функцию «Размытие», вы можете использовать инструмент для перемещения по тем частям изображения, которые вы хотите размыть.

Привет! Меня зовут Керри, и я художник, который любит пробовать все трюки и хаки, когда дело доходит до дизайна на Canva. Мне нравится делиться этими техниками со всеми вами, поскольку это экономит время и позволяет пользователям действительно повысить уровень своих проектов и навыков — как для новичков, так и для профессионалов!

В этом посте я расскажу, как можно размыть часть изображения, которое вы добавили в свой проект на Canva. Это ценный инструмент, который необходимо изучить для дальнейшей настройки дизайна и подчеркивания определенных аспектов элементов, которые вы хотите добавить или скрыть в своих проектах.

Вы готовы приступить к изучению этой техники редактирования фотографий? Отлично — приступим!

Основные выводы

  • Если вы хотите размыть часть фотографии на Canva, щелкните на добавленном изображении, и в верхней части холста появится дополнительное меню. Щелкните на нем, и появится функция «Размыть».
  • Выбрав эту опцию, вы сможете размыть некоторые аспекты фотографии, щелкнув мышью или трекпадом и наведя курсор на те части изображения, которые вы не хотите видеть в фокусе.
  • На той же панели инструментов можно восстановить отдельные части фотографии. Нажмите на опцию «Восстановить» и следуйте тому же методу перетаскивания и выделения, что и при размытии частей фотографии, только на этот раз эти части будут возвращены в фокус.

Зачем размывать части изображения

Возможно, вы задаетесь вопросом, зачем размывать определенную часть фотографии на Canva или где-либо еще. Ну, хотя для этого есть много причин, размытие части изображения — очень полезная функция.

Вы можете сделать это, чтобы скрыть конфиденциальный контент или защитить чью-то личность. Вы также можете сделать это, чтобы сделать акцент на определенной части изображения. Каковы бы ни были ваши причины, Canva позволяет пользователям создавать размытие для всего элемента или фотографии.

Как размыть часть изображения на Canva

На самом деле создать свою собственную визитную карточку на Canva очень просто, поскольку здесь есть множество готовых шаблонов, которые вы можете использовать и адаптировать под свою информацию. (Конечно, вы также можете выбрать пустой шаблон визитки и создать свою с нуля).

Выполните следующие шаги, чтобы узнать, как размыть часть изображения на Canva:

Шаг 1: Сначала войдите в Canva, используя свои обычные учетные данные. Откройте новый шаблон или существующий холст, над которым вы работаете.

Шаг 2: Находясь на холсте, выберите изображение, которое вы хотите включить в свой проект. Это можно сделать, используя элементы, которые уже загружены в библиотеку Canva (их можно найти на вкладке «Элементы»), или загрузив свои собственные изображения.

Вы можете загрузить свой собственный, перейдя на страницу Загрузка вкладку и добавление любой графики с вашего устройства в учетную запись.

Помните, что любой шаблон или элемент на Canva с маленькой короной означает, что вы можете получить доступ к этому элементу, только если у вас есть платная подписка, такая как Canva Pro или Canva для команд .

Шаг 3: Щелкните изображение, которое вы хотите включить в свой проект, и перетащите его на холст. Измените размер или ориентацию элемента, щелкнув его и используя угловые круги для его поворота или изменения размера.

Шаг 4: Когда вы будете удовлетворены своим изображением, щелкните по нему, чтобы в верхней части холста появилась дополнительная панель инструментов редактирования. Щелкните по кнопке Редактировать изображение и на экране появятся варианты эффектов, которые можно добавить к фотографии.

Шаг 5: В этом меню прокрутите вниз и нажмите на кнопку в верхней части холста с надписью Пятно . Нажмите на эту опцию, чтобы активировать инструменты редактирования, а затем выберите опцию размытия.

Шаг 6: После этого появится другое меню, в котором можно настроить различные аспекты функции размытия, включая размер кисти, интенсивность и часть изображения, на которую воздействует этот эффект.

Шаг 7: После того, как вы установите нужные вам параметры кисти, нажмите левой кнопкой мыши или трекпада и перетащите курсор на область, которую вы хотите размыть. После этого вы увидите, как над выделенной областью появится выделение Canva, после чего вы можете отпустить мышь.

Шаг 8: Вы увидите, как выделенная область станет размытой. (Это похоже на инструмент стирания, который можно использовать, если у вас есть подписка Canva Pro).

Если вы допустили ошибку и случайно закрыли часть изображения, которую не собирались закрывать, вы можете нажать на кнопку восстановления, которая находится под настройками размытия в меню редактирования, и выделить те части изображения, которые вы хотите восстановить.

Заключительные размышления

Мне нравится, что Canva предлагает пользователям возможность редактировать изображения, которые они используют в своих проектах, еще больше, чтобы выделить или размыть те аспекты, которые они не хотят включать. Это усиливает настройку и может добавить некоторые действительно классные эффекты в проекты, поскольку платформа позволяет выделить или скрыть аспекты, которые не соответствуют вашему видению по какой-либо причине.

Пробовали ли вы когда-нибудь творить с помощью функции размытия на Canva? Нам интересно узнать, в каких проектах вы использовали эту технику и есть ли у вас какие-либо советы или хитрости, которыми вы хотели бы поделиться! Если вы хотите внести свой вклад в разговор, пожалуйста, поделитесь своими мыслями в разделе комментариев ниже!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *