Графика

Как располагаем фотографии, откуда их брать и какими они должны быть

Что считаем графикой

Любую фотографию. Она может занимать макет целиком или частично, быть с фоном или без — тогда в макете остаётся один вырезанный герой.

Отсюда два случая с разными правилами, ниже разберём их по отдельности.

Фото с фоном

Без фона — только герой

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

Фото в макете

Фотография с фоном либо занимает макет целиком, либо стоит в рамке-шейпе.

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

На весь макет

В рамке-шейпе

Две — в рамках

Три и больше — стикерами

Размер тоже решает: стикером может стать только маленькая фотография.

Герой на фото

Если на фотографии есть явный самый важный объект — герой, то фон можно убрать. Героем может быть кто угодно, это зависит от контекста: человек, животное, здание, статуя, хоть смерч. Показываем не лицо, а то, что герой делает.

Обтравленные фотографии смело используем в композициях как главного героя или как стикеры. И наоборот, графические элементы могут залезать в пространство фотографии.

Герой без фона

Можно

Если герой — человек, к нему относится всё, что сказано про людей в кадре. Это характерный типаж с ярким занятием или предметом, занят своим делом и не позирует.

Как располагаем героя

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

Не отделяем героя от соседних элементов

Шейп, стикеры и линия вокруг тоже входят в композицию

Голова торчит над шейпом

Можно

Герой целиком внутри шейпа

Нельзя

Что ставим вокруг

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

Стикеры вокруг героя

Линия за героем

И то, и другое

Нельзя

Герой говорит — спичбабл

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

Спичбабл у головы, два стикера

Можно

Размер и посадка

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

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

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

Каким должно быть фото под вырезку

Ищем такой кадр, из которого фигура чисто вырезается:

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

Живая среда за героем — это хорошо

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

Общие правила по фото

Не используем рисунки

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

Единственное исключение — СММ. Там живут вселенная Себастьяна и Авиаслав, они рисованные.

Фотография

Можно

Тот же сюжет рисунком

Нельзя

Откуда берём фото

  • Используем своё — то, что принёс автор макета
  • Стоки — Envato и Shutterstock по корпоративной подписке
  • Генерация нейросетью — только в нашем стиле и только там, где разрешено

Настоящие места

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

Генерацию оставляем для обобщённых сцен, людей-типажей, предметов, еды, природы и улиц без узнаваемых ориентиров и без читаемых вывесок.

Настоящий снимок места (надеемся)

Можно

Сгенерированное изображение

Нельзя

Люди в кадре

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

Человек занят своим делом

Можно

Позирует в камеру

Нельзя

Каким должен быть кадр

Даже сгенерированный снимок делаем естественным

Любой машинный вид — брак. Что выдаёт нейросеть:

  • пластиковая, восковая кожа и глянец;
  • лишние или сломанные пальцы, поехавшая анатомия;
  • мыльные текстуры и каша в фоне;
  • перекрученные контраст и насыщенность;
  • неестественная открыточная идеальность и симметрия;
  • нечитаемые псевдобуквы на вывесках и этикетках.

Что нельзя срезать кадром

Не кадрируем фото по центру вслепую — так у героя срезается лоб. Кадр двигаем под сюжет.

Голова и морда целиком

Можно

Срезан лоб

Нельзя

Предмет в руках видно

Можно

Руки с предметом обрезаны

Нельзя

Здание целиком

Можно

Здание срезано

Нельзя

Туловище, ноги и лапы резать можно, а голову, лицо или морду — нет. Над макушкой оставляем воздух в половину высоты головы. Если герой никак не влезает целиком, спасаем глаза, лицо или морду.

3D-графика

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

Реалистичный предмет

Можно

Мультяшные персонажи

Нельзя

Текстура

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

Точки лежат поверх всего: выше фото, вырезанного героя, стикеров и шейпов. Они связывают разрозненные по стилю объекты, и макет читается как один кадр, а не как склейка из кусков. Файл лежит в Фигме.

Точки поверх всего макета