Глитч-текст в стиле Douyin: урок Online PS

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

Главная/ Уроки PS/ Глитч-текст в стиле Douyin: урок Online PS

Четыре шага — и у вас глитч-текст в стиле Douyin: создайте холст и напишите слова, «разорвите» буквы со смещением, положите сверху цветную копию со сдвигом, затем экспортируйте прозрачный PNG, который сразу вставится в презентацию или видео. Быстрый способ делать обложки в Online PS.

Шаг 1: Готовим холст

  1. Откройте Online PS (zaixianps.cc) и вызовите диалог «Новый проект».

    Рекомендуемый размер: 1920 px в ширину × 1080 px в высоту (или любой нужный), разрешение 72 ppi, содержимое фона — Белый.

  2. Нажмите D, чтобы сбросить цвет переднего плана (слева) и цвет фона (справа) к стандартным чёрному и белому.

  3. Нажмите Alt + Delete (Windows) или Option + Delete (Mac), чтобы залить весь холст цветом переднего плана — сейчас это чёрный.

Если хотите начать с белого холста, сначала смените цвет переднего плана на белый, а затем выполните Alt + Delete.

Шаг 2: Добавляем текст

  1. Возьмите инструмент «Текст» (T), щёлкните в середине холста и наберите нужные слова (например, «Douyin»).

  2. Удерживая Ctrl + Alt (Cmd + Option на Mac), перетащите текстовый слой, чтобы получить две копии.

    Дайте каждой копии свой цвет заливки (например, оранжево-красный и голубой), чтобы стопка читалась объёмнее.

  3. Выделите цветной текстовый слой, который хотите сдвинуть, удерживайте Ctrl (Cmd на Mac) и перетащите его так, чтобы цветной текст оказался под белым.

    Если сомневаетесь в порядке, просто перетаскивайте слои на панели «Слои» — слой, который выше на панели, оказывается впереди на холсте.

Порядок слоёв в Online PS работает точно как в Photoshop: чем выше слой на панели «Слои», тем он ближе к зрителю на холсте и тем сильнее перекрывает нижние слои.

Шаг 3: Искажаем текст (эффект «рваного» глитча)

  1. Выделите все три текстовых слоя сразу (белый текст и две цветные копии).
    Сочетание: щёлкните один слой, затем Ctrl + Click (Cmd + Click на Mac) по остальным.

  2. Правая кнопка по слою → «Растрировать текст», чтобы превратить текст в пиксели.

    Затем снова правая кнопка → «Объединить слои», чтобы свести три растрированных слоя в один.

  3. Возьмите «Прямоугольную область» (M) и обведите ту часть текста, которую хотите «разорвать».

    Затем удерживайте Ctrl + Shift (на Mac так же) и перетащите выделение: это сдвигает блок пикселей и создаёт эффект смещённых осколков.

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

Для более тонкого глитча усильте его через «Редактирование → Трансформирование → Деформация» или «Редактирование → Трансформирование → Перспектива», чтобы растянуть и наклонить фрагменты.

Шаг 4 (необязательно): прозрачный PNG для слайдов

  1. Дважды щёлкните по фоновому слою (заблокированному «Фон»), переименуйте его как угодно в диалоге и нажмите OK, чтобы разблокировать.

    Затем щёлкните по значку глаза слева от фонового слоя на панели «Слои», чтобы скрыть его.

  2. Выберите Файл → Экспортировать как → PNG (или сочетание Ctrl + Shift + Alt + S). В диалоге «Экспорт PNG» убедитесь, что стоит галочка «Прозрачность», затем нажмите «Сохранить».

  3. Откройте PowerPoint (или Keynote) и вставьте экспортированный PNG на нужный слайд. Поскольку альфа-канал сохранён, текст естественно парит над любым фоном.

Если нужно только посмотреть результат в Online PS, можно также сохранить его как PSD (Файл → Сохранить как → PSD) и открыть снова для правки, когда захочется.

Частые вопросы (FAQ)

1. Почему текст выглядит рваным после перемещения?

Как только текст растрирован, он становится пиксельным слоем, и перемещение даёт слегка рваные края. Выполните «Редактирование → Сдвиг», а затем ещё раз повысьте резкость через «Фильтр → Усиление резкости → Контурная резкость», или увеличьте холст перед экспортом и уменьшите обратно после.

2. Что делать, если файл проекта стал слишком большим?

Когда все шаги сделаны, обрежьте холст до реально нужного размера («Изображение → Кадрирование»), затем убедитесь, что разрешение 72 ppi, и экспортируйте PNG — размер файла заметно уменьшится.

3. Можно ли быстрее «глитчить» несколько строк текста сразу?

Выполните шаги выше для каждой строки отдельно, сложите группы слоёв каждой строки в одну общую папку, затем выделите все дочерние слои сразу и сделайте «Растрировать» + «Объединить слои», и наконец разорвите выделение за один проход.

4. Какие эквиваленты этих сочетаний на Mac? 
Ctrl  →  Cmd (⌘)
Alt   →  Option (⌥)
Delete →  Backspace
Ctrl + Alt  →  Cmd + Option
Ctrl + Shift → Cmd + Shift

Источники

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