Как в канве поменять цвет фигуры
Перейти к содержимому

Как в канве поменять цвет фигуры

  • автор:

Как пользоваться Canva: популярные и неочевидные возможности

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

Начнем с самых популярных функций, а затем перейдем к менее очевидным возможностям.

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

Нажмите на свой профиль → Account Settings → Выберите русский язык в меню Language.

Иллюстрации для соцсетей

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

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

Конструктор презентаций в Canva

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

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

Функции обработки изображений

Среди внутренних инструментов Canva чаще всего используют следующие.

Текст и фильтры

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

Регулирование прозрачности

Кликните на объект, который хотите изменить → Нажмите на значок «Прозрачность» в верхнем правом углу → Настройте уровень прозрачности ползунком.

Изменение цвета элементов

Кликните на объект, который хотите изменить → Нажмите на значок цвета на верхней панели → Нажмите «+», чтобы создать свой цвет.

Редко используемые шаблоны

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

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

Как пользоваться Canva: популярные и неочевидные возможности

Рекламные материалы для распечатки — флаеры, листовки, буклеты, визитки. Искать эти шаблоны также можно в поиске: напишите «Буклет» или «Листовка» и посмотрите все доступные размеры.

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

Шаблоны для новостной рассылки. Найдите «Новостную рассылку» в поиске и выберите шаблон с подходящей структурой. Его можно редактировать: менять цвета, шрифты, фон, вставлять свои фотографии или снимки с фотостока Canva (вкладка «Фото»).

Как пользоваться Canva: популярные и неочевидные возможности

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

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

Найдите «Сайт» в строке поиска, выберите шаблон и редактируйте его — меняйте фон, изображения, логотипы, текст и другие элементы. Результат можно опубликовать как макет в формате PDF, PNG, JPG или как адаптивный сайт. Доступны два способа публикации адаптивных сайтов:

  • Публикация дизайна в виде сайта. Дизайн откроется по ссылке и страницы можно будет прокручивать или просматривать как презентацию.
  • Генерация HTML-кода. Код можно встроить в сайт или блог, и дизайн отобразиться на странице. Для этого нужно нажать на стрелку публикации в верхнем углу и выбрать вариант «Встроить».

Как пользоваться Canva: популярные и неочевидные возможности

команда сервиса canva

Как пользоваться Canva: популярные и неочевидные возможности

бесплатный курс

Первый шаг
в графическом дизайне

Узнать больше

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

Внутренние функции редактора, о которых знают немногие

Доступ к дизайну для нескольких пользователей. Можно открыть доступ на редактирование, как в Google.Документах, и работать над одним проектом вместе. Для этого нажмите на кнопку «Поделиться» над вашим дизайном и вставьте адрес электронной почты другого пользователя (или скопируйте ссылку для редактирования).

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

Копирование настроек фотографий и цветов элементов с помощью быстрых сочетаний клавиш (alt+ctrl+C и alt+ctrl+V). Это позволит сохранить единый стиль среди нескольких дизайнов. Отредактируйте текст или изображение → Нажмите alt+ctrl+C → Выберите следующий элемент → Нажмите alt+ctrl+V → Настройки первого элемента скопируются на следующий.

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

Возможности сервиса в бесплатной и платной версии

Читать также

Как пользоваться Canva: популярные и неочевидные возможности

16 советов по созданию логотипа от экспертов по брендингу

Как пользоваться Canva: популярные и неочевидные возможности

Лучшие приёмы в минималистичном дизайне

Мнение автора и редакции может не совпадать. Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Как пользоваться Canva: популярные и неочевидные возможности

команда сервиса canva

Канва для всех: цвет фигур и толщина линий

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

Раньше все, что мы рисовали заливалось или вычерчивалось черным цветом. Пришло время узнать как изменить цвет на любой другой. Сделать это можно изменяя специальные свойства двумерного контекста для рисования — fillStyle и strokeStyle.

Попробуем залить квадрат каким-либо цветом:

ctx.fillStyle="rgb(255, 0, 0)"; ctx.fillRect(50,50,100,100);

Этот код нарисует красный квадрат:

Красный квадрат на канве

Красный квадрат на канве

Цвет можно задавать практически любым доступным способом. Также, как задаете цвет в CSS.
Можно написать ctx.fillStyle = «#f00″, или ctx.fillStyle = «#ff0000″, или ctx.fillStyle = «red». Как Вам удобнее
Обратите внимание на то, что цвет, установленный в этом свойстве применяется только к фигурам, нарисованным после его установки. Например, нарисовав черный прямоугольник, Вы сменили цвет на красный. Следующий нарисованный треугольник будет красным, а предыдущий останется черным. Думаю, многим этот момент итак очевиден

Идем дальше. Попробуем теперь изменить толщину линий, которыми прочерчивается путь. Сделать это можно просто установив нужное значение свойству lineWidth контекста канвы:

ctx.lineWidth=20; ctx.strokeStyle="rgb(255, 0, 0)"; ctx.strokeRect(50,50,100,100);

Такой код нарисует вот такую фигуру:

Квадрат, вычерченный линией толщиной в 20 пикселей на канве

Квадрат, вычерченный линией толщиной в 20 пикселей на канве

:)

С толщиной линий и цветом фигур разобрались, в следующей статье мы научимся стирать то, что нарисовали

Статья вам помогла?

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

Довольно популярный вопрос, как у новичка, так и у профессионала — как же в этой долбанной фигме пенять цвет png иконки?

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

Заходи на телеграмм канал — там еще больше полезного

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

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

Как создавать эффектный визуал при помощи Canva?

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

Интерфейс Canva довольно простой и интуитивно понятный.

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

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

В основном меню сверху выбираете «Настраиваемый размер», вбиваете разрешение и размерность.

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

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

Выбираем шаблон и фон

Готовых шаблонов сервис предлагает очень много, а фон определенной тематики можно также подобрать в «Поиске».

Выбрать можно по любой теме, например, «природа», «экономика», «коронавирус», «конкурс» и т.д.

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

Подбирать цвет

Менять размер

Для этого вам нужно выделить элемент и потянуть за его края.

Менять прозрачность

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

Добавляем текст

Кликните по инструменту «Текст» в меню слева, и выбирайте подходящий шрифт.

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

  • Подбираем элементы

    «Элементы» — самое сочное, что предлагает дизайн в Canva. Обратите внимание, что есть бесплатные элементы, а есть, помеченные надписью «pro», то есть доступные только в платной версии сервиса.

    Элементы по конкретным тематикам также можно найти через поиск.

    Элементы разделены на:

    • линии и фигуры,
    • графику,
    • музыку,
    • видео,
    • диаграммы,
    • рамки.

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

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

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

    Работа с фотографиями

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

    Сервис предлагает возможность отредактировать любое фото. Когда вы его загрузили, в окошке сверху будут предложены опции для работы с изображением: базовые настройки, фильтры, эффекты, размытие… Можно даже удалить фон! Причем сервис делает это автоматически, вам не нужно самостоятельно отделять объекты на фото, как в Photoshop (эти опции есть только в Pro версии).

  • Как создать анимацию в Canva?

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

    Вы можете найти часть анимаций в “Элементах”.

    Чтобы сделать ваш текст анимированным, вам необходимо кликнуть на текст и перейти в опцию «Анимация», которая появится в рабочем меню сверху. Сохранять динамические элементы в Canva можно как в mp4, так и в gif.

  • Сохранение

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

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

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

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

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