Вырезки для презентаций: как убрать фон с фото

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

Дизайнеры решили эту проблему десятилетия назад, и решение до неловкости простое: вырежьте объект. Человек, товар или устройство, отделённые от фона и поставленные прямо на цвет слайда, выглядят намеренно — будто презентацию проектировали, а не собирали.

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

Почему прямоугольные изображения делают слайды любительскими

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

Проблемы накладываются друг на друга, и их три:

• Конфликт цветов — тёплое фото, снятое в помещении, на холодном синем слайде выглядит приклеенным, потому что так и есть.
• Лишние границы — каждый прямоугольник добавляет четыре линии, которые глаз обрабатывает раньше, чем доберётся до вашей мысли.
• Украденное внимание — на слайде побеждает самый пёстрый фон, и это редко тот, который выбирали вы.

Фотография во весь слайд обходит ловушку: снимок сам становится слайдом. Вырезка обходит её иначе — фон удаляется полностью. Всё, что посередине, — плавающий прямоугольник — и есть опасная зона.

Метод вырезки: объект на цвете вашей темы

Вырезка — это объект, экспортированный как PNG с прозрачностью и помещённый прямо на слайд. PowerPoint, Keynote и Google Slides поддерживают прозрачные PNG изначально, так что отговорок про совместимость нет. (Только знакомитесь с форматами прозрачности? Наш гид по прозрачным PNG всё объясняет.)

Работа занимает около минуты на изображение:

1. Удалите фон. Прогоните фото через remover.bg — волосы, края товара и мелкие детали переживают вырезку, а это важно, когда объект стоит на плоском цвете и спрятаться ему негде.
2. Экспортируйте в PNG. Прозрачность — весь смысл затеи; JPG сводит её к белому и возвращает вас в страну прямоугольников.
3. Поставьте объект на цвет темы. Теперь он делит фон со слайдом, а не воюет с ним.
4. Заземлите его. Мягкая тень под объектом не даст ему висеть в воздухе. Наш гид по добавлению реалистичных теней объясняет, как сохранить её ненавязчивой.

Вырезки заодно бесплатно дают визуальную иерархию. На слайде размер равен важности: сделайте вырезку крупной, при желании пустите её за край слайда и оставьте текст в одну короткую строку. Один герой на слайд — если две вырезки борются за внимание, одной из них место на следующем слайде.

Вырезка или фото во весь слайд: что когда выбирать

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

Один приём — на каждом слайде презентации

Именно единообразие отличает «спроектировано» от «украшено». Задайте правила один раз и применяйте их везде: одно семейство цветов фона, один стиль тени, примерно один масштаб объекта от слайда к слайду.

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

Скриншоты и рамки устройств

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

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

Главное

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