Плакат! Как бы настоящий бумажный плакат.

Делаем из плаката - настоящий бумажный плакат. Как? Добавляем текстуру бумаги и рваные края. Годно для создания спреев и деколей для самых разных игр.

О чем речь?

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

Что нужно?

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

Теперь подробнее по всем пунктам:

Фотошоп

Кажется, нужна версия 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-текстуру.

Грабли

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

Негодная картинка с прозрачностью

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

Как вариант, можно попробовать самому «привести картинку в чувство»...
Но наверное всё-таки проще найти другой исходник. ;)

Плакат слишком темный? Или слишком контрастный?

Семь бед - один ответ: добавьте в стек слоев сверху корректирующий слой и подкрутите в нём насыщенность и яркость.

Плакат всё равно слишком «плоский»!

Попробуйте поискать другую текстуру бумаги. Например, по ключевым словам «paper folds texture» можно найти «складки бумаги» - нечто, напоминающее изгибы бумаги после того, как лист был сложен, и затем расправлен вновь. Слой такой текстуры может облагородить практически любой плакат.

[ere_shh]

в данном примере с негодной прозрачностью можно было бы и волшебным ластиком с допуском 30-40 стереть лишнее...
А так вполне хороший гайд, надеюсь теперь будет меньше скучных спреев

[Ctiioxinirakinal]

пасиб. круто.

[Gans [AzovꑭSteel]]

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

[Lимон]

Кажется, никто не был против обзоров с рецептами печенек(и не только), так почему не написать и о плакатах?

[Gans [AzovꑭSteel]]

Если спреи VTF не имеют отношения к TF2, то шел бы на йух, сцыног.

[you're cute]

Бомбануло.

[Gans [AzovꑭSteel]]

upd: 18 feb 2016 - добавлена заметка про «paper folds texture».