Как сделать parallax-пост в Facebook

С 16го числа ФБ разрешил делать параллакс посты используя кастомную карту глубины, а это значит огромный простор для творчества. Разберемся, как это работает.

Что такое карта глубины

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

• Белое = близко
• Черное = далеко

Эта простая истина позволит вам создавать карту глубины для любого объекта.

Что дальше?

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

Шаг 1

Фон не должен быть однотонным, текстура, шейпы, сетка, все что угодно что будет менять положение относительно объекта, в нашем случае текста. Я сделал с помощью кривых произвольную фигуры и добавил ей чуть объема через заливку области более темным цветом и добавления тени (Inner Shadow) через Layer style.

Шаг 2

Добавляем текст.

Шаг 3

Закрашиваем области градациями серого на отдельных слоях.

Все, карта глубины готова. Сохраняем ее в png с такой конструкцией %filename%_depth.png

Шаг 5

Открываем фб, жмем в поле нового поста, драг н дропом переносим оба файла в окно, ждем несколько секунд, бинго!