Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

167 786 чел. 370 510 работ 3 868 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаем в Фотошоп обои с текстом в стиле киберпанк

В этом уроке я покажу вам, как создать красивый текст и трендовые обои на свой рабочий стол в стиле киберпанк. В этом уроке мы применим множество визуальных эффектов, корректирующие слои, а также поработаем над текстом. Я расскажу вам, как создать абстрактные фигуры, а также как создать текстуру пиксельного камуфляжа, звуковую волну и многое другое. Все эффекты вы можете создать самостоятельно в программе Photoshop и Illustrator. Работа с инструментами, режимами наложения, немного креативности и приключений, включая отличный результат в конце урока, ждут вас на страницах этого урока.

Скачать архив с материалами к уроку

Этапы урока

В этом уроке мы создадим множество различных эффектов, а также поработаем над текстом. Вначале мы создадим задний фон, абстрактные фигуры в программе Adobe Illustrator, создадим текстуру пиксельного камуфляжа, включая ещё несколько интересных эффектов. Далее, мы добавим текст и поработаем со слой-масками для трансформации текста. Далее, мы добавим эффекты к тексту. В заключительной части, я покажу вам, как создать звуковую волну, а также мы добавим мелкие детали и проведём небольшую коррекцию. Данный урок в основном построен на работе с эффектами и креативном подходе к обычным вещам. Я надеюсь, что данный урок будет интересен как для начинающих пользователей, так и для продвинутых мастеров. Для выполнения данного урока вам нужен набор текстур, которые я создал для вас, немного логики, хорошее настроение и программа Photoshop, начиная с версии CS.

Примечание: Шаги 7-11 выполнены автором в Adobe Illustrator. Если у вас нет программы Illustrator или вы не хотите тратить на это время, просто выберите интересную текстуру с фигурами из набора (текстуры вы найдёте в архиве с материалами к уроку) и перейдите в Шаг 12. 

Итоговый результат

Шаг 1

Создайте новый документ (нажмите сочетание клавиш (Ctrl + N) или перейдите Файл - Новый (File > New))) со следующими размерами: 1920 px по ширине и 1200 px по высоте. Установите Разрешение (resolution) 200 пикселей / дюйм (px/inch). Вы можете изменить размеры рабочего документа в соответствии с размерами вашего монитора.

Шаг 2

Создайте новый слой с градиентной заливкой, для этого идём Слой - Новый слой -заливка – Градиент(Layer > New Fill Layer > Gradient) или нажимаем кнопку Создайте новый корректирующий слой или слой-заливку(Create new fill or adjustment layer) в нижней части панели слоев. Выберите обычный черно-белый градиент, далее, для левой контрольной точки цвета установите цвет #182b46, а для правой контрольной точки цвет #000000, а затем установите Стиль (Style) градиента: Радиальный (Radial), Масштаб (Scale): 120%. Таким образом, мы создадим основное световое пятно, которое будет также являться фокусной точкой.

Шаг 3

Далее, мы поместим текстуру картона на наш рабочий документ, для этого идём Файл – Поместить (File > Place). В режиме Свободной трансформации (Free Transform) (нажмите сочетание клавиш (Ctrl +T) или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)) немного увеличьте масштаб текстуры. Нажмите клавишу (Enter), чтобы применить изменения. Поменяйте режим наложения для слоя с данной текстурой на Умножение (Multiply), а также уменьшите значение Непрозрачности (Opacity) слоя до 70%, а значение Заливки (Fill) до 75%.

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

Шаг 4

Чтобы разнообразить текстуру и добавить объёма, я использовал слой с облаками. Нажмите клавишу “D”, чтобы установить цвет переднего и заднего плана по умолчанию. Создайте новый слой через сочетание клавиш (Ctrl + Shift + N) или нажмите кнопку Создать новый слой (Create a new layer) в нижней части панели слоев. Далее, идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds). Поменяйте режим наложения для слоя с облаками на Осветление основы (Color Dodge), а также уменьшите непрозрачность (Opacity) слоя до 25%.

Шаг 5

Теперь мы добавим мелкий шрифт на задний фон. Мы создадим хакерские обои. Итак, выберите инструмент Вертикальный текст (Vertical Type Tool (T)), установите шрифт “Arial Regular”, размер шрифта: 9 pt, цвет шрифта #00ffd8, а также выберите опцию выравнивания Выключка текста по центру (Center text). Объём напечатанного текста должен быть немного меньше, чем объём рабочего пространства нашего документа. Итак, приключение начинается, напечатайте любой текст. Будет достаточно напечатать буквы, символы или цифры. Просто напечатайте что-то странное, любой набор различных знаков, как показано на скриншоте ниже.

Шаг 6

Создайте два дубликата слоя с мелким шрифтом через сочетание клавиш (Ctrl + J) или через команду Слой - Создать дубликат слоя (Layer > Duplicate layer). Далее, мы добавим эффект к тексту с помощью дубликатов слоёв. Измените для разнообразия некоторые буквы в дубликатах слоя. Постарайтесь расположить каждую букву дубликата слоя ниже буквы предыдущего слоя с текстом. Поменяйте режим наложения для дубликатов слоёв на Перекрытие (Overlay). Сгруппируйте слои с мелким шрифтом в одну группу (Ctrl + G). Уменьшите значение Непрозрачности (Opacity) для слоя с группой до 40%, а значение Заливки (Fill) до 50%.

Примечание переводчика: автор создаёт эффект, когда цифры одного слоя накладываются на цифры другого слоя, здесь вы можете поэкспериментировать с непрозрачностью слоёв и т.д.

Шаг 7

Теперь мы создадим текстуру пиксельного камуфляжа. Я решил, что данная текстура придаст нашей работе интересный и стильный вид. Для создания данной текстуры я использовал программу Adobe Illustrator CC. Если у вас нет программы Illustrator или вы не хотите тратить на это время, просто выберите интересную текстуру с фигурами из набора и перейдите в Шаг 12. В течение следующих нескольких шагов я покажу вам, как создать интересные абстрактные фигуры в программе Illustrator. Откройте программу Adobe Illustrator, создайте новый документ со следующими размерами Ширина (Width): 1920, Высота (Height): 1200, Растровые эффекты (Raster Effects): 300 ppi.

Примечание переводчика: 1. набор с абстрактными фигурами вы можете скачать по ссылке вначале этого урока 2. просто щёлкните по исходному файлу, и текстуры c  фигурами автоматически установятся в программу Photoshop 3. текстуру можно будет активировать через инструмент Произвольная фигура .(Custom Shape Tool)

Шаг 8

Выберите инструмент Прямоугольник (Rectangle Tool (M)). Для Заливки (Fill) и Обводки (Stroke) установите один и тот же цвет (в моём случае, цвет чёрный, но вы можете использовать любой цвет). Нарисуйте прямоугольники, создав абстрактную фигуру, как показано на скриншоте ниже. Здесь нет каких-то определённых правил и жёстких ограничений. Вы можете создать свою собственную версию, которая будет лучше, чем у меня. Главное - это принцип создания эффекта.

Шаг 9

С помощью инструмента Выделения (Selection Tool (V)), выделите все нарисованные прямоугольники, а затем щёлкните правой кнопкой по выделенным прямоугольникам и в появившемся окне, выберите опцию Сгруппировать (Group) или перейдите Объект – Сгруппировать (Object > Group). Далее, мы создадим кисть из созданной фигуры. Переходим на панель Кисти (Brush), Окно - Кисти (Window > Brushes) и нажимаем значок в нижней части панели. В появившемся окне выбираем опцию Объектная кисть (Art Brush) и нажимаем OK. Теперь нам нужно настроить кисть.

В окне настроек, установите следующие значения для новой кисти – Настройки масштабирования кисти(Brush Scale Options): Растянуть по длине обводки(Stretch to Fit Stroke Length), Направление(Direction): Обводка слева направо(Stroke From Left to Right), Окраска(Colorization): Оттенки, (Tints) Перекрытие(Overlap): Выравнивать углы и сгибы во избежание перекрытия, а затем нажмите кнопку OK, чтобы применить настройки.

Шаг 10

Удалите абстрактную фигуру, нарисуйте прямоугольник с помощью инструмента Прямоугольник (Rectangle Tool (M)) со следующими размерами: 514.378 pt по ширине и 315.584 pt по высоте. Выделите прямоугольник, примените кисть (просто щёлкните по прямоугольнику нашей созданной кистью). Поэкспериментируйте с размерами прямоугольника и кисти. Точно таким же образом, вы можете создать абстрактную высокотехнологическую фигуру из абстрактных кругов (как вы, возможно, догадались, взяв за основу инструмент Эллипс (Ellipse Tool (L)). Вы также можете создать ещё кисти, придавая каждой кисти новую форму.

Шаг 11

Как только вас устроит результат, и вы решите использовать созданную абстрактную фигуру в своей фотоманипуляции, то просто скопируйте фигуру (Ctrl + C) или перейдите Редактирование – Скопировать (Edit > Copy). Затем откройте программу Photoshop, вклейте скопированную фигуру на наш рабочий документ (для этого перейдите Редактирование – Вклеить (Edit > Paste) или нажмите клавиши (Ctrl + V)).

Шаг 12

Для коррекции цвета и размера фигуры, я советую вам вклеить данную фигуру, как Фигуру-слой (Shape Layer). С помощью инструмента Свободная трансформация (Free Transform Tool) (для выбора инструмента нажмите (Ctrl +T) или перейдите Редактирование – Свободная трансформация (Edit > Free Transform)), поиграйте с размером и позицией, чтобы подобрать интересное расположение (лично я только слегка увеличил размер). Не забудьте установить цвет Заливки (Fill) и Обводки (Stroke) на чёрный цвет (вы можете откорректировать фигуру с помощью инструмента Прямоугольник (Rectangle Tool (U))). Если вы используете фигуру из моего набора, то не забудьте добавить Обводку (Stroke), в противном случае, вы получите слегка другую фигуру.

Шаг 13

Преобразуйте слой с фигурой в Смарт-объект, для этого, щёлкните правой кнопкой мыши по слою и в появившемся окне выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object) или перейдите Слой - Смарт-объект – Преобразовать в смарт-объект (Layer > Smart Objects > Convert to Smart Object), а также поменяйте режим наложения для слоя с фигурой на Мягкий свет (Soft Light), Непрозрачность (Opacity) слоя: 50%, Заливка (Fill): 50%.

Шаг 14

Теперь, давайте поиграем с фильтрами. Вначале мы трансформируем абстрактную фигуру в пиксельный камуфляж. Немного поэкспериментировав, я выбрал следующую технику, которая подходит к атмосфере нашей картины. Итак, идём Фильтр – Стилизация – Разбиение(Filter > Stylize > Tiles). Установите Количество фрагментов(Number Of Tiles) 10, Максимальное смещение(Maximum Offset) 10%, Использовать для заполнения интервалов(Fill Empty Area With): Инверсное изображение(Inverse Image). Вы можете и дальше экспериментировать с фильтрами, чтобы подобрать интересный вид.

Шаг 15

Далее, примените ещё один фильтр. Я решил добавить небольшую текстуру. Идём Фильтр – Стилизация – Ветер (Filter > Style > Wind). Установите Метод (Method) Ветер (Wind), а Направление (Direction) Справа (From the Right). В своих работах я использую данный фильтр, т.к. он воссоздаёт эффект цифровых артефактов или что-то в этом роде. Результат будет отличный, если вы постараетесь применить фильтр к месту :).

Шаг 16

Далее, мы создадим новый слой с заливкой узора, для этого идём Слой - Новый слой -заливка – Узор(Layer > New Fill Layer > Pattern) или нажимаем кнопку Создайте новый корректирующий слой или слой-заливку(Create new fill or adjustment layer) в нижней части панели слоев. Выберите узор с горизонтальными линиями, Масштаб (Scale): 100%. Поменяйте режим наложения для данного слоя с заливкой на Перекрытие (Overlay). Если у вас нет данного узора, то выберите похожий узор из стандартного набора узоров программы Photoshop, для этого щёлкните по узору и в появившемся окне выберите узор “Web Patterns”.

Шаг 17

Если у вас нет данного узора, то вы можете просто создать его. Создайте новый документ со следующими размерами: 10 px по ширине и 500 px по высоте, разрешение (resolution) 200 пикселей / дюйм (px/inch). (Если вам понадобятся вертикальные линии, то поменяйте пропорции сторон). С помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M)), выделите примерно половину рабочей области, а затем залейте выделенную область чёрным цветом Редактирование – Заливка – Цвет (Edit > Fill > Color) или вначале нажмите клавишу “D” (чтобы выставить цвета по умолчанию), а затем нажмите клавиши (Ctrl + Del) или (Shift + F5). Далее, идём Редактирование – Определить узор (Edit > Define Pattern). Возвращаемся на предыдущий шаг, но теперь уменьшаем Масштаб (Scale) до 1%.

Шаг 18

Выберите инструмент Кисть (Brush Tool (B)), установите мягкую круглую кисть, размер кисти: 100 px, непрозрачность кисти: 50%, цвет кисти чёрный. Нарисуйте прямые горизонтальные линии на маске корректирующего слоя (во время работы с кистью, удерживайте клавишу “Shift”, чтобы линии были строго прямые). Мне нравится этот эффект, напоминающий шумовой сигнал на старом мониторе или камере.

Шаг 19

Добавьте ещё одну текстуру “04” из папки “Wireframes”, для этого идём Файл - Поместить (File > Place). Поверните текстуру на 90 градусов по часовой стрелке, увеличьте масштаб текстуры до краёв рабочей области. Расположите текстуру таким образом, чтобы обе фигуры были расположены симметрически. Поменяйте режим наложения для данного слоя с текстурой на Разделение (Divide), не переживайте, если текстура исчезла. Всё в порядке, просто её трудно увидеть.

Шаг 20

Чёрные линии превратились в белые линии. Примените корректирующий слой Уровни (Levels), идём Слой - Новый корректирующий слой – Уровни (Layer > New Adjustment Layer > Levels) для усиления линий на текстуре. Установите чёрный бегунок на отметке 187,  а затем преобразуйте данный корректирующий слой в обтравочную маску к слою с текстурой. Если вы хотите, чтобы текстура была более видимой, увеличьте значение для тёмных оттенков.

Шаг 21

Ещё немного эффектов и мы перейдём к тексту :). Создайте новый слой (Ctrl + Shift + N) или нажмите кнопку Создать новый слой (Create a new layer) в нижней части панели слоев. Выберите инструмент Прямолинейное лассо (Polygonal Lasso Tool (L)), а затем с помощью данного инструмента создайте выделение, похожее на половинку круга, при этом основа круга будет идеально ровной. Чтобы нарисовать прямую ровную линию, удерживайте клавишу “Shift”. Выберите инструмент Кисть (Brush Tool (B)), установите мягкую круглую кисть, размер кисти: 250 px, непрозрачность кисти: 100%, цвет кисти: #3da09f. Теперь, используя край кисти, нарисуйте небольшое свечение вдоль ровной основы круга. Далее, с помощью инструмента Ластик (Eraser Tool (E)), заранее настроив ластик на мягкую круглую кисть, смягчите свечение на краях.

Шаг 22

Нарисуйте множество линий по всему изображению. Поменяйте режим наложения для слоя с линиями на Осветление основы (Color Dodge). Далее, к этому слою добавьте слой-маску (либо нажмите кнопку Добавить слой-маску (Add a layer mask)в нижней части панели слоев, либо перейдите Слой - Слой-маска – Показать всё (Layer > Layer Mask > Reveal All). Далее, идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds). Таким образом, мы добавим мягкую текстуру на линии.

Примечание переводчика: 1. используя технику, описанную в Шаге 21, нарисуйте ещё несколько линий на одном слое, это не обязательно должен быть круг, здесь главное, чтобы была прямая линия 2. затем, к слою с линиями добавьте слой-маску и на слой-маске примените фильтр Облака.

Шаг 23

Я стараюсь рассказать вам не только про создание красивых обоев, но, а также стараюсь рассказать про эффекты. Использовать их или нет, это уже вы сами решайте. Итак, мы подошли к созданию текста! Выберите инструмент Горизонтальный текст (Horizontal Type Tool (T)), установите шрифт “Ebrima Bold” (данный шрифт должен входить в стандартный набор шрифтов программы Photoshop), размер шрифта: 62.34 pt, цвет шрифта белый. В окне настроек шрифта Символ (Character) (если данная закладка не видна в палитре слоёв, то идём Окно – Символ (Window > Character)), установите режим Все прописные (All Caps). Напечатайте любое слова. В моём случае, я написал слово “cyberwarfare”. Расположите слово по центру изображения между двумя абстрактными металлическими каркасами.

Шаг 24

Вы можете вернуться к Шагам 7 – 11 и нарисовать новую фигуру или использовать уже готовую абстрактную фигуру из набора. Итак, с помощью инструмента Произвольная фигура (Custom Shape Tool (U)), нарисуйте фигуру, как показано на скриншоте ниже (я использовал фигуру “Shape 2″), расположите фигуру так, чтобы текст был читаемым, а буквы были разборчивые. Удерживая клавишу (Ctrl)+щёлкните по миниатюре слоя с фигурой, чтобы загрузить активное выделение.

Примечание переводчика: 1. нарисуйте фигуру 2. я использовал фигуру “Shape 3″, она, на мой взгляд, показалась более интересной 3. растрируйте слой, чтобы можно было загрузить активное выделение 4. главное не перепутайте:, вначале загрузите активное выделение слоя с фигурой, а не слоя с текстом.

Шаг 25

К слою с текстом добавьте инвертированную маску, для этого, удерживая клавишу “Alt”+щёлкните по кнопке Добавить слой-маску (Add a layer mask)в нижней части панели слоев или перейдите Слой - Слой-маска – Скрыть выделенную область (Layer > Layer Mask > Hide Selection). Ещё раз создайте активное выделение, но на этот раз щёлкните по миниатюре слоя с текстом, далее, к слою с фигурой, добавьте слой-маску, для этого идём Слой - Слой-маска – Показать выделенную область (Layer > Layer Mask > Reveal Selection).

Шаг 26

Загрузите активное выделение текста (удерживая клавишу “Ctrl”+щёлкните по миниатюре слоя с текстом ), далее, проведите инверсию активного выделения (Ctrl + Shift + I) или перейдите Выделение – Инверсия (Select > Inverse). Переходим на слой-маску слоя с фигурой и с помощью жёсткой круглой кисти (непрозрачность (Opacity) кисти: 100%, цвет кисти: чёрный) удалите все лишние участки фигуры за исключением фрагментов, подходящих к тексту. Также удалите линии в пределах контура текста (ещё раз проведите инверсию активного выделения). Здесь главное проявить креативность. Попробуйте подойти творчески к созданию данного эффекта :). Чтобы отменить активное выделение, перейдите Выделение – Отменить выделение (Select > Deselect) или нажмите клавиши (Ctrl + D).

Примечание переводчика: данный шаг я выполнил за 2 действия:1. загрузил выделение + инверсия, всё как по тексту, далее, на маске слоя с фигурой, я использовал жёсткую белую кисть, чтобы создать интересные эффекты, здесь главное не переусердствовать, слегка пройдитесь кистью прямо рядом с кромкой текста 2. на 1-2 пикселя сместил слой с фигурой, направление и смещение на кол-во пикселей будет зависеть от вас.

Шаг 27

Теперь, выделите оба слоя, продублируйте их  (для этого нажмите (Ctrl + J) или перейдите Слой - Создать дубликат слоя… (layer > Duplicate layer…)), а затем объедините дубликаты слоёв в один слой. Для этого идём Слой - Объединить слои (Layer > Merge Layers…) или нажимаем сочетание клавиш (Ctrl + E). Преобразуйте объёдинённый слой в Смарт-объект, идём Слой - Смарт-объект – Преобразовать в Смарт-объект (Layer > Smart Objects > Convert to Smart Object). Далее, идём Фильтр – Стилизация – Ветер (Filter > Stylize > Wind). Установите Метод (Method) Ветер (Wind), а Направление (Direction) Справа (From the Right). Далее, ещё раз примените этот же фильтр (Ctrl + F) или идём Фильтр – Стилизация – Ветер (Filter > Stylize > Wind). Теперь сместите объёдинённый слой вниз, расположив его ниже двух слоёв с текстом и фигурой. Сгруппируйте полученные три слоя (Ctrl + G) или нажмите кнопку Создать группу (Create a group) в нижней части панели слоев. Уменьшите Заливку (Fill) до 0%.

Примечание переводчика: уменьшить заливку до 0 можно только в программе Photoshop SC6, в ранних версиях программы, такой возможности нет, как вариант, попробуйте слой с группой преобразовать в смарт-объект.

Шаг 28

Теперь мы перейдём к добавлению эффектов к тексту. Дважды щёлкните по слою с группой (или нажмите кнопку Добавить стиль слоя (Add a layer style) или перейдите Слой - Стиль слоя – Обводка (Layer > Layer Style > Stroke) и в появившемся окне выберите стиль слоя Обводка (Stroke)). В окне настроек данного стиля слоя,  установите Размер (Size): 2 px, Непрозрачность (Opacity):50%, Тип обводки (Fill Type): Градиент (Gradient), установите чёрно-белый градиент, Стиль (style) Зеркальный (Reflected), Угол (Angle): 90 градусов.

Далее, выберите стиль слоя Внутреннее свечение (Inner Glow). В окне настроек данного стиля слоя, установите Непрозрачность (Opacity): 100%, Шум (Noise): 10%, цвет #ff7878, Стягивание (Choke): 0%, Размер (Size): 7 px. Данный стиль слоя добавит глубины и сделает световые блики лучше.

Далее, добавьте стиль слоя Глянец(Satin), цвет #212121, Непрозрачность(Opacity): 63%, Смещение(Distance): 12 px, Размер(Size): 19 px. Глянец на тексте добавит объёма, а также цвет.

Градиент может создать базовый цвет текста, так же как и Глянец. Установите градиент #000000 > #73c1ff > #840000 > #ab0000 > #d20000 > #ff8383. Стиль (Style) градиента: Зеркальный (Reflected), Угол (Angle): 90 градусов, Масштаб (Scale): 31%, Непрозрачность (Opacity): 100%.

Далее, добавьте лёгкую текстуру. Выберите диагональный узор. Если у вас нет данного узора, то вы можете самостоятельно создать данный узор или использовать узор из Шага 16 или добавить узоры “Web Patterns” в стандартный набор узоров программы Photoshop (зайдите в палитру выбора узоров, щёлкните по маленькому значку и в появившемся окне выберите узоры “Web Patterns”). Установите режим наложения Разделение (Divide), степень Непрозрачности (Opacity) 100% и идём дальше.

Для усиления яркости текста, я использовал стиль слоя Внешнее свечение (Outer Glow).  В окне настроек данного стиля слоя, установите Непрозрачность (Opacity): 35%, Шум (Noise): 20%, цвет: #73c1ff, Размах (Spread): 0%, Размер (Size): 250 px. Также установите контур, такой же, как на скриншоте ниже.

Шаг 29

Далее, продублируйте группу с текстом (Ctrl + J) или перейдите Слой - Создать дубликат слоя (layer > Duplicate layer…). Далее, в стиле слоя Внешнее свечение (Outer Glow) поменяйте цвет на #ff1e1e, а также уменьшите значение Непрозрачности (Opacity) до 30%. На скриншоте ниже, вы можете увидеть, что произошло после редактирования стиля слоя. Самое главное – это уменьшить значение Заливки (Fill) для группы до 0% и не использовать Непрозрачность (Opacity), в противном случае, это повлияет на стиль слоя.

Примечание переводчика: «не использовать Непрозрачность (Opacity)» -  автор имеет в виду, не уменьшайте степень непрозрачности слоя с группой.

Шаг 30

Далее, мы создадим звуковые волны с помощью текста. Продублируйте любой слой с текстом (Ctrl + J) или перейдите Слой – Создать дубликат слоя (layer > Duplicate layer). Увеличьте значение Заливки (Fill) до 100%, а также удалите стили слоя (просто зажмите кнопкой мыши значок “Fx”+ переместите в корзину). Преобразуйте данный слой в смарт-объект, для этого идём Слой- Смарт-объект – Преобразовать в Смарт-объект (Layer > Smart Objects > Convert to Smart Object). Поменяйте режим наложения для созданного слоя на Перекрытие (Overlay). Далее, идём Фильтр – Искажение – Волна (Filter > Distort > Wave). В окне настроек данного фильтра, установите Число генераторов (Number of Generators): 217 для Длины волны (Wavelength) минимум (min): 1, максимум (max): 64, Амплитуда (Amplitude) минимально (min): 5, максимально (max): 35, Масштаб (Scale): 100% для обоих значений, а также укажите Тип (Type): Синусоида (Sine), поставьте галочку в окошке Повторить граничные пиксели (Repeat Edge Pixels).

Шаг 31

Продублируйте созданный слой два раза (Ctrl + J) или перейдите Слой – Создать дубликат слоя (layer > Duplicate layer). Для первого дубликата слоя установите значение Заливки (Fill): 50%, а для второго дубликата слоя поменяйте настройки для фильтра Волна (Wave). Установите Число генераторов (Number of Generators): 28, Длина волны (Wavelength) минимально (min): 1, максимально (max): 25, всё остальное оставьте без изменений. Данная волна будет немного короче, чем предыдущие волны.

Примечание переводчика: 1. вы можете сгруппировать слои с эффектом звуковых волн в одну группу 2. расположите слои со звуковыми волнами ниже оригинальных слоёв с текстом, так, чтобы данный эффект относился к заднему фону, а не к тексту.

Шаг 32

Осталась последняя деталь. В заключительной части мы добавим световые блики и виньетку. Вначале мы добавим световые блики. Добавьте световой блик “05” из набора “Flares”, для этого идём Файл - Поместить (File > Place), расположив блик ниже слоёв с волнами. Примените масштабирование к блику, чтобы он подходил под размеры рабочего документа. Поменяйте режим наложения для слоя с бликом на Осветление (Screen).

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

Шаг 33

Добавьте ещё два световых блика, как показано на скриншоте ниже. Набор с бликами не такой уж и большой, поэтому, вы можете попробовать применить другие блики. Поменяйте режим наложения для обоих слоёв с бликами на Осветление (Screen). Вы можете изменить цвет световых бликов с помощью корректирующих слоёв Цветовой Баланс (Color Balance) или Цветовой тон / Насыщенность (Hue/Saturation).

Примечание переводчика: на этот раз, расположите слои со световыми бликами поверх всех слоёв.

Шаг 34

Заключительный слой – это слой с градиентной заливкой. Идём Слой - Новый слой -заливка – Градиент (Layer > New Fill Layer > Gradient) или нажимаем кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоев. В окне редактора градиента установите чёрно-белый градиент, далее, сместите белый бегунок на Позицию (Location): 50 – 60% для плотности градиента. Далее, в окне настроек градиента, установите Масштаб (Scale) примерно 120%, Угол (Angle): 90, Стиль (Style): Зеркальный (Reflected). Теперь, чтобы увидеть эффект данного слоя, поменяйте режим наложения на Перекрытие (Overlay), а также уменьшите значение Заливки (Fill) до 40%.

Шаг 35

Не бойтесь экспериментировать, попробуйте что-то новое. На скриншотах ниже, вы можете увидеть ещё несколько вариантов на заданную тематику.

И мы завершили урок! Надеюсь, что вам понравился этот урок, и вы узнали сегодня что-то новое.

Итоговый результат

Урок в формате PSD

Автор: Maria Semelevich

Комментарии 27

jpg, png, gif, общий вес файлов не более 5Мб, не менее 450px по ширине и высоте
Ссылки внутри комментариев могут вести только на эти сайты

Марат, спасибо за урок!

Спасибо за урок! Интересные кибер-эффекты! )))

Спасибо! Получилось так.Отдельное спасибо за пояснения.

Вот второй вариант посветлее.

Спасибо ещё раз :)

Текст не очень вышел

спасибо за урок!

Терминатора сделал в иллюстраторе

Отличный кибер-эффект, спасибо! Не получался текст, как у автора, поэтому пришлось поэкспериментировать.

Урок просто отличный! Спасибо большое :)

Спасибо, за урок!

о.О было тяжело, вот что вышло
спасибо :р

Спасибо за урок, все круто)

Воевала с градиентом долго и нудно. В итоге, сделала совсем по другому. Но после бликов белый цвет опять проступил и пропала четкость у букв ((
А так, в принципе, все очень понравилось ) Спасибо )

Классный урок. Вспотел пока делал.

Очень интересный урок. Большое спасибо!

Спасибо за урок))

у меня ступор на 26 шаге, помогите

Наверх

Авторизация

Забыли?

Регистрация