Как добавить дизайну глубины и сделать его более объемным? Поработайте с тенями. Показываем самые простые способы, как сделать тень от объекта.
Чтобы сделать тень онлайн на компьютере, для начала зарегистрируйтесь в бесплатном графическом редакторе Canva — это займет считанные минуты. Затем следуйте инструкции ниже.
Нажмите «Создать дизайн» и выберите подходящий формат. В примере мы будем создавать квадратную публикацию для Инстаграма. После выбора формата дизайна откроется новый лист.
Перетащите мышью фотографию или картинку, к которой хотите добавить тень, в редактор. Изображение сохранится во вкладке «Загрузки». Допустимые форматы файлов для загрузки: PNG, JPEG, SVG, HEIC/HEIF.
Обратитесь к рабочей панели слева. Переключитесь на вкладку «Загрузки» и перетащите мышью загруженное фото на лист.
Кликните по фото, чтобы выделить его, и обратитесь к панели инструментов над рабочей областью. Перейдите во вкладку «Эффекты». Здесь есть не только тени, но и рамки, фильтры, мокапы, эффекты искажения и многое другое. Листайте вниз до набора "Shadows".
Нажмите кнопку «Подключить», чтобы активировать пакет эффектов "Shadows". Это бесплатно и потребуется только один раз. В дальнейшем все тени из набора будут доступны сразу во вкладке «Эффекты».
В пакете эффектов "Shadows" есть возможность выбрать один из следующих стилей тени:
На этом этапе вы можете переключаться между стилями, чтобы выбрать наиболее удачный. Один клик по кнопке стиля покажет, как сделать тень с настройками по умолчанию. Второй клик по той же кнопке откроет меню дополнительных настроек. В нашем примере мы остановились на падающей тени.
В меню дополнительных настроек есть возможность выбрать место размещения тени (в раскрывающемся списке сверху) и настроить параметры:
Это может потребовать нескольких попыток и экспериментов. Когда определитесь с идеальным для вашего дизайна размещением и настройками, нажмите кнопку «Применить», и все изменения сохранятся.
На этом этапе вы уже разобрались с основной задачей. Видите, это совсем не сложно, и не нужно тратить время на просмотры видеоуроков, как сделать тень в фотошопе. Если хотите создать более интересный дизайн, используйте другие функции редактора: добавьте фон, заголовок, декоративные элементы, анимацию и т. д.
В примере мы добавили надписи с текстовым эффектом «Контур» и полупрозрачные декоративные элементы для более выразительного фона. Если вам нравится дизайн, жмите на кнопку «Использовать этот шаблон». Он откроется в новой вкладке для редактирования. Вы сможете заменить фото, добавить надписи и изменить дизайн по своему вкусу.
Таким же способом можно добавить тени к объектам со сложными контурами. Например, сделать цветную тень-силуэт или длинную фоновую тень.
Разберем еще один способ, как сделать тень на фото. Он хорош для случаев, когда нужно совместить фото объекта без фона (картинку в формате png) с другим фоном.
Перейдите во вкладку «Элементы» или «Фон» и найдите подходящее фоновое изображение. Перенесите его на лист. Нажмите правой кнопкой мыши на изображение и в списке выберите «Установить как фон». Для нашего примера мы выбрали фон с градиентом.
Теперь найдите подходящий объект без фона и перенесите его на лист. Проверьте результаты поиска во вкладках «Фото» и «Графика». Чтобы поиск отображал только картинки без фона, можно добавить к запросу “png” или “cut out”. Для нашего примера мы выбрали изображение баскетбольного мяча.
Так же по поисковому слову найдите в элементах тень нужной формы. Нам для примера нужна овальная тень. Она совместима с объектами круглой формы. Перенесите тень на лист.
На этом этапе остается лишь подогнать тень по размеру и совместить с объектом так, чтобы она выглядела реалистичной. Чтобы не ошибиться, можете использовать в качестве референса окружающие предметы или фотографии с похожей композицией. С помощью панели «Расположение» переместите тень за объект.
Теперь вы знаете еще один простой способ, как добавить тени на фото онлайн. Остается дополнить дизайн текстом и декоративными элементами. В нашем примере мы добавили заголовки и совместили текстовые эффекты «Парение» и «Изогнутый текст».
Понравился этот прием? Посмотрите еще «10 фишек, которые используют продвинутые дизайнеры в Canva».
Чтобы использовать элементы из категории “pro”, подключите расширенную версию Canva Pro. Первые 30 дней вы сможете тестировать все функции редактора и добавлять в дизайн премиум-элементы бесплатно, а отменить подписку можно будет в любой момент.
Далее мы покажем, как сделать тень поверх фото с телефона. Все действия аналогичны работе с редактором онлайн, при желании вы с легкостью повторите их на компьютере.
Чтобы работать с Canva на телефоне, установите мобильное приложение из AppStore или Google Play, зарегистрируйтесь или авторизуйтесь. В инструкции далее мы покажем, как добавить тени на фото на iOS. Интерфейс приложения на Android практически не отличается, порядок действий будет таким же.
Начните с выбора размера, нажав на «+» в правом нижнем углу. В предлагаемом списке собраны наиболее популярные форматы мобильного дизайна. Нажмите на любой — откроется чистый лист и шаблоны для его заполнения. В этом примере мы будем создавать историю для Инстаграма, шаблон нам не нужен.
Находясь на рабочей странице, нажмите на «+» в левом нижнем углу. Пролистайте меню в нижней части экрана, перейдите во вкладку «Загрузки» и добавьте фото из медиатеки или диска. Растяните фото по размеру рабочего листа.
Пролистайте меню снизу и кликните на «Элементы». В строке поиска введите ключевое слово «тень» и переключитесь сверху на вкладку «Графика». Кликните по понравившейся, чтобы добавить тень на фото. Разместите тень в той части картинки, где она будет смотреться реалистично. Вы можете растянуть и повернуть ее, отразить по вертикали или горизонтали.
Используйте опцию «Прозрачность», чтобы сделать тень менее выраженной. Чтобы скачать готовый дизайн, нажмите «Сохранить как...». Вы также можете поделиться результатом в соцсети, нажав на соответствующую иконку в списке.
Такой элемент создает визуальный эффект тени перед объективом камеры, делает кадр более интересным и живым.
Раньше только профессиональные дизайнеры знали, как добавить тень в фотошопе. С Canva это стало гораздо проще. Теперь в вашем арсенале появился новый навык. Мы уверены, что это подтолкнет вас к новым идеям и поможет разнообразить дизайны.
Вас также могут заинтересовать статьи:
Все