распечатки на стену в стиле панк
Создаём Панк Постер в Adobe Photoshop
В этом уроке мы используем различные инструменты Photoshop, чтобы создать гранжевый постер в стиле панк.
Что Вам Понадобится
Вам понадобится следующие ресурсы, чтобы завершить этот урок:
Скачайте изображения и установите шрифт и мы готовы приступить к уроку!
1. Создаём Новый Документ в Photoshop
Шаг 1
В программе Photoshop, идём Файл – Новый (File > New). Назовите этот документ ‘Punk-poster’. Установите Ширину (Width) на 1270 px и Высоту (Height) на 1600 px. Установите Разрешение (Resolution) на 72 пикс./дюйм (pixels/inch). Нажмите кнопку ‘OK’.
Шаг 2
В нижней части панели слоёв, нажмите на значок Создать новый корректирующий слой или слоя-заливку (Create a New Fill or Adjustment Layer) и в появившемся меню, выберите опцию Градиент (Gradient). В окне Градиентная заливка (Gradient Fill), установите Стиль (Style) на Радиальный (Radial), а затем щёлкните по шкале градиента, чтобы установить цвета.
2. Создаём Эффект Растрового Оттиска
Для того, чтобы создать эффект растрового оттиска, нам необходимо открыть новый документ.
Шаг 1
В программе Photoshop, идём Файл – Новый (File > New). Назовите этот документ ‘Punk-poster’. Установите Ширину (Width) на 1270 px и Высоту (Height) на 1600 px. Установите Разрешение (Resolution) на 300 пикс./дюйм (pixels/inch). Поменяйте Цветовой профиль (Color Profile) на Working Gray: Dot Gain 20%. Нажмите кнопку ‘OK’.
Шаг 2
В нижней части панели слоёв, нажмите на значок Создать новый корректирующий слой или слоя-заливку (Create a New Fill or Adjustment Layer) и в появившемся меню, выберите опцию Градиент (Gradient). В окне Градиентная заливка (Gradient Fill), установите градиент от чёрного цвета переднего плана до прозрачного. Установите Стиль (Style) на Радиальный (Radial), а если чёрный цвет расположен в центре градиента, тогда поставьте галочку в окошке Инверсия (Reverse). Нажмите кнопку ‘OK’.
В панели слоёв, щёлкните правой кнопкой мыши по слою с заливкой градиента ‘Gradient Fill 1’ и в появившемся окне, выберите опцию Растрировать (Rasterize). Удалите слой-маску, для этого щёлкните по ней, а затем нажмите значок Удалить слой (Delete Layer) в нижней части панели слоёв.
Шаг 3
Далее, идём Изображение – Режим- Битовый формат (Image > Mode > Bitmap). Нажмите кнопку ‘OK’ в появившемся окне, предупреждающим об объединении слоёв.
В окне настроек Битового формата (Bitmap), установите выход (Output) на 300 пикс./дюйм (pixels/inch), а в настройке Способ – Использовать (Method > Use), выберите опцию Полутоновый растр (Halftone Screen). Нажмите кнопку ‘OK’.
Шаг 4
Далее появится окно Полутоновый растр (Halftone Screen). Установите Линиатуру (Frequency) на 100 линий/дюйм (lines/inch), данная опция позволяет вам установить насыщенность линий. Установите Угол (Angle) на 0 градусов (degrees), а также Форму растровой точки (Shape) на Линию (Line). Нажмите кнопку ‘OK’.
Шаг 5
Шаг 6
Давайте продублируем данный слой с оттиском, а затем добавим дубликат слоя на наш рабочий документ ‘Punk-poster’. В панели слоёв, дважды щёлкните по фоновому (Background) слою, чтобы разблокировать его. Далее, появиться окно Новый слой (New Layer). Нажмите кнопку ‘OK’.
Находясь на слое с оттиском, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Создать дубликат слоя (Duplicate Layer). В новом окне, дайте название слою ‘Gradient-screen-print’, а также укажите Назначение документа (Destination Document) на ‘Punk-poster’. Нажмите кнопку ‘OK’.
Шаг 7
Возвращаемся на наш рабочий документ ‘Punk-poster’, поменяйте режим наложения для только что продублированного слоя на Умножение (Multiply). Находясь на том же самом слое с оттиском, нажмите клавиши (Ctrl+T) для трансформации. Далее, в верхней панели управления, нажмите значок Сохраняет пропорции (maintain aspect ratio), а затем установите значение Ширины (Width) на 160%.
3. Создаём Эффект Растрового Оттиска на Изображении Рук
Подобным образом, как описано выше, нам нужно открыть отдельно исходные изображения, чтобы добавить эффект растрового оттиска.
Шаг 1
Откройте исходное изображение с исходным набором фрагментов рук от Envato Elements. В панели инструментов, выберите инструмент Рамка (Crop Tool (C), а затем кадрируйте фрагменты рук, как показано на скриншоте ниже. Нажмите клавишу (Enter), чтобы применить кадрирование.
Шаг 2
Далее, идём Изображение – Режим – Битовый формат (Image > Mode > Bitmap). Нажмите кнопку ‘OK’ в появившемся окне, предупреждающим об объединении слоёв. В окне настроек Битового формата (Bitmap), установите выход (Output) на 300 пикс./дюйм (pixels/inch), а в настройке Способ – Использовать (Method > Use), выберите опцию Полутоновый растр (Halftone Screen). Нажмите кнопку ‘OK’.
Шаг 3
Далее появится окно Полутоновый растр (Halftone Screen). Установите Линиатуру (Frequency) на 50 линий/дюйм (lines/inch), данная опция позволяет вам установить насыщенность линий. Установите Угол (Angle) на 45 градусов (degrees), а также Форму растровой точки (Shape) на Крест (Cross). Нажмите кнопку ‘OK’.
Не стесняйтесь экспериментировать с настройками Линиатуру (Frequency) и Угла (Angle)—здесь нет такого – правильно или неправильно!
Шаг 4
Нам нужно создать изображение в стиле коллажа, а также предать чувство гранжа. В панели слоёв, дважды щёлкните по слою, чтобы разблокировать его. Нажмите кнопку ‘OK’.
С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), вырежьте руки, оставляя небольшое пространство вокруг них. Цель состоит в том, чтобы эффект выглядел так, как будто изображение было вырезано из листка бумаги.
Нажмите клавиши (Shift+Ctrl+I) для инверсии выделенной области, а также используйте клавишу (Backspace), чтобы удалить выделение.
Шаг 5
Находясь на слое с эффектом оттиска на руках, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Создать дубликат слоя (Duplicate Layer). В новом окне, дайте название слою ‘Hands-screen-print’, а также укажите Назначение документа (Destination Document) на ‘Punk-poster’. Нажмите кнопку ‘OK’.
Шаг 6
Возвращаемся на наш рабочий документ ‘Punk-poster’, перейдите на слой ‘Hands-screen-print’ Находясь на том же самом слое, нажмите клавиши (Ctrl+T) для трансформации. Далее, в верхней панели управления, нажмите значок Сохраняет пропорции (maintain aspect ratio), а затем установите значение Ширины (Width) на 85%. Нажмите клавишу (Enter). Выровняйте руки по нижнему краю документа.
4. Создаём Эффект Растрового Оттиска на Изображении Жука
Шаг 1
Таким же образом, давайте поработаем над исходным изображением жука. Давайте повторим Шаг 2 из параграфа выше.
Шаг 2
В окне Полутоновый растр (Halftone Screen). Установите Линиатуру (Frequency) на 10 линий/дюйм (lines/inch), данная опция позволяет вам установить насыщенность линий. Установите Угол (Angle) на 45 градусов (degrees), а также Форму растровой точки (Shape) на Эллипс (Ellipse). Нажмите кнопку ‘OK’.
Шаг 3
Шаг 4
Шаг 5
Наведите курсор между слоем-заливкой ‘Color Fill 1’ и слоем с жуком, и удерживая клавишу (Alt), щёлкните кнопкой мыши. Таким образом, мы преобразовали слой с заливкой в обтравочную маску, которая будет воздействовать только на нижний слой. Поменяйте режим наложения для слоя с заливкой на Умножение (Multiply).
5. Добавляем Текст
Шаг 1
В панели инструментов, выберите инструмент Текст (Type Tool (B), давайте добавим текст ‘Grunge Musikfestival’. Создайте каждое слово на отдельном слое, это даст нам свободу при расположении слов так, как нам нравится.
Откройте панель с настройками текста, для этого идём Текст – Панель – Символ (Type > Panel > Characters), установите шрифт на Elrotex или Elrotex Basic, а также установите размер шрифта на 180 pt.
Дополнительно, добавьте слой с текстом ‘Tour 2019’, установите следующий размер шрифта для данного текста 90 pt.
Шаг 2
Давайте слегка наклоним заголовок постера, чтобы добавить динамики. Выделите все три слоя с текстом, а затем нажмите клавиши (Ctrl+T) для трансформации. Идём в верхнюю панель управления, чтобы установить Поворот (Rotate) на -13 градусов (degrees). Нажмите клавишу (Enter), чтобы применить изменения.
Не стесняйтесь расположить текст там, где вы хотите. Преимущество создания слов на отдельных слоях состоит в том, что мы можем перемещать каждое слово по всему холсту и выравнивать их с различными элементами дизайна. Например, я выровняла текст ‘Tour 2019’ по правому краю слова ‘Musikfestival’.
Шаг 3
Теперь давайте добавим больше информации на нижнюю часть постера. Для данного вымышленного постера, я использую три различные музыкальные сцены фестиваля, включая три музыкальные группы. Я добавлю следующий текст. В круглых скобках вы можете увидеть размеры шрифтов, которые я использовала:
Я использовала различные размеры шрифта, поскольку основную группу нужно было выделить. Я также использовала чередование жёлтых и белых тонов, чтобы создать иерархию.
Шаг 4
Вы заметите, что текст в данный момент сливается с фоном. Чтобы создать контраст между передним и задним фонами, нам нужно добавить что-то в виде штрихов.
Давайте сгруппируем все текстовые слои в одну группу. Для этого, выделите все текстовые слои, а затем перетащите их на значок папки в нижней части панели слоёв.
Шаг 5
Создайте новый слой в палитре слоёв, расположив его ниже слоя с группой с текстовыми слоями. Установите цвет переднего плана на чёрный цвет, а затем выберите инструмент Кисть (Brush Tool (B). Щёлкните правой кнопкой мыши по холсту, чтобы открыть окно настроек кисти, выберите кисть ‘Hard Pastel on Canvas’, это стандартная кисть в Photoshop. Я установите размер кисти на 250 px.
Шаг 6
Не стесняйтесь регулировать размер кисти для большого размера текста вверху и для небольшого размера текста внизу. Не забывайте, что вы можете прокрашивать кистью из стороны в сторону, вверх и вниз, а также под углом, чтобы получить штрихи в различных направлениях. Помните, что здесь нет – правильно или неправильно!
6. Сохраняем для Web
Идём Файл – Сохранить (File > Save), чтобы сохранить документ, как вы обычно это делаете.
Чтобы сохранить для web, идём Файл – Сохранить для Web (File > Save for Web) или нажмите клавиши (Shift+Alt+Ctrl+S). Выберите папку, куда бы вы хотели сохранить свою работу; я выбрала формат JPEG, а также установите Качество (Quality) на 100. В настройке Размер изображения (Image size), вы можете поменять размер пикселей вашего изображения, если у вас есть ограничения по размеру и вы используете изображение для Интернета.
В нижнем левом углу вы можете выбрать опцию Просмотр (preview), чтобы увидеть размеры изображения. Это полезная опция, если на веб-сайте существуют ограничения по размеру, и вам необходимо снизить качество или размер изображения.
Нажмите кнопку Сохранить (Save), выберите место для сохранения в появившемся окне навигации, а затем ещё раз нажмите кнопку Сохранить (Save).
Поздравляю! Мы Завершили Урок!
В этом уроке мы рассмотрели классический тренд, который в какой-то момент был создан вручную, и теперь может быть воссоздан в цифровом виде! Сегодня мы узнали, как:
Если вам понравился этот урок, то вам возможно понравятся следующие уроки: