Уроки Photoshop: Постер "Боксеры"

Источник: demiart
James Davies (Перевод: IrdinTo16)

Создаем ретро-постер

Материалы к уроку:
Бумага
Боксеры
Фильтр

Шаг 1.

Проект будет формата А3. Бумага Bleed и/или Slug Area, колеблется от 3 до 5 мм.

Создаем ретро-постер

Шаг 2.

Открываем текстуру старой бумаги, помещаем на наш документ. Подгоняем размеры (Ctrl+T).

Создаем ретро-постер

Шаг 3.

Добавляем Adjustment Layers. Следуя Levels (Layer > New Adjustment Layer > Levels).

Создаем ретро-постер

И Hue/Saturation (Layer > New Adjustment Layer > Hue/Saturation). Выделяем все слои и группируем их.

Создаем ретро-постер

Шаг 4.

Теперь мы можем начинать дизайн нашего постера. Постер основан на реальных эскизах боксеров.
Открываем наших боксеров.
Боксеры их слой названий: "MONROE" и "KATES". Еще в 60-х не было компьютеров и в моде была грубая вырезка, здесь мы тоже будем ее использовать.

Создаем ретро-постер

Шаг 5.

Вставляем в наш документ, подгоняем размеры. Балансируем Levels, если нужно. Обесцвечиваем обоих "MONROE" and "KATES" (Image > Adjustments > Desaturate) и режим смешивания у двух слоев на Multiply.

Создаем ретро-постер

Создаем ретро-постер

Создаем ретро-постер

Создаем ретро-постер


Шаг 6.

Следуем View > Rulers, и включаем их. Опускаем направляющие. Первая горизонтально на 224 mm , вторая на 305 mm. Вертикальная первая на 146.6 mm и вторая на 147 mm.

Создаем ретро-постер

Выбираем Rectangle Tool режим на Paths. Цвет переднего плана #e45050 и рисуем два прямоугольника как показано. Режим смешивания на Multiply.

Создаем ретро-постер

Выбираем левый прямоугольник и следуем Edit > Free Transform. Зажатый Ctrl + Shift и перетаскиваем в середину, и трансформируем как показано ниже. Те же действия на другом прямоугольнике.

Создаем ретро-постер


Шаг 7.

Мы будем использовать прямоугольники чтобы замаскировать "MONROE" и "KATES". Выберите "KATES" и добавьте маску слоя. Зажмем Ctrl и кликаем по правой части прямоугольника, чтобы сделать выделение.
Заполните маску слоя "KATES", черным. И повторите процесс с "MONROE".

Создаем ретро-постер

Удаляем мнемосхемы масок слоев "MONROE" and "KATES" (кликаем на цепочку между Layer Thumbnail и Layer Mask thumbnail)и смешаем маску вниз используя Move Tool.

Создаем ретро-постер

Шаг 8.

Теперь пора приступить к созданию текста.
Выбираем Type Tool и кликаем на холст. Шрифты BentonSans и Sans Serif font.

Создаем ретро-постер

Использовать сокращенный вариант того же шрифта на контрасте. Увеличиваем шаг с первым примерно в 2,5 раза. Откройте Tracking около 25 и установить кернинг для измерения показателей.

Создаем ретро-постер

Поворачиваем текст на 10.1 degrees. Играем с кернингом, чтобы получить разный эффект.

Создаем ретро-постер

Проделываем тот же процесс, шрифтом Condensed пишем "Champion" и "Challenger" на новых слоях. Размеры имен боксеров должны быть маленькими 32.37 pt до 44.31 , для имен следующих 101.53.

Создаем ретро-постер

Шаг 9.

Теперь добавляем текст "VS". Берем Ellipse Tool устанавливаем colored circle. И красным рисуем форму. Ctrl и кликаем по слою "CIRCLE", получаем выделение, и следуем Select > Modify > Expand. Expand 20 рх.

Создаем ретро-постер

Выбираем один из "RECTANGLE" слоя маски и заливаем выделение черным. Тоже делаем для остальных "RECTANGLE" слоев.

Создаем ретро-постер


Шаг 10.

Рисуем черный кружок ( #0b0c0c, или черный) Circular Shape Layer и текст внутри. Режим смешивания слоя с кругом на Multiply.

Создаем ретро-постер

Создаем ретро-постер

Шаг 11.

Рисуем другую Rectangular Shape вверху постера и режим смешивания на Multiply. Используем черный для "NO HOME TV"

Создаем ретро-постер

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

Создаем ретро-постер


Шаг 12.

Выбираем PAPER слой и используем Magic Wand Tool для выделения белых областей на бумаге.

Создаем ретро-постер

Для всех Rectangular Shape слоев, выбираем слои масок и заполняем черным

Создаем ретро-постер

Выбираем "MONROE", добавляем слой маски, и делаем рваные края бумаги.

Создаем ретро-постер

Шаг 13.

Создаем названия и надписи дальше. Шрифт Benton.
В стилях слоя добавим обводку (Stroke Layer Style) следуем (Layer > Layer Style > Stroke).

Создаем ретро-постер

Добавим спонсора, текст "Grill" который "Big Al" является спонсором. Общее правило заключается в использовании двух контрастных видов с титулом , он превышает метки.

Создаем ретро-постер

Попробуйте использовать другие шрифты, чтобы придать акцент. Используйте Serif или Block-serif.
Я выбрал URW Antiqua шрифт.

Создаем ретро-постер

Шаг 14.

Не бойтесь играться со шрифтами. Используйте Benton (BentonSansCond Black для "Fracas" и "Caracas," BentonSansExtraComp Bold для "The," и "In").
Увеличим вертикальную шкалу до 116%. Сократим слова в статье, и скорректировал базовую линию. И нужно сместить боксы вниз.

Создаем ретро-постер

Создаем ретро-постер

Шаг 15.

Создаем слой и называем его "TICKET/VENUE INFO." Создаем две вертикальных направляющих, чтобы создать границу. Создание по полной ширине, будет отвлекать внимание.

Создаем ретро-постер

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

Создаем ретро-постер

Передвигаем две направляющие горизонтальный под границы текста. Создаем текст с датой, что каждая часть текста на своем собственном слое чтобы обеспечить максимальную гибкость. Используйте Line Tool, для рисования 14 pixel линии для даты.

Создаем ретро-постер

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

Создаем ретро-постер

Есть два способа избежать нечитаемые блоки текстов. Использовать широкие шрифты и вертикальное\горизонтальное масштабирование.

Создаем ретро-постер


Шаг 16.

Все элементы готовы, уменьшаем масштаб и смотрим полностью работу. Следуем Layer > Rasterize > All Layers. После применяем все маски слоя, выбрав каждую в свою очередь и следуем Layer > Layer Masks > Apply.

Создаем ретро-постер

Шаг 17.

Выберем все черные слои форм и слои с черным текстом, и сольем все. Назовем "BLACKTEXT." Выберем все слои которые содержат белый цвет и тоже сольем, и назовем "WHITETEXT."

Создаем ретро-постер

Тоже самое для текста красного и слоев с красными формами.

Создаем ретро-постер

Окно слоев выглядит так

Создаем ретро-постер

Шаг 18.

Применим 4 pixel Gaussian Blur для "REDTEXT," "WHITETEXT," и "BLACKTEXT."

Создаем ретро-постер

После чего Smart Sharpen - 386% с 44.3 radius. Заменяем цвет #e45050 для "REDTEXT" так как Sharpening убьет цвет.

Создаем ретро-постер

Шаг 19.

Отключим видимость у слоя "WHITETEXT". Ctrl и кликаем по слою, чтобы сделать выделение. Выбираем слоя "BLACKTEXT" и удаляем выделение, тоже проделаем на "REDSHAPES."

Создаем ретро-постер


Шаг 20.

Выбираем "REDSHAPES" и применим 4 pixel Gaussian Blur. После Smart Sharpen filter как показано.

Создаем ретро-постер

И еще раз Smart Sharpen с большим пиксельным радиусом.

Создаем ретро-постер

Шаг 21.

Выделяем все слои, за исключением "BACKGROUND". Сливаем слои, режим на Multiply. (Ctrl+E слить в один слой).
И используем фильтр.

Создаем ретро-постер


Финальный результат:

Создаем ретро-постер


Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=21017