10 фишек, которые используют продвинутые дизайнеры в Canva

как пользоваться Canva баннер

Разборы из этой статьи будут интересны тем, кто уже знает, как пользоваться Canva, освоил базовые и некоторые дополнительные возможности графического редактора. Хотите попробовать новые неочевидные приемы для редактирования шаблонов и научиться создавать крутые дизайны с чистого листа? Читайте и смотрите в оба!

Переходите к интересующей части статьи, чтобы узнать, как сделать:

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

Как сделать необычное совмещение заголовка и фото

Свобода в творчестве и самовыражении — то самое чувство, которое вдохновляет многих заниматься графическим дизайном. Но и без насмотренности в этом деле никуда. Здесь и далее мы предлагаем внимательно рассмотреть картинку, а затем «заглянуть в монитор дизайнера» — посмотреть видео, как она создавалась.

В этой картинке с крупным заголовком кажется необычным, что нога модели проходит сквозь букву «О». Благодаря этому весь дизайн смотрится объемным и живым. Как это сделано, смотрите на видео ниже. Если хотите разобрать картинку по отдельным элементам или отредактировать ее, жмите на кнопку «Использовать этот шаблон».

Основной секрет дизайна этой картинки — инструмент для удаления фона «Background Remover». Его вы найдете в разделе «Эффекты» для обработки фото.

Второй секрет кроется в управлении слоями. Мы собрали эту картинку из 4 слоев. Первый слой — фоновое фото с облаками и ветвями пальмы. Второй и четвертый слои — одно и то же фото, обработанное в «Background Remover». Третий слой — заголовок.

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

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

Как сделать объемный заголовок с тенями в стиле ретро

Текст может быть не только дополнением, но и основой объемного дизайна. Чтобы создать такой заголовок с длинными разноцветными тенями, придется потрудиться. Но мы готовы поспорить, что процесс вас затянет, и вы захотите использовать этот неочевидный прием в графическом дизайне чаще.

Первый секрет этого дизайна в правильно подобранном шрифте. Он должен быть без засечек и с прямыми буквами, как Bebas Neue Cyrillic в нашем случае. Смотрите больше образцов в подборке «101 красивый шрифт бесплатно — лучшее для дизайна в Canva».

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

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

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

Заголовок в две прямые параллельные строки может казаться скучным. И это можно изменить, если изучить некоторые неочевидные возможности Canva.

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

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

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

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

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

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

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

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

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

Финальным штрихом мы добавили на передний план декоративные элементы в виде травы и также сделали их немного размытыми.

Как сделать дизайн с таймлапсом

Сочетание таймлапс-видео со статичными картинками и фото — отличное решение для соцсетей. Подобные примеры графики в ленте работают как ай-стопперы — останавливают внимание пользователей.

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

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

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

В завершение поверх всех слоев добавили текстуру, напоминающую хлопья снега. Настоящий фристайл в дизайне!

Как сделать заголовок из видео

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

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

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

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

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

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

Как сделать мигающую неоновую надпись

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

Здесь картину делают не столько неочевидные функции Canva, сколько правильная последовательность и техника. Чтобы создать подобный дизайн, нужно выбрать тип шаблона «Анимация для социальных сетей». При скачивании в формате MP4 или GIF он позволяет объединить множество страниц в один анимационный ряд.

Первым делом мы задали продолжительность трансляции одного слайда 0,3 секунды. Подобрали фоновое фото по запросу «neon woman». Добавили надписи, выбрали тонкий шрифт без засечек VDS Thin — он напоминает буквы из гибкого неона. Цвета для надписей выбрали тоже с оглядкой на неоновую рекламу — розовый и синий.

Готовый слайд для анимации мы дублировали 17 раз. К каждому второму слайду применили текстовый эффект «Неон». На каждом слайде произвольно задавали разную интенсивность эффекта. Именно эта хитрость в результате создает иллюзию мигающей вывески.

Как сделать анимацию с эффектом искажения

Помехи, сбои, шумы и любые намеренно созданные изъяны — один из трендов 2021 года в графическом дизайне. В редакторе Canva есть большая коллекция эффектов искажения. Их можно применять как для обработки отдельных фото, так и для создания анимации.

Принцип создания этой анимации схож с предыдущим примером. Изменить размер под формат сторис можно сразу после выбора типа шаблона «Анимация для социальных сетей».

Мы задали продолжительность 0,3 секунды для трансляции одного слайда. Подобрали цвет фона и фото по запросу «коронавирус». Добавили декоративные элементы в виде обрывков бумаги и окрасили их в цвет фона, чтобы создать эффект рамки с рваными краями. Добавили надписи и применили к ним текстовый эффект «Неон».

Готовый слайд для анимации дублировали 17 раз. На каждом слайде, кроме первого и нескольких в середине, применили разные эффекты искажения фото из группы «Slice».

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

Не всегда нужно создавать множество отдельных слайдов, чтобы собрать интересную анимацию для соцсетей. Любую статичную картинку в редакторе Canva можно сделать подвижной, выбрав один из стилей анимации. Для этой картинки мы выбрали плавный эффект «Подъем».

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

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

Как сделать совмещение иллюстрации и фото

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

На этом фото часть иллюстрированных элементов находится позади модели, а часть — не переднем плане. Формулу такой композиции составляют удаление фона и управление расположением отдельных объектов.

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

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

Заключительным действием мы переместили нижние элементы паттерна на передний план, чтобы акцентировать внимание на многослойности картинки.

Как создавать крутые дизайны в Canva с нуля

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

Больше практических примеров и разборов, которые позволят пользоваться редактором на уровне профи, вы найдете в сообществах Canva ВКонтакте, Фейсбуке, Телеграме и других материалах нашего блога.

Вдохновляйтесь и творите вместе с Canva!

Подписывайтесь на обновления в Телеграме, Фейсбуке, ВКонтакте и Яндекс Дзене, чтобы всегда быть в курсе трендов графического дизайна и возможностей Canva, которые помогут воплотить их в жизнь!

Похожие статьи

Показать все

Реализуйте свои идеи за минуты.

Выразите себя с помощью самой простой в мире программы дизайна.