Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)
В этом
уроке я покажу вам, как создать абстрактный, но впечатляющий постер Adobe Photoshop, используя потрясающее изображение и типографику.
Что Вам Понадобится Чтобы Создать Этот Постер
Вам понадобится
скачать следующее изображение и шрифт на Envato Elements:
Установите шрифт и мы готовы приступить к уроку!
1. Создаём Новый Документ в Photoshop
Шаг 1
В программе Photoshop, идём Файл – Новый (File > New). Назовите этот документ ‘Rave-Poster’. Установите Ширину (Width) на 1270 px и Высоту (Height) на 1600 px. Установите Разрешение (Resolution) на 72 пикс./дюйм (pixels/inch). Нажмите кнопку ‘OK’.
Шаг 2
В нижней части панели слоёв, нажмите на значок Создать новый корректирующий слой или слоя-заливку (Create a New Fill or Adjustment Layer) и в появившемся меню, выберите опцию Градиент (Gradient). В окне Градиентная заливка (Gradient Fill), установите Стиль (Style) на Линейный (Linear), а затем щёлкните по шкале градиента, чтобы установить цвета.
В окне
Наборы (Presets), выберите пресет От Переднего плана к Заднему плану (Foreground to Background preset). В настройках градиента, установите левую контрольную
точку цвета на #00a175, а правую контрольную точку цвета на #0500e8. Нажмите
кнопку ‘OK’.
2. Добавляем Световые Эффекты на Задний Фон
Шаг 1
Создайте новый слой в панели слоёв, нажав клавиши (Shift+Ctrl+N).
В панели инструментов, выберите инструмент Кисть (Brush Tool (B). Щёлкните правой кнопкой мыши по холсту, чтобы установить размер кисти на 250 px, а затем выберите круглую кисть с Жёсткостью (Hardness) 0.
Шаг 2
Используя следующие цветовые оттенки, которые указаны ниже, создайте цветовые фрагменты, щёлкая по холсту.
- Оранжевый (Orange):
#ff6600 - Пурпурный (Magenta):
#ff00df - Красный
(Red):
#ff0055
Шаг 3
Находясь на том же самом слое, идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur). Окне настроек фильтра Размытие в движении (Motion Blur), поставьте галочку в окошке Просмотр (Preview). Установите Угол (Angle) на -50 и Смещение (Distance) на 1500 пикс. (Pixels). Нажмите кнопку ‘OK’.
Не бойтесь экспериментировать с настройками, меняя угол и смещение, чтобы получить другие результаты.
Шаг 4
Вы можете повторить эту часть урока столько раз, сколько вы захотите. Попробуйте уменьшить размер кисти или увеличить или выбрать совсем другие цвета. Я добавила ещё один новый слой, используя те же самые цвета, чтобы добавить больше объёма.
3. Создаём Эффект Пыли
Шаг 1
Чтобы создать эффект пыли, нам необходимо создать что-то похожее на то, что мы создавали выше. Создайте новый слой в панели слоёв, нажав клавиши (Shift+Ctrl+N).
Выберите
инструмент Кисть (Brush Tool (B), установите цвет переднего плана на #aeaeae. Щёлкните
правой кнопкой мыши по холсту, чтобы окно настроек кисти. Установить размер
кисти на 500 px, а значение Жёсткости (Hardness) на
100%. Далее, прокрасьте центр холста.
Шаг 2
Находясь на слое с нарисованным штрихом кисти, идём Фильтр – Размытие- Размытие в движении (Filter > Blur > Motion Blur). В зависимости от установленного параметра Смещения (Distance), либо мы получим размытие, которое будет едва видно, либо получим то размытие, которое сохранит исходную форму штриха, с которого мы начали. Я установлю Угол (Angle) на -50, а Смещение (Distance) на 531. Нажмите кнопку ‘OK’.
Шаг 3
Чтобы создать эффект пыли, идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise). Здесь мы можем установить грубозернистость частиц. Вы всегда можем уменьшить непрозрачность слоя, чтобы создать едва "видимый" эффект. Поставьте галочку в окошке Просмотр (Preview), чтобы увидеть, каким будет результат. Я установлю Эффект (Amount) на 180%, а Распределение (Distribution) на Равномерное (Uniform). Нажмите кнопку ‘OK’.
В панели слоёв, перейдите на слой с частицами пыли, а затем уменьшите Непрозрачность (Opacity) слоя до 35%.
4. Редактируем Визуально Интересное Изображение
Шаг 1
Откройте исходное изображение с руинами Помпеи от Envato Elements в Photoshop.
В панели слоёв, дважды щёлкните по фоновому (Background) слою, чтобы разблокировать его. Когда появится новое окно нового слоя – дайте имя этому слою ‘Statue’. Нажмите кнопку ‘OK’.
Шаг 2
Добавьте слой-маску к слою ‘Statue’ а панели слоёв.
Шаг 3
Выберите инструмент Кисть (Brush Tool (B), установите цвет переднего плана на чёрный цвет. Начните прокрашивать поверх внешней стороны статуи – в данном случае, нам необходимо сохранить только изображение статуи и использовать в нашем рабочем документе ‘Rave-Poster’. Примечание переводчика: перед коррекцией маски, щёлкните по миниатюре маски, чтобы она стала активной.
Используйте клавишу (\), чтобы увидеть участки, которые были обработаны на маске слоя.
Шаг 4
Давайте кадрируем изображение, чтобы нам было легче работать с ним в рабочем документе. Вы панели инструментов, выберите инструмент Рамка (Crop Tool (C), а затем кадрируйте изображение только вокруг статуи. Нажмите кнопку ‘Enter’, чтобы применить действие.
Шаг 5
Далее, щёлкните правой кнопкой мыши по слою с кадрированным изображение статуи и в появившемся меню, выберите опцию Создать дубликат слоя (Duplicate Layer). Далее, в появившемся окне, в настройке Назначение – Документ (Destination > Document), выберите опцию Rave-poster. Нажмите кнопку ‘OK’.
Шаг 6
Возвращаемся на наш рабочий документ ‘Rave-Poster’. Нам необходимо применить масштабирование и поворот к изображению статуи. Перейдите на слой ‘Statue’, а затем нажмите клавиши (Ctrl+T) для трансформации. Далее, в верхней панели управления, нажмите на значок Сохраняет пропорции (Maintain Aspect Ratio). Установите значение Ширины (Width) и Высоты (Height) на 45%, а также Поворот (Rotation) на -45 градусов.
Шаг 7
Преимущество работы со слой-масками заключается в том, что мы можем скрывать и показывать участки изображения, не удаляя их полностью. В этом случае я хочу доработать изображение статуи, сохраняя только изображения лица и скрывая на маске область шеи. Перейдите на маску слоя ‘Statue’ и с помощью инструмента Кисть (Brush Tool (B), цвет кисти чёрный, прокрасьте участки вокруг лица. Здесь нет правильно или неправильно обработано.
Здесь вы также можете скрыть края фотографии, которые легко пропустить при использовании слой-маски и дублировании изображений.
Шаг 8
Перейдите на слой ‘Statue’, чтобы слой был активен, а не маска, которая привязана к слою. Далее, идём Фильтр – Искажение - Волна (Filter > Distort > Wave). В окне настроек фильтра Волна (Wave), установите Тип (Type) на Квадрат (Square), это означает, что фильтр поделит изображение на квадраты. Установите Число генераторов (Number of Generators) на 20, Длину волны (Wavelength) на Мин.(Min.) 817 и Макс.(Max.) 818, Амплитуду (Amplitude) на Мин.(Min.) 1 и Макс.(Max.) 2, и в заключение Масштаб (Scale) на 100% для обоих параметров По горизонтали (Horizontal) и По Вертикали (Vertical). Нажмите кнопку ‘OK’.
Если слой с пылью закрыт изображением статуи, то не стесняйтесь увеличить масштаб эффекта пыли или сдвиньте эффект, расположив его так, чтобы он был заметен.
Шаг 9
В некоторых случаях изображения не совсем точно соответствуют цвету фона, с которым мы работаем, поэтому, необходимо найти способ сделать изображение нейтральным. В данном случае мы преобразуем его в чёрно-белое изображение. В панели слоёв, нажмите на значок Создать новый корректирующий слой или слоя-заливку (Create a New Fill or Adjustment Layer) и в появившемся меню, выберите опцию Чёрно-Белое (Black & White).
Шаг 10
Если нам нужно, чтобы только изображение статуи было чёрно-белым, то нам необходимо создать обтравочную маску. Удерживая клавишу (Alt), наведите курсор мыши между корректирующим слоем Чёрно-белое (Black & White) и нижним слоем, далее, щёлкните один раз и вы сразу же увидите стрелку, указывающую вниз. Обтравочная маски применит корректирующий слой только к нижнему слою.
Шаг 11
Если постер выглядит немного тусклым, то мы можем откорректировать Яркость / Контрастность. (Brightness/Contrast). В панели слоёв, нажмите на значок Создать новый корректирующий слой или слоя-заливку (Create a New Fill or Adjustment Layer) и в появившемся меню, выберите опцию Яркость / Контрастность (Brightness/Contrast). Далее, в панели Свойства (Properties), мы можем усилить или ослабить настройки на своё усмотрение. В настройках корректирующего слоя Яркость / Контрастность. (Brightness/Contrast) есть преимущества, нежели в коррекции, которая активируется через Изображение- Коррекция (Image> Adjustment). Мы можем скрывать и показывать слой и постоянно менять настройки корректирующего слоя в панели Свойства (Properties).
5. Добавляем Текст и Используем Стилистические Альтернативы
Шаг 1
В панели инструментов, выберите инструмент Текст (Type Tool (B), а затем добавьте текст SHADES OF ELECTRO FESTIVAL. Через меню Шрифт – Панель- Символ (Type > Panel > Characters), установите шрифт на BW Stretch Black, размер шрифта на 140 pt, Интерлиньяж (Leading) на 130 pt, и Трекинг (Tracking) на 40.
Шаг 2
Шрифт Bw Stretch включает расширенные функции для некоторых букв, которые резко расширяют ширину. Чтобы получить доступ к ним, не закрывайте панель Символ (Characters). Вы также можете получить доступ к нем Через меню Шрифт – Панель- Символ (Type > Panel > Characters).
В этом случае мы будем использовать только некоторые из альтернатив, чтобы они соответствовали ширине постера. Находясь на текстовом слое, выделите буквы ‘H’ и ‘A’, а затем перейдите в панель Символ (Characters) и нажмите значок Альтернативные стили (Stylistic Alternate), чтобы использовать альтернативный вариант. Измените цвет текста на белый.
Шаг 3
Я поменяла альтернативные варианты для некоторых букв. Не стесняйтесь добавить свой стиль к тексту!
Шаг 4
Добавьте еще несколько деталей, таких как театральные сцены, группы, даты, веб-сайт и адрес. Я добавила текст ниже, но не стесняйтесь создавать свою собственную версию!
- Berkley Danceclub
- Stages
- Funhouse — Disorder
- Nouveau — Ozid
- Thrill — DJ Kitoo
- 04/OCT - 03/OCT/2018
- WWW.WHD.COM
- 23 CARLETON ST. 40933
Чтобы повернуть текст, создайте текстовый слой, а затем используйте инструмент Трансформации (Transform Tool), нажав клавиши (Ctrl+T). Наведите курсор на угол текста, и удерживая клавишу (Shift), потяните за опорную точку, чтобы создать ровный поворот.
6. Сохраняем для Web
Идём Файл – Сохранить (File > Save), чтобы сохранить документ, как вы обычно это делаете.
Чтобы сохранить для web, идём файл – Сохранить для Web (File > Save for Web) или нажмите клавиши (Shift+Alt+Ctrl+S). Выберите папку, куда бы вы хотели сохранить свою работу; я выбрала формат JPEG, а также установите Качество (Quality) на 100. В настройке Размер изображения (Image size), вы можете поменять размер пикселей вашего изображения, если у вас есть ограничения по размеру и вы используете изображение для Интернета.
В нижнем левом углу вы можете выбрать опцию Просмотр (preview), чтобы увидеть размеры изображения. Это полезная опция, если на веб-сайте существуют ограничения по размеру, и вам необходимо снизить качество или размер изображения.
Нажмите кнопку Сохранить (Save), выберите место для сохранения в появившемся окне навигации, а затем ещё раз нажмите кнопку Сохранить (Save).
Поздравляю! Мы Завершили Урок!
Вы
отлично справились! Сегодня мы узнали, как:
- Создать абстрактный постер, при этом сохраняя привлекательный образ и типографику.
- Преобразовывать корректирующие слои в обтравочные маски.
- Использовать различные фильтры, такие как Размытие в движении (Motion Blur), Волна (Wave) и Шум (Noise).
- Использовать Стилистические Альтернативы, Когда Шрифт Имеет Расширенные Функции.
Если вам понравился этот урок, то вам возможно понравятся следующие уроки:
