Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Poster Design

Создаём Полутоновый Постер в Стиле Роя Лихтенштейна в Adobe Photoshop

by
Read Time:7 minsLanguages:

Russian (Pусский) translation by Ashimova Damira (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Получите вдохновение, просмотрев шаблоны дизайна постеров и флаеров на GraphicRiver.

Что Вам Понадобится для Создания Вашего Постера.

Вам также понадобится скачать и установить следующий шрифт и изображение:

Установите исходный шрифт на свой компьютер и мы готовы приступить к уроку! 

1. Создаём Новый Документ и Настраиваем Линейки в Photoshop

Шаг 1

В Photoshop, идём Файл - Новый (File > New). Назовите этот документ Girl Power. Установите значение Ширины (Width) на 1275 px, а значение Высоты (Height) на 1650 px. Я поменяю измерение Ширины (Width) и Высоты (Height) на дюймы (Inches). Установите Разрешение (Resolution) на 72 пикс/дюйм (Pixels/Inch). Перед тем, как мы приступим, установите Цветовой режим (Color Mode) на В градациях серого (Grayscale), мы поменяем этот режим позже. Нажмите кнопку 'OK'. Позже, мы поменяем режим на Дуплекс (Duotone), и единственный способ это сделать- это начать с создания документа с режимом В градациях серого (Grayscale).

Create a new file in Photoshop Make sure the color mode is set to GrayscaleCreate a new file in Photoshop Make sure the color mode is set to GrayscaleCreate a new file in Photoshop Make sure the color mode is set to Grayscale

Шаг 2

Нажмите клавиши (Ctrl+R), чтобы активировать линейки на рабочем документ. Как я уже упоминала ранее, я собираюсь использовать дюймы для данного проекта. Если вы хотите установить другие единицы измерения, тогда идём Редактирование - Установки - Единицы измерения и линейки (Photoshop > Preferences > Units & Rulers). Далее, появится окно Установок (Preferences) и вы сможете настроить систему на своё усмотрение.

Set up rulers If desired change the units through the Preferences menuSet up rulers If desired change the units through the Preferences menuSet up rulers If desired change the units through the Preferences menu

Шаг 3

Щёлкая и зажимая линейки, потяните каждую, чтобы создать направляющие линии. Удержание клавиши (Shift), поможет сдвинуть направляющую линию на кратное число. В данном случае, давайте создадим отступ на 1 дюйм вдоль всего холста. Чтобы скрыть или показать направляющие линии, нажмите клавиши (Ctrl+;).

Set margin guides to 1 inch all around the pageSet margin guides to 1 inch all around the pageSet margin guides to 1 inch all around the page

2. Используем Фильтр Цветные Полутона

Шаг 1

Чтобы можно было создать решётчатый или полутоновый эффект, нам необходимо начать с документа в градациях серого, а затем преобразовать его в монотонное. Эффект полутонов работает только на градиентах, если вы используете CMYK или RGB. Нам нужна текстура с однообразным узором, а это можно создать только путём преобразования режима в градациях серого в монотонный. Идём Изображение- Режим- Дуплекс (Image> Mode> Duotone).

Change the document mode to Duotone in order to create an even halftone patternChange the document mode to Duotone in order to create an even halftone patternChange the document mode to Duotone in order to create an even halftone pattern

Шаг 2

Далее, появится окно Параметры Дуплекса (Duotone Options). Установите Тип (Type): Однокрасочный (Monotone). Для параметра Краска 1 (Ink 1), щёлкните по второму квадратику, чтобы установить чёрный цвет или задайте цифровой код #000000. Нажмите кнопку 'OK'.

Choose Monotone under the Type option and use a black color under ink 1Choose Monotone under the Type option and use a black color under ink 1Choose Monotone under the Type option and use a black color under ink 1

Шаг 3

С помощью инструмента Заливка (Paint Bucket Tool (G),залейте рабочую область следующим цветовым оттенком: #a2a2a2.

Color the page with a light grayColor the page with a light grayColor the page with a light gray

Шаг 4

Идём Фильтр - Оформление- Цветные полутона (Filter > Pixelate > Color Halftone).

Apply the Color Halftone filterApply the Color Halftone filterApply the Color Halftone filter

Шаг 5

Далее, появится окно с настройками фильтра Цветные полутона (Color Halftone). Установите следующие значения, которые указаны на скриншоте ниже, а затем нажмите кнопку 'OK'.

On the Color Halftone settings use 5 pixels for the radius For each channel use 45 degrees anglesOn the Color Halftone settings use 5 pixels for the radius For each channel use 45 degrees anglesOn the Color Halftone settings use 5 pixels for the radius For each channel use 45 degrees angles

Шаг 6

Нам нужно создать более плотный вид и чтобы точки были белого цвета. В панели слоёв, продублируйте фоновый слой (Background) с полутоном, для этого нажмите клавиши (Ctrl+J). Далее, давайте проведём инверсию узора, для этого нажмите клавиши (Ctrl+I). Узор должен измениться слева направо, как показано на скриншоте ниже. 

Invert the pattern we created by pressing Command-IInvert the pattern we created by pressing Command-IInvert the pattern we created by pressing Command-I

Шаг 7

Чтобы мы могли работать в цвете, нам вновь необходимо переключиться на режим RGB. Идём Изображение - Режим - RGB (Image > Mode > RGB Color).

Change the file mode to RGB to work with colorsChange the file mode to RGB to work with colorsChange the file mode to RGB to work with colors

Шаг 8

Создайте новый слой (Shift+Ctrl+N), назовите этот слой Синий фон (Blue background). С помощью инструмента Заливка (Paint Bucket Tool (G), залейте новый слой синим цветом (#0000ff),

Create a new layer and color the page with an electric blue or any desired colorCreate a new layer and color the page with an electric blue or any desired colorCreate a new layer and color the page with an electric blue or any desired color

Шаг 9

Чтобы можно было увидеть полутоновую текстуру, которую мы создали ранее на слое 'Layer 1', нам необходимо поменять режим наложения для слоя Синий фон (Blue background) на Осветление (Screen).

Set the new blue colored layer to the Screen blending modeSet the new blue colored layer to the Screen blending modeSet the new blue colored layer to the Screen blending mode

Шаг 10

Мы можем изменить размер слоя Layer 1, чтобы создать более выделяющуюся текстуру. Для этого, нажмите клавиши (Ctrl+T), а затем в верхней панели управления, нажмите значок Сохранить пропорции (Maintain Aspect Ratio). Установите значение Ширины (Width) и Высоты (Height) на 130%.

Alter the size of the pattern to create bigger or smaller dotsAlter the size of the pattern to create bigger or smaller dotsAlter the size of the pattern to create bigger or smaller dots

3. Добавляем и Настраиваем Текст

Шаг 1

Установите цвет переднего плана на чёрный цвет. Нажмите клавишу 'T', чтобы активировать инструмент Горизонтальный текст (Type Tool), а затем напишите текст Girl Power тремя строчками, как показано на скриншоте ниже. Нам нужно, чтобы текст был расположен вдоль всей ширины постера. Для этого, я использовала отдельные слои для каждого слова текста, а затем в панели управления, я выровняла текст по правому краю для слова 'Power'. Для редактирования стиля, откройте окно настроек Символ (Character), для этого идём Текст -  Панели - Панель символов (Type > Panels > Character Panel). Я использую шрифт Prompt Black Italic. Установите размер шрифта на 360 pt. Для слова 'Power', установите Интерлиньяж (Leading) на 280 pt.

Use the Text Tool to add the text Girl Power in 3 linesUse the Text Tool to add the text Girl Power in 3 linesUse the Text Tool to add the text Girl Power in 3 lines

Шаг 2

В панели слоёв, выделите об текстовых слоя, для этого, удерживая клавишу (Shift), щёлкните по каждому слою. Нам нужно добавить динамики к постеру, для этого, мы повернём эти два текстовых слоя. Нажмите клавиши (Ctrl+T), чтобы повернуть текст, при повороте, удерживайте клавишу (Shift), чтобы создать равномерный шаг поворота в 15 градусов. В качестве альтернативы, вы можете указать величину поворота -15.00 в панели управления в настройках Поворот (Rotate). Нажмите клавишу 'Enter'. Расположите текст в пределах верхней направляющей линии.

Для данного конкретного постера, мы хотим, чтобы текст заходил за поля рабочей области, чтобы усилить эстетику, поэтому, мы сохраним края обрезки поверх текста.

Rotate the text by pressing Command-T and rotate to 15 degreesRotate the text by pressing Command-T and rotate to 15 degreesRotate the text by pressing Command-T and rotate to 15 degrees

Шаг 3

Чтобы добавить больше текстуры к тексту, нам необходимо продублировать два текстовых слоя. Для этого, выделите оба слоя, а затем нажмите клавиши  (Ctrl+J). С помощью инструмента Перемещение (Move Tool (V), оба новых слоя вниз и вправо. Чтобы создать контраст, давайте поменяем стиль шрифта на тонкий Thin Italic в панели Символ (Characters).

Duplicate the text layers and change the style to a thin family fontDuplicate the text layers and change the style to a thin family fontDuplicate the text layers and change the style to a thin family font

4. Добавляем Полутоновую Текстуру к Тексту

Шаг 1

Далее, нам нужно добавить динамики и стиль Лихтенштейна.к постеру. Давайте продублируем текстовые слои, а затем для дубликатов слоёв с текстом используем другие два цвета. Вначале нам необходимо создать папки, по которым можно распределить все эти слои, чтобы панель слоёв выглядела организованно. Выделите четыре текстовых слоя, которые мы создали, а затем перетащите их на значок папки в нижней части панели слоёв.

Use folders to keep the text layers organized Use folders to keep the text layers organized Use folders to keep the text layers organized

Шаг 2

Трижды нажмите клавиши (Ctrl+J), чтобы продублировать новую группу и создать ещё три группы. Назовите каждую группу следующими цветами: чёрный, белый, жёлтый и красный.

Duplicate the folders containing the text layers and rename with the colors we are about to use Black white yellow and redDuplicate the folders containing the text layers and rename with the colors we are about to use Black white yellow and redDuplicate the folders containing the text layers and rename with the colors we are about to use Black white yellow and red

Шаг 3

С помощью панели настроек Символ (Characters), поменяйте цвет текстовых слоёв для каждой папки. Используйте сплошной чёрный и белый цвет для первых двух группу с текстом. Для создания жёлтого текста, используйте цветовой код #ffd200, а для создания текста красного цвета, используйте цветовой код #ff3d00. Чтобы увидеть все слои, нам необходимо просто слегка сдвинуть их -  для этой части урока нет правильного или неправильного расположения текста! Я использовала клавиши для сдвига текста, поскольку это даёт больше контроля в сравнении с мышкой.

Change each folders text layer to the designated colorChange each folders text layer to the designated colorChange each folders text layer to the designated color

Шаг 4

Красный текст привлекает больше внимания к нашему постеру, поэтому я хотела бы добавить текстуру и контрастность к данным текстовым слоям. Давайте продублируем слой Layer 1 (Ctrl+J) с полутоновой текстурой, а затем перенесём дубликат текстуры в группу  Красный (Red). Откройте группу  Красный (Red), щёлкнув по стрелочке. Далее, мы будем работать внутри данной группы.

Duplicate the textured layer and place in the red folder Edit the folder with the red text to visually tone down its prominenceDuplicate the textured layer and place in the red folder Edit the folder with the red text to visually tone down its prominenceDuplicate the textured layer and place in the red folder Edit the folder with the red text to visually tone down its prominence

Шаг 5

Выделите все четыре текстовых слоя, далее, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Растрировать текст (Rasterize Type). Не снимая выделения с этих четырёх слоёв, ещё раз щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Объединить слои (Merge Layers).

Rasterize the type under the red folder and merge the layersRasterize the type under the red folder and merge the layersRasterize the type under the red folder and merge the layers

Шаг 6

Не забывайте, что мы всё ещё работаем внутри группы.Красный (Red). Далее, удерживая клавишу (Ctrl), щёлкните по миниатюре только что созданного объединённого слоя, чтобы загрузить активное выделение слоя, т.е. нашего текста.

Press Command on the merged layer this will select the objects in the layerPress Command on the merged layer this will select the objects in the layerPress Command on the merged layer this will select the objects in the layer

Шаг 7

Отключите видимость объединённого слоя с текстом Power copy и не снимая активного выделения, перейдите на дубликат слоя Layer 1 copy. Помните, это слой с полутоновой текстурой, который мы продублировали ранее. Нажмите клавиши (Shift+Ctrl+I) и с помощью инструмента Ластик (Erase Tool (E), прокрасьте кистью поверх постера. Таким образом, мы скроем лишнюю текстуру, сохранив её только поверх выделенного текста.

Invert the selection and head over to the textured layer Using the Erase Tool E delete the backgroundInvert the selection and head over to the textured layer Using the Erase Tool E delete the backgroundInvert the selection and head over to the textured layer Using the Erase Tool E delete the background

Шаг 8

Нам всё ещё нужно сохранить красный цвет текста, чтобы сделать наш постер выразительным. В панели слоёв, включите видимость объединённого слоя с текстом Power copy, а затем поменяйте режим наложения для данного слоя на Осветление (Screen). Нам нужно, чтобы этот слой был прозрачным, поэтому давайте объединим оставшиеся два слоя в группе Красный (Red), а затем поменяем режим наложения для данного объединённого слоя на Умножение (Multiply).

Change the Blending Mode of the red text to Screen and merge with the textured layer Set the folder Blending Mode to MultiplyChange the Blending Mode of the red text to Screen and merge with the textured layer Set the folder Blending Mode to MultiplyChange the Blending Mode of the red text to Screen and merge with the textured layer Set the folder Blending Mode to Multiply

Шаг 9

При желании, мы можем продублировать слой с группой Чёрный (black), а затем поменять режим наложения для дубликата слоя с группой на Затемнение основы (Color Burn), а также уменьшить Непрозрачность (Opacity) слоя до 55%, чтобы добавить больше теней к постеру.

Duplicate one of the text folders one more time and set the Blending Mode to Color Burn Lower the Opacity to 55 to add more shadowing to the posterDuplicate one of the text folders one more time and set the Blending Mode to Color Burn Lower the Opacity to 55 to add more shadowing to the posterDuplicate one of the text folders one more time and set the Blending Mode to Color Burn Lower the Opacity to 55 to add more shadowing to the poster

5. Сохраняем Постер для Web

Идём Файл - Сохранить для Web (File > Save for Web (Shift+Alt+Ctrl+S). Установите Качество (quality) на Максимальное (Maximum), или уменьшите качество, если есть какие-либо ограничения по размеру. В настройках Размер Изображения (Image Size), установите Ширину (width) и Высоту (height) на тот размер, который вам нужен. Нажмите кнопку Сохранить (Save)..., укажите название, а затем ещё раз нажмите кнопку Сохранить (Save).

Save the poster for Web by pressing Shift-Option-Command-SSave the poster for Web by pressing Shift-Option-Command-SSave the poster for Web by pressing Shift-Option-Command-S

Отличная работа! Мы Завершили Урок!!

В этом уроке мы создадим постер, используя знаменитый стиль Роя Лихтенштейна. Сегодня мы узнали, как:

  • Создать постер на основе типографики и создать интересные эффекты с помощью многочисленных слоёв.
  • Иначе использовать фильтр Цветной Полутон.
  • Использовать текстуры и применять их к текстовым слоям.
One subscription.
Unlimited Downloads.
Get unlimited downloads