Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем стильный типографический постер в Adobe Photoshop

23 марта 2018 | Опубликовано в Уроки | Нет комментариев »

В этом уроке мы будем рисовать стильный типографический постер в Adobe Photoshop. Это популярная и часто используемая техника, при которой текст становится частью изображения. Достигается это при помощи масок. Именно этот способ недеструктивен. То есть вы в любой момент можете вернуться в маску и внести изменения. Если вы просто воспользуетесь ластиком, такой возможности не будет. Работать с масками сложнее лишь первое время. Как только вы поймете как они устроены, никаких сложностей не будет. Однако первый барьер пройти нужно. Этот урок — отличный повод сделать это.

 

 

Результат

Final poster

Исходники

Для выполнения следующего урока вам понадобятся следующие исходники:

1. Готовим фото с мостом

Шаг 1

Откройте фотографию моста в Photoshop.

Мы хотим избавиться от светлого фона в некоторых местах фотографии. Для этого войдите в палитру Layers/Слои, дублируйте фоновый слой, нажав Command/Ctrl-J и скройте оригинальный фоновый слой. Теперь в палитре Layers/Слои кликните по иконке Vector Mask/Векторная маска чтобы добавить маску для копии слоя.

Bridge image by Matthew Henry

Шаг 2

Сделайте активной маску слоя и возьмите инструмент Magic Wand/Волшебная палочка (W). Кликните по кусочку неба над мостом. Удерживая Shift, выделите также первые четыре промежутка между креплениями моста. Нажмите Delete чтобы удалить выделенные области.

Magic Wand Tool selection

Нажмите Command/Ctrl- D чтобы снять выделение.

Deleted parts of the image

2. Создаем новый документ

Шаг 1

В Photoshop выберите в меню File > New/Файл>Создать. Назовите новый документ Architecture of Bridges, и укажите ему размер 1275 x 1650 px, и белый фон.

Create a new document

Теперь мы скопируем оба слоя с изображением моста в этот документ. Для этого удерживая Shift, выделите оба слоя с мостами. Кликните по слоям правой кнопкой и выберите Duplicate Layers/Дублировать слои. Теперь выберите наш документ Architecture of Bridges и нажмите OK.

Duplicating layers onto a new document

Шаг 2

В документе Architecture of Bridges эти два слоя будут слишком большими. Масштабируйте их до нужного размера в режиме трансформации, нажав Command/Ctrl- T.

Вы можете указать точный процент масштабирования в верхней панели настроек. Введите 40% и нажмите Enter.

Resizing layers

Также в режиме трансформации поверните слои, удерживая Shift. Нажмите Enter чтобы применить изменения.

Шаг 3

Теперь у нас в документе будет три слоя с одинаковым именем. Это не очень удобно, поэтому переименовываем слои в палитре Layers/Слои.

Change name on the layers

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

Шаг 1

Используя инструмент Type/Текст (T), введите текст «The Architecture of Bridges». Укажите шрифт Fira Sans Black, размера 86 pt, и Leading/Лидинг 95 pt.

В палитре Layers/Слои переместите слой с текстом между двумя слоями с мостом.

Adding text

Шаг 2

Теперь почти все компоненты изображения собраны. Давайте добавим завершающих штрихов нашей работе. Сделайте видимым нижний слой с мостом, и при помощи инструмента Rectangular Marquee/Прямоугольное выделение (M) выделите полоску неба. Переключитесь на инструмент Move/Перемещение (V), и, удерживая клавишу Option/Alt переместите полоску правее, чтобы прикрыть белую часть документа.

Extending a background

Шаг 3

В палитре Layers/Слои сделайте активной маску второго слоя с мостом и в ней скройте или наоборот проявите нужные детали. Для этого переключитесь в режим стандартных цветов, нажав клавишу D. Чтобы переключаться между цветами нажимайте X. Инструментом Brush/Кисть (B) в маске слоя скрывайте нежелаемые части изображения черным цветом, и наоборот делайте видимыми нужны части белым.

Using the brush tool to reveal parts of the text

Нажмите T и введите дополнительный текст в нижний правый угол. Мы можем выстроить текст так, чтобы он повторял кривую моста.

Adding smaller details on the poster

Результат

Final poster

Автор урока Laura Keung

Перевод — Дежурка

Смотрите также:




Коментарии запрещены.

[an error occurred while processing the directive]


[an error occurred while processing the directive]