Как нарисовать красно-синий логотип Douyin в PS (пошаговый разбор с картинками)

Примерно 7 минут чтения

Главная/ Уроки PS/ Как нарисовать красно-синий логотип Douyin в PS (пошаговый разбор с картинками)

Красно-синее расщепление в логотипе Douyin — на самом деле просто смещение каналов. Обведите контур «Пером», продублируйте слой, разведите копии, залейте их красным и синим, добавьте фон — и готово. Четыре шага, после которых принцип становится очевидным.

Шаг 1: берём изображение и обводим контур

  1. Изображение для практики — на сайте есть оригинал в высоком разрешении, его можно сохранить и тренироваться
    Логотип Douyin
  2. Откройте PS , затем перетащите в него нужное изображение (или начните с пустого холста). Здесь мы работаем прямо с оригинальным логотипом Douyin.
    Оригинальный логотип Douyin, открытый в PS
  3. Выберите инструмент: на левой панели найдите значок, похожий на перо, — это «Перо». Обведите им край логотипа Douyin точка за точкой. Точность не обязательна: достаточно примерно верной формы.
    Обводим контур логотипа Douyin инструментом «Перо» в PS
  4. Когда обводка готова, щёлкните правой кнопкой по только что нарисованному контуру и выберите «Образовать выделенную область». Затем нажмите Ctrl+Delete (Windows) или Cmd+Delete (Mac), чтобы залить выделенную область белым.
    Создаём выделение в PS и заливаем его белым

    Теперь у вас чисто белый логотип Douyin!

Шаг 2: дублируем слой и строим красно-синий эффект

  1. Продублируйте слой: на панели «Слои» выберите белый слой логотипа, который вы только что залили, и нажмите Ctrl+J (Windows) или Cmd+J (Mac). Теперь у вас два одинаковых белых логотипа.
    Дублируем белый слой логотипа в PS
  2. Сместите его: выберите верхний слой и слегка сдвиньте его мышью вправо и вверх (или влево и вниз — как больше нравится). Логотипы немного разошлись — это и есть зерно глитч-арта.
    Сдвигаем дублированный слой логотипа, чтобы получить смещение

Шаг 3: раскрашиваем два слоя и разделяем красный и синий

Это ключевой шаг. Нужно, чтобы верхний и нижний слои показывали разные цвета.

  1. Сначала нижний слой:
    • Выберите нижний слой логотипа.
    • Внизу панели «Слои» нажмите маленький значок «fx» и выберите «Параметры наложения…».
    • В открывшемся окне найдите раздел «Каналы».
    • Оставьте галочку только на «R» (красный канал), а «G» (зелёный) и «B» (синий) снимите.
    • Нажмите OK. Теперь нижний логотип показывает только красные части.
      Открываем параметры наложения слоя
      Настраиваем нижний слой так, чтобы он показывал только красный канал
  2. Затем верхний слой:
    • Выберите верхний слой логотипа.
    • Снова нажмите «fx» и выберите «Параметры наложения…».
    • В разделе «Каналы» на этот раз оставьте только «G» и «B», а «R» снимите.
    • Нажмите OK. Теперь верхний логотип показывает только зелёные и синие части.
      Настраиваем верхний слой так, чтобы он показывал только зелёный и синий каналы

Вот и всё! Поскольку слои слегка смещены, а цветовые каналы разделены, получается то самое классическое красно-синее двоение логотипа Douyin.

Шаг 4: добавляем фон — и готово

Напоследок, чтобы работа выглядела законченнее и аккуратнее, создайте новый слой в самом низу и протяните приятный фоновый градиент инструментом «Градиент» (например, от глубокого синего к светло-синему или от чёрного к серому).

Готово — логотип Douyin закончен!

Готовый эффект логотипа Douyin

Источники

  • Online PS
  • Официальная документация Adobe
  • Сайты с уроками по Photoshop
← Вернуться к списку уроков