Это короткая инструкция для тех, кто только начинает или хочет попробовать себя в работе с картинками и Веб дизайном.
Если вы уже профи и просто хотите познакомиться с бесплатным сервисом, который в один клик удаляет фон, то переходите сразу ко второму шагу этой статьи.
Новичкам довольно сложно самостоятельно освоить сложные программы для работы с изображениями, такими как фотошоп. Плюс с фотошопом сейчас проблемы и в целом для нормальной работы этой программы нужен довольно мощный компьютер или ноутбук, который есть не у всех.
Сегодня научимся вырезать объект с картинки или фото и менять фон, с помощью простых и бесплатных онлайн сервисов.
Выбирайте картинки или фото, на котором объект НЕ сливается с фоном.
Давайте к практике.
Шаг №1 — Выбираем картинку
Заходим в сервис Яндекс Картинки и вводим в поиске запрос по теме картинки, которую хотим найти. К примеру, введём фразу: Дракон Арт.
Находим картинку, которая нам нравится, кликаем на неё левой кнопкой мыши.
Далее на открывшуюся картинку нажимаем правой кнопкой мыши и выбираем «Сохранить картинку как»
Далее выбираем на компьютере папку, в которую хотим сохранить это изображение и нажимаем кнопку «Сохранить».
Шаг №2 — Удаляем фон
Открываем сайт Remove Bg — https://www.erase.bg
Нажимаем кнопку Opload image
Выбираем нужную картинку на компьютере и нажимаем Открыть
Прокручиваем сайт Remove Bg немного ниже и ждём, пока сервис обработает нашу картинку
Получаем результат
Можно навести указатель мышки на файл без фона, чтобы проверить, насколько хорошо сервис вырезал объект
Далее нажимаем кнопку Download Original Size (скачать в оригинальном размере)
Выбираем папку на компьютере, в которую хотим сохранить изображение и нажимаем кнопку Сохранить
Шаг №3 — Меняем фон
Регистрируемся в сервисе Figma — https://www.figma.com/
Регистрация простая. Выбираем тариф «Free» — бесплатный.
Далее выбираем New design file
Далее выбираем картинку, на которую вы хотите поместить объект, который вы вырезали и просто переносим его в Figma, зажав левой кнопкой мыши
Теперь устанавливаем нужный масштаб, чтобы удобно было работать.
Увеличить масштаб: Зажимаем кнопку Ctrl и нажимаем +
Уменьшить масштаб: Зажимаем кнопку Ctrl и нажимаем -
Теперь таким же способом переносим вырезанный объект
Получаем вот такую картину:
Наводим указатель мыши на вырезанный объект, зажимаем левую кнопку мыши и переносим его туда, где хотим разместить
Теперь наводим указатель мыши на угол рамки, в которой находится объект, нажимаем левую кнопку и устанавливаем нужный размер
Теперь нажимаем Export
Выбираем нужный формат и нажимаем кнопку Export Untitled
В открывшимся окне ещё раз нажимаем Export
Выбираем нужную папку и нажимаем Сохранить
Готово :)
Если хотите также просто создать свой первый сайт, под руководством опытного преподавателя Владимира Гынгазова — основателя нашей академии, то записывайтесь на наш бесплатный тренинг: «Старт в профессии Создатель Сайтов»