Создаем в фотошопе типографический постер в модном ретро стиле

7

10345
19-06-2010

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

 
 

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

Шаг 1.
Создаем в фотошопе новый документ размером 1500х2000.
Создаем в фотошопе типографический постер в модном ретро стиле

На новый слой вставляем текстуру с решеткой.
Создаем в фотошопе типографический постер в модном ретро стиле

Шаг 2.
Дважды щелкаем по слою с решеткой, чтобы вызвать палитру «Стиль слоя». Выбираем закладку «Наложение градиента» (Gradient Overlay) и выбираем градиент от темно-коричневого через светло-коричневый к белому. Щелкаем по значку сверху над белым цветом и ставим прозрачность на 70%.
Создаем в фотошопе типографический постер в модном ретро стиле

На этой же закладке устанавливаем режим наложения градиента «Умножение» (Multiply) и выбираем стиль наложения «Радиальный» (Radial), масштаб приблизительно 30%.
Создаем в фотошопе типографический постер в модном ретро стиле

Шаг 3.
После этого щелкаем правой кнопкой мыши по значку «fx», который находится справа на слое. В открывшемся меню выбираем пункт «Образовать слой» (Create Layer). Над слоем с решеткой образуется новый градиентный слой. Это позволит нам манипулировать с градиентной заливкой отдельно от самой картинки.
Создаем в фотошопе типографический постер в модном ретро стиле

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

Теперь для этого слоя поменяем режим наложения. Автор урока предлагает поменять на режим «Затемнение» (Darken), но мне больше понравился режим «Перекрытие» (Overlay). Так что, выбирайте на ваше усмотрение.
Создаем в фотошопе типографический постер в модном ретро стиле

Шаг 4.
Пишем фразу LOVE FOR TYPOGRAPHY скачанным шрифтом посередине постера. Каждое слово на новом слое.
Создаем в фотошопе типографический постер в модном ретро стиле

Создаем новый слой и называем его «strike» и на нем делаем белую линию поперек текста.
Создаем в фотошопе типографический постер в модном ретро стиле

Теперь выбираем все слои с текстом и растрируем их.
Создаем в фотошопе типографический постер в модном ретро стиле

Теперь, находясь на слое «strike», щелкаем правой кнопкой мыши и вызываем меню. Выбираем команду «Объединить с предыдущим» (Merge Down) и объединяем с предыдущим слоем текста.
Создаем в фотошопе типографический постер в модном ретро стиле

Шаг 5.
Выбираем инструмент «Прямоугольное выделение» (Marquee tool), выделяем хвостик буквы Р в слове TYPOGRAPHY, нажимаем Ctrl+T и растягиваем выделенную область до низа холста.
Создаем в фотошопе типографический постер в модном ретро стиле

Аналогично делаем линию вверх у буквы R в слове FOR.
Создаем в фотошопе типографический постер в модном ретро стиле

Шаг 6.
Объединяем все слои с текстом в один слой.
Создаем в фотошопе типографический постер в модном ретро стиле

Открываем палитру «Стиль слоя» и выбираем закладку «Внешнее свечение» (Outer Glow). Установки такие, режим наложения «Экран» (Screen), «Непрозрачность» (Opacity) 75%, цвет бледно оранжевый, «Размах» (Spread) 73 пикс, «Размер» (Size) 21 пикс.
Создаем в фотошопе типографический постер в модном ретро стиле

Открываем закладку «Обводка» (Stroke). «Размер» 13 пикс, «Положение» (Position) снаружи, режим наложения «Перекрытие» (Overlay), цвет белый. И получаем очень красивый эффект.
Создаем в фотошопе типографический постер в модном ретро стиле

Шаг 7.
Теперь берем нашу вторую текстуру с листом бумаги и вставляем в наш документ поверх всех слоев. Меняем режим наложения на «Жесткий свет» (Hard Light) и снижаем прозрачность до 75%. Это придаст постеру винтажный эффект.
Создаем в фотошопе типографический постер в модном ретро стиле

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

В заключение уменьшаем прозрачность слоя до 65%.
Создаем в фотошопе типографический постер в модном ретро стиле

Финал
В итоге получился такой вот ретро постер.
Создаем в фотошопе типографический постер в модном ретро стиле

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)
  • Короткая ссылка на этот пост: http://www.designonstop.com/?p=1578
  • Получать обновления:

  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Написать комментарий с помощью формы Facebook

Комментариев 7 комментариев

как-то линия что слева на право вниз идет, с «Y» не очень сходится

ОтветитьОтветить

@Nec_nec
Это всё задумка дизайнера! Так надо 🙂

Спасибо Наташа за урок!

ОтветитьОтветить

Хороший урок! Спасибо!

ОтветитьОтветить

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

@Роман
@Николай
Спасибо, мальчики 🙂

ОтветитьОтветить

Да, линия с “Y” реально портит картину( Все равно разрез первой букавки «о» не пропорционален.

ОтветитьОтветить

@Oleg Mykhailenko
Нда… Если приглядеться то косяки действительно в глаза бросаются… Но зато мне очень нравится эта полупрозрачная обводка 🙂

ОтветитьОтветить

@Наташа Клевер
Да, «ничешно» так))))

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

50 queries in 0,456 seconds.