Плакат! Спрей/Текстура/Декаль

О чем речь?

Если просто взять плакат-картинку из интернетов, и переделать её в декаль или спрей - получится то, что на картинке слева. Но нам нужно то, что на картинке справа. Вот это мы и будем делать, при помощи Фотошопа, «грязно и быстро».

Что нужно?

Нужен Фотошоп; нужны базовые навыки работы с ним - понятия о слоях и всё такое.
Исходная картинка-плакат.
Картинка с текстурой бумаги.
Прозрачная картинка с листом бумаги с рваными краями.

Теперь подробнее по всем пунктам:
ФотошопКажется, нужна версия CS5 или новее. (В старых версиях может не оказаться каких-то нужных вещей. Точную минимальную версию назвать не могу).
Исходная картинка-плакатКак обычно: желательно высокое разрешение, чистый исходник без явных JPEG-артфеактов, отсутствие «водяных знаков» и следов изменения размера (особенно в большую сторону).
Картинка с текстурой бумагиНа два счета ищется в Гугле, «поиск картинок», а там по ключевым словам вроде «paper texture». Выберите ту, которая по задумке будет гармонировать с плакатом.
Желательна текстура большого размера: уменьшать всегда проще, чем увеличивать; и проще, и качественней.
Прозрачная картинка с листом бумагиТут поиск посложнее. Можно попробовать ввести в поиске картинок «poster paper png», выбрать искомый размер «большой» и поискать в превьюшках нечто, напоминающее лист бумаги с

неровными краями.
Если вы кликните по нему и по краям увидите характерную сетку - серые с белым кубики (Гугль специально рисует их, чтобы подчеркнуть наличие прозрачности), значит это как раз то, что нам нужно.

«Просто сделаем это!»

В Фотошопе создаем новый файл, указываем RGB-пространство; картинка с прозрачной подкладкой, размером 512 х 512. Вот так:

Перетаскиваем все наши файлы на открытый пустой лист. Что-то такое получится:

Каждый втащенный файл придется подтверждать Enter'ом, и как видите по пиктограммкам в списке слоёв, все они загружены как smart-объекты, а этого-то нам и надо.
Начнем с фона, с нашей потрепанной бумажки. Переключаемся на её слой и разворачиваем фон на 90°, т.к. плакат наш «альбомного» формата. Ctrl-T («трансформация»), поворачиваем картинку за угол, зажав Shift (чтобы поворачивать строго на углы кратные 45°); масштабируем по необходимости так, чтобы этот наш бумажный фон занял почти весь экран по горизонтали; Enter (конец редактирования).

Отключаем слой с текстурой бумаги, переключаемся на слой плаката. Правой кнопкой по названию слоя, выбираем там «Create Clipping Mask» (это означает наследовать прозрачность от слоев, лежащих ниже).

Теперь растягиваем плакат так, чтобы примерно заполнить тот рваный листок, что лежит ниже. Растягиваем Ctrl-T, за уголки, удерживая Shift - чтобы сохранились пропорции картинки, чтобы она не выглядела по-уродски; в данном случае лучше подгонять размер фона к размеру плаката, а не наоборот. Получается уже нечто похожее на плакат. Для наглядности я еще включил fx - drop shadow (тень) у нижнего слоя:

Добавим текстуру бумаги. Включаем её слой, включаем тоже у слоя clipping mask. Масштабируем так, чтобы текстура накрыла весь лист, желательно тоже сохраняя пропорции. Выбираем у слоя режим наложения darken, и прозрачность по вкусу 15-40%. Смотрится неплохо, но всё ещё плосковато:

Модифицируем свойства слоя с плакатом. Ставим свойства наложения multiply. Делаем копию слоя (правой кнопкой по слою, Duplicate Layer). У верхнего из слоёв возвращаем свойство наложения в normal, и крутим прозрачность этого слоя так, чтобы от «рваной бумажки» остался только намёк; у меня в данном случае это получилось ~65%. Вся эта манипуляция даст дополнительные тени, которые облагородят плакат. Убеждаемся, что clipping mask'и у нас не слетели ни у одного из слоёв выше фона; в случае необходимости восстанавливаем их.

Последний штрих. Кликаем по тени (drop shadow), и уменьшаем её прозрачность где-то до 15%, а «дистанцию» до ~2 пикселей.
Готово! Можно выгружать картинку в PNG, а затем преобразовывать её в VTF-текстуру.

Грабли

Возможно, вам встретятся кой-какие из перечисленных ниже проблем:
Негодная картинка с прозрачностью

Картинка, которую мы используем как маску, может оказаться не тем, чем кажется на первый взгляд. В частности, она может быть плохо обтравлена. Стоит проверить это, загрузив картинку в Фотошоп, и подложив под неё какой-нибудь яркий цвет. Если по краям вы увидите нечто такое, как на картинке справа - стоит искать другую картинку.
Как вариант, можно попробовать самому «привести картинку в чувство»...
Но наверное всё-таки проще найти другой исходник. ;)

Автор

By Gans [NATO]