Как вставить фон в канве
Как добавить фон в редакторе Канва и сделать квадратную обложку из прямоугольной для инстаграм
У вас бывает так, что фотографии, которые хотите использовать для обложки инстаграм, не квадратные, а прямоугольные? Я сталкиваюсь с этим постоянно! Самый оптимальный вариант – исправить это непосредственно на телефоне в редакторе InSHot. Но если вы привыкли работать на компьютере, то моя статья вам в помощь. Разобраться, как добавить фон к прямоугольному фото, изменить его, используя прозрачность, размытие, не сложно. Читайте далее.
Как добавить цветной фон в Канва
По умолчанию фон в создаваемых в Канве макетов, белый. Вставленная на негшо картинка выглядит примерно так, как на фото.
Для добавления фона в графическом редакторе канва есть специальная вкладка «Фон. Перейдите в нее и откроется дополнительная панель.
Здесь есть палитра по умолчанию с набором основных цветов. Если вы ранее указали брендовые цвета, то они указаны в отдельной палитре. Ниже Канва предлагает подборку разнообразных текстур и фото, которые можно использовать в качестве фона. Бесплатные помечены, не ошибетесь.
Как изменить цвет фона
В палитру по умолчанию вы можете добавить свои цвета, кликнув на значок «+» «Цвет документа». Двигая маркер в цветовом круге и ползунок в выборе более темного или яркого оттенка подберите нужный цвет и он сразу отобразится фоном в шаблоне. Можете менять сколь угодно раз, все выбранные вами цвета сохранятся в палитре для данного шаблона.
В моем примере я растянула картинку на всю высоту, осталось много свободного места, которое можно заполнить как цветом, так и другим фото или фактурным фоном.
Вы можете двигать свою картинку, менять ее размер – выбранный фон от этого не изменится. Обратите внимание на пунктирные линии, которые указывают расположение картинки в тот момент, когда она находиться точно посередине
Фон из бесплатной библиотеки текстур Канва
Для вставки шаблонной текстуры просто кликните по выбранной и она станет фоном макета. Вы можете изменить цвета выбранного шаблона в верхней панели инструментов.
Как сделать фоновое изображение
В качестве фона может служить и любая картинка, изображение из вашей личной папки. Перейдите в папку «Мое», выберите картинку, которую хотите поставить фоном и перетащите ее на макет.
Далее, если картинка меньше по размеру, чем макет, растяните ее. Как только она достигнет по одной из сторон размеров макета, то сразу встанет на место вашего фона.
Так можно вставлять фоном любую картинку. Теперь можете добавить надпись к вашему макету поверх фонового рисунка. О работе с текстами поговорим в другом уроке.
Как в канве сделать прозрачный фон
В предыдущем фото я добавила градиентный фон, скачанный из интернета. Он немного отличается от нужных мне оттенков. С помощью инструмента «прозрачность» я его немного «высветлю», чтобы получить более приемлемое конечное изображение.
К сожалению, совершенно прозрачный фон, который не будет виден в файле ПНГ при сохранении, в бесплатной версии Канвы сделать невозможно.
По умолчанию в макет Канвы ставится белый фон. При сохранении в *png он также остается белым. Кликните при сохранении на кнопку «подробнее», чтобы узнать о тарифах.
Как сделать размытый фон
Очень органично смотрится размытый фон, который будет в тех же оттенках, что и основное фото.
Для этого вставьте еще одну фото (или картинку), которую вы хотите «вписать» в квадрат. Сделайте ее размытой с помощью инструмента «Фильтр – размытие». Здесь же меняются такие параметры, как яркость, контраст, насыщенность.
Размытую картинку остается лишь увеличить в размерах до формы макета, и она сама встанет на место фона.
Фоны Канва для презентаций, буклетов и других документов
Редактор Канва онлайн облегчит вам жизнь, если нужно сделать презентацию, визитку или другой документ, а у вас нет ни идей, ни картинок. При входе в канву на первом экране выберите соответствующий макет и в нем вы найдете массу готовых шаблонов с дизайнерскими решениями. Фоны, шрифты, картинки и прочее уже вставлены в макеты, согласованы по цветам, вам остается только пользоваться.
Все инструкции по работе в графическом редакторе Canva найдете в рубрике «canva com».
Canva — это простой и удобный сервис для графического дизайна.
Он даёт пользователю доступ к встроенной библиотеке шаблонов, стоковых фотографий, иллюстраций и шрифтов.
Для работы в «канве» (сайт https://www.canva.com/) вам достаточно одного лишь вашего браузера (на компе или даже на телефоне) и хотя бы час свободного времени.
Кроме обложек в сервисе можно делать плакаты, постеры, анимированные открытки и ещё много всякой всячины. Но, так как портал наш литературный, мы с вами будем делать обложки. Делать будем пошагово и на ПК. С него и скрины.
Кнопка регистрации в правом верхнем углу сайта.
2. После того, как вы зарегистрируетесь, в правом верхнем углу вместо кнопки «регистрация» появится кнопка «создать дизайн«. Жмём на неё. Перед вами появится всплывающий список с разными вариантами. Нам с вами нужен вариант «Обложка книги»
Если у вас в списке первым пунктом не всплывает «обложка книги», как у меня, тогда просто напишите в поле поиска:
Выполнив первый шаг, мы с вами попали в основное рабочее пространство Канвы.
Перед вами пустой лист, а слева вспомогательная боковая панель, на которой есть возможность выбрать готовый шаблон для вашей книги. Шаблоны поделены по жанрам. Для удобства их можно листать стрелочками.
Итак, мы выбрали шаблон. Теперь будем его редактировать.
Так как фотографий тут тьма тьмущая, я советую пользоваться поиском.
Теперь фона у нас нет, есть только белый лист и надписи, которые остались от шаблона (нижнюю надпись пока не видно т.к. шрифт у меня белый). Выбираем новый фон из понравившихся фото:
На понравившуюся фотографию достаточно разок кликнуть. Или можно перетащить ее мышкой на наш белый лист.
Размер фотографии (как и любого элемента) можно менять:
Другие горячие клавиши (например «копировать» Ctrl + C или «вставить» Ctrl + V) так же поддерживаются Канвой.
Почему так получилось? Просто мы ее перекрыли фотографией. Чтобы это исправить нужно снова кликнуть на установленную в качестве фона фотографию, а затем на верхней панели нажать кнопку «Расположение» и переставить фон на задний план. Это достаточно легко:
я на своем примере использовал кнопку «назад», а можно сразу выбрать «на задний план»
Если вы сделали все правильно, теперь у вас на обложке ваш фон и надписи, которые остались с готового шаблона:
Для того, чтобы сменить имя автора и название из шаблона на свои собственные нужно сделать следующее:
Пока остановимся на выборе шрифта:
Я решил оставить надписи белыми, а вот тени добавлю. Для этого на верхней панели есть кнопка эффекты.
Параметры каждого эффекта можно оставить по умолчанию или настроить самостоятельно.
В итоге у меня получилась вот такая картинка:
2. Увеличил имя автора и решил еще немного доработать фотографию, которая у нас взята в качестве фона: для этого на картинку нужно кликнуть и в меню верхней панели выбрать фильтры (уже готовые фильтры, как например в Инстаграме) или настроить (вручную). Я предпочитаю настраивать вручную:
Для простенькой тестовой я обложки остался доволен результатом.
Теперь работу нужно сохранить:
В правом верхнем углу есть кнопка «скачать». Жмем на нее и видим всплывающее окно. Тут проставляем необходимые параметры:
Итак, обложка скачана. Вот два варианта, которые у меня сегодня получились (специально в маленьком размере):
Теперь немного важной информации:
Канва автоматически сохраняет ваш процесс работы. Это значит, что если вы случайно закрыли ваш браузер, вы можете потом заново зайти на сайт, и на главной странице обнаружить вашу обложку в разделе «Ваши дизайны«. Кстати она там останется и после того, как вы закончите с ней работать. Ваши шаблоны сохраняются на вашей учетной записи.
Поэтапно, чтобы сделать обложку вам нужно:
Наглядно одним скрином:
Оформляем посты и сторис Инстаграм с помощью сервиса Canva
Графический редактор Canva – отличный инструмент для оформления социальных сетей. Рассказываем, как создавать обложки для постов, сторис и делимся полезными функциями сервиса.
Canva для социальных сетей
Возможности сервиса помогут для оформления:
Кроме того, в Canva создаются макеты для рекламы в социальных сетях. Также, мы уже разбирали пошаговые инструкции по созданию в Canva логотипа, буклета и подарочного сертификата. Там же мы разобрали, как начать пользоваться Канвой.
Размеры изображений для соцсетей
Каждая площадка, для которой создается графический дизайн, выдвигает требования относительно размера изображения и их нужно учитывать при создании графики. В Канве есть ряд шаблонов, где уже учтены требования социальных сетей, но не все, поэтому рассмотрим размеры распространенных изображений:
Из всех приведенных социальных сетей и платформ, самой визуально наполненной является Инстаграм. Для салонов красоты, мастеров, студий, парикмахерских оформление Инстаграм – отличная визитка, поэтому дизайну требуется уделять пристальное внимание.
Оформление постов Instagram: Пошаговая инструкция
Почему важно делать гармоничную ленту? Потому что это первое, что видит клиент, переходя на страницу. Как и в других направлениях, в оформлении постов есть модные тенденции. Например, раньше были популярны эстетичные ленты в стиле минимализм в спокойных пастельных или приглушенных оттенках, а еще чуть раньше на пике была бесконечная лента.
Мода изменчива и за всеми трендами не угнаться, да и клиенту не важно – модно оформлен твой профиль, или нет. Главное – информативность, понятность и гармония.
Несколько вариантов оформления ленты постов:
Примеров есть еще сотни, но тут самое важное, что практически все идеи можно реализовать в Canva даже без дизайнерских навыков и умения работать со сложными редакторами.
Обложка для поста мастера маникюра
Перейди на главную страницу редактора Канва и нажми кнопку «Создать» и выбери «Публикация в Instagram». Автоматически к холсту будет применен оптимальный размер 1080*1080 пикселей.
Если ввести в графу поиска «Instagram», система предложит несколько разных шаблонов для этой социальной сети. Там есть разные варианты и по формату – пост, сторис, и по событиям – перед 8 марта были шаблоны, связанные с этим праздником, сейчас предлагается пасхальная тематика.
В левой части экрана откроется каталог шаблонов – оттуда можно взять понравившуюся идею и настроить ее под себя, либо создать собственный дизайн с нуля. По каталогу шаблонов осуществляется поиск – вбивай в поисковую строку ключевые слова – красота, салон красоты, волосы, маникюр и так далее.
Для мастера маникюра попробуем создать 6 обложек для постов с чередованием текстовых и обычных изображений.
Нужную рамку размести на холсте, растянув до нужного размера левой кнопкой мыши.
Чтобы добавить фото внутрь рамки:
Выбранную картинку зажми левой кнопкой мыши и перетащи в рамку.
Чтобы изменить положение картинки внутри рамки, кликни по фото дважды. Заменим белый фон на цветной – левой кнопкой мыши щелкни в любом пустом месте и перейди в палитру.
По тому же принципу сделаем еще 2 фото, чтобы затем чередовать их с текстовыми обложками.
Теперь текстовые картинки. Основная задача – сочетать их с графическими постами желтого цвета, ну и, конечно, сделать визуально понятными и читаемыми, поэтому используем только 1 шрифт и делаем текст достаточно крупным. Важно, чтобы содержание прочитывалось не только при открытии поста, но и в общей ленте Инстаграм, поэтому текста по минимуму – только суть.
Чтобы добавить страницу, нажми на соответствующую кнопку.
Фон новой страницы по умолчанию будет таким же, как на предыдущих холстах, но он легко удаляется нажатием кнопки Delete на клавиатуре.
Сначала вставим текст, чтобы потом понимать, куда и каких элементов добавить. Текст добавляется в соответствующем разделе. Изначально можно не углубляться в поиск нужного шрифта – он изменяется в любой момент. То же самое касается размера.
Чтобы добавить дополнительные детали, перейди в раздел «Элементы» и в строке поиска введи ключевой запрос. Довольно большой выбор иконок и на бесплатном, и на платном тарифе.
Выбранное изображение перетаскивается зажатием левой кнопки мыши или просто одним кликом мышки.
Иконки редактируются:
В цветовой палитре уже выделены в отдельную категорию использованные ранее цвета – это удобно, так как не нужно подбирать оттенок.
Меняется и прозрачность:
Все остальные элементы ищутся и редактируются по тому же принципу.
Чтобы изменить шрифт – выдели текст, нажми на название шрифта и в открывшемся окне выбери нужный вариант написания. В строке поиска также можно найти подходящий шрифт по разным критериям – жирный, наклонный, рукописный.
В строке инструментов над холстом меняется:
В дополнительном меню:
Если остальные обложки нужно изменить незначительно, то созданный дизайн легко скопировать на другие листы.
На холсте, кроме всех упомянутых ранее настроек, есть функция смены плана элемента – перенос конкретного фрагмента на передний ил задний план – выдели элемент дизайна, нажми правую кнопку мыши и выбери подходящий вариант размещения.
В последний момент было решено поменять фон с желтого на белый. К счастью, сделать это можно за пару секунд. Теперь осталось сохранить полученные обложки.
Для обложек Инстаграм оптимальным вариантом будет файл PNG – это фото высокого качества. После этого остается только выложить посты по очереди – 1 пост с текстом, другой только с фото, чтобы получить шахматный порядок.
Лента для бизнеса
Для beauty-бизнеса можно использовать все те же варианты, что и для мастера маникюра. Главное – гармония и информативность. Чтобы освоить сразу все функции Canva, разберемся, как сделать обложку поста в черно-белом цвете, а также как сделать прозрачный фон.
Чтобы сделать фото черно-белым:
Настрой фильтр для всех картинок.
Как сделать прозрачный фон для второй тройки картинок:
В результате фон картинки удалится и останется только объект первого плана.
Иногда функция работает не так, как нужно – например, удаляет нужные части на фото. В этом случае используй кисть «Восстановить», которая появляется в левой части экрана после использования функции.
Также есть кисть «Стереть», если автоматически не удалились лишник фрагменты фото.
На все полученные картинки можно добавить текст, иконки, фильтры. После завершения работы остается только сохранить их в формате PNG и разместить в ленте Инстаграм.
Оформление Stories
Чтобы выделиться среди конкурентов, можно оформить в Canva и истории – например, сделать их в одном стиле с оформлением профиля или добавить какие-то необычные элементы. Благодаря последним обновлениям сервиса, можно создавать не только статичные картинки, но и анимированные – идеальный инструмент для повышения вовлеченности в Stories.
Если по умолчанию этого пункта среди предложенных нет, воспользуйся поисковой строкой и введи туда «Instagram». Если идей нет совсем – выбирай понравившийся шаблон из предложенного каталога – там есть варианты по событиям, категориям. Для поиска вводи ключевые слова в поиск.
Наша задача – разобраться с анимацией, поэтому возьмем готовый шаблон и добавим в него движений. Анимация применяется на весь холст, то есть на все размещенные на нем элементы. Создай дизайн или используй готовый вариант из шаблона, настроив его под себя;
На панели инструментов также можно настроить продолжительность показа – от 0,1 до 30 сек.
Сохранить полученный файл нужно в формате MP4, однако доступен он только на тарифе PRO или за дополнительную разовую плату.
Кроме анимированных сторис в Canva можно создать и обычные статические картинки – свободные окна для записи, какие-то заметки, просто фото с текстом.
Видеоформат не ограничивается анимацией – во внутренней галерее Canva есть целый раздел с видео разной длины, а также возможность загружать собственные ролики, чтобы затем накладывать на них фильтры, текст, иконки, звук.
Галерея видео находится в соответствующем разделе основного меню. Там есть тематические подборки, а также поиск по словам, но учитывай, что все видео там горизонтальные, а значит для сторис их применять не удобно.
А вот собственное видео, снятое уже в нужной ориентации, вполне получится дополнить. Загрузка видео осуществляется там же, где и фото – в меню «Загрузка». Для видео доступны все те же функции, что и для статичных изображений.
Есть также аудиоподборка и возможность загрузить свою звуковую дорожку, чтобы затем наложить ее на макет.
Полезные функции и лайфхаки
Функционал сервиса мы разобрали, и теперь ты можешь создавать собственный дизайн для брендирования социальных сетей.
Чтобы работа была еще проще – 6 полезных возможностей Canva, о которых не все знают:
Делиться можно также в Facebook, Twitter, Pinterest и отправлять в электронные хранилища – Гугл Диск, Dropbox, One Drive.
После настройки цвета и шрифты будут отображаться отдельной категорией при работе в редакторе, а также в разделе «Стили» в боковом меню.
Поделись своим опытом использования Канвы или задавай вопросы!