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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Главное

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