Рисуем стильный типографический постер в Adobe Photoshop
23 марта 2018 | Опубликовано в Уроки | Нет комментариев »
В этом уроке мы будем рисовать стильный типографический постер в Adobe Photoshop. Это популярная и часто используемая техника, при которой текст становится частью изображения. Достигается это при помощи масок. Именно этот способ недеструктивен. То есть вы в любой момент можете вернуться в маску и внести изменения. Если вы просто воспользуетесь ластиком, такой возможности не будет. Работать с масками сложнее лишь первое время. Как только вы поймете как они устроены, никаких сложностей не будет. Однако первый барьер пройти нужно. Этот урок — отличный повод сделать это.
Результат
Исходники
Для выполнения следующего урока вам понадобятся следующие исходники:
1. Готовим фото с мостом
Шаг 1
Откройте фотографию моста в Photoshop.
Мы хотим избавиться от светлого фона в некоторых местах фотографии. Для этого войдите в палитру Layers/Слои, дублируйте фоновый слой, нажав Command/Ctrl-J и скройте оригинальный фоновый слой. Теперь в палитре Layers/Слои кликните по иконке Vector Mask/Векторная маска чтобы добавить маску для копии слоя.
Шаг 2
Сделайте активной маску слоя и возьмите инструмент Magic Wand/Волшебная палочка (W). Кликните по кусочку неба над мостом. Удерживая Shift, выделите также первые четыре промежутка между креплениями моста. Нажмите Delete чтобы удалить выделенные области.
Нажмите Command/Ctrl- D чтобы снять выделение.
2. Создаем новый документ
Шаг 1
В Photoshop выберите в меню File > New/Файл>Создать. Назовите новый документ Architecture of Bridges, и укажите ему размер 1275 x 1650 px, и белый фон.
Теперь мы скопируем оба слоя с изображением моста в этот документ. Для этого удерживая Shift, выделите оба слоя с мостами. Кликните по слоям правой кнопкой и выберите Duplicate Layers/Дублировать слои. Теперь выберите наш документ Architecture of Bridges и нажмите OK.
Шаг 2
В документе Architecture of Bridges эти два слоя будут слишком большими. Масштабируйте их до нужного размера в режиме трансформации, нажав Command/Ctrl- T.
Вы можете указать точный процент масштабирования в верхней панели настроек. Введите 40% и нажмите Enter.
Также в режиме трансформации поверните слои, удерживая Shift. Нажмите Enter чтобы применить изменения.
Шаг 3
Теперь у нас в документе будет три слоя с одинаковым именем. Это не очень удобно, поэтому переименовываем слои в палитре Layers/Слои.
3. Добавляем текст
Шаг 1
Используя инструмент Type/Текст (T), введите текст «The Architecture of Bridges». Укажите шрифт Fira Sans Black, размера 86 pt, и Leading/Лидинг 95 pt.
В палитре Layers/Слои переместите слой с текстом между двумя слоями с мостом.
Шаг 2
Теперь почти все компоненты изображения собраны. Давайте добавим завершающих штрихов нашей работе. Сделайте видимым нижний слой с мостом, и при помощи инструмента Rectangular Marquee/Прямоугольное выделение (M) выделите полоску неба. Переключитесь на инструмент Move/Перемещение (V), и, удерживая клавишу Option/Alt переместите полоску правее, чтобы прикрыть белую часть документа.
Шаг 3
В палитре Layers/Слои сделайте активной маску второго слоя с мостом и в ней скройте или наоборот проявите нужные детали. Для этого переключитесь в режим стандартных цветов, нажав клавишу D. Чтобы переключаться между цветами нажимайте X. Инструментом Brush/Кисть (B) в маске слоя скрывайте нежелаемые части изображения черным цветом, и наоборот делайте видимыми нужны части белым.
Нажмите T и введите дополнительный текст в нижний правый угол. Мы можем выстроить текст так, чтобы он повторял кривую моста.
Результат
Автор урока Laura Keung
Перевод — Дежурка
Смотрите также:
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
549
- Насколько важно сегодня использовать Web Safe цвета?
538
- 20 наборов кистей для Фотошопа, которые вам пригодятся
530
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191