Урок PS онлайн: постер со звездой в стиле Douyin

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

Главная/ Уроки PS/ Урок PS онлайн: постер со звездой в стиле Douyin

Каркас постера со звездой в стиле Douyin — это смещение плюс контрастный цвет. Начните с нового холста, продублируйте слой и разделите его по каналам, разведите красный, зелёный и синий для ощущения глитча, а затем добавьте цвет и линейные акценты, прежде чем ставить текст. Тот же рецепт работает и для вертикального, и для горизонтального формата в Online PS.

1️⃣ Подготовка

  1. Откройте редактор Online PS и нажмите Файл → Новый в левом верхнем углу (или Ctrl+Alt+N).
    Задайте холст 210 мм × 297 мм (A4), разрешение 72 dpi, цветовой режим RGB, содержимое фона «Белый» и нажмите «Создать».
  2. Внесите фото звезды, которое хотите сделать объектом (скажем, Джей Чоу), через Файл → Открыть или просто перетащите его в Photoshop.
  3. Вернитесь на новый холст A4 и используйте Файл → Поместить внедрённый… (или Ctrl+Shift+P), выберите только что открытое фото.
    Примените правило третей (оставьте примерно 1/6 кадра как поле слева, справа, сверху и снизу, чтобы композиция была напряжённее), подтвердите — изображение станет слоем; переименуйте этот слой в Джей Чоу.

2️⃣ Создание и дублирование слоёв

  1. Выберите слой Джей Чоу и нажмите Ctrl+J три раза, чтобы получить три одинаковых слоя. Переименуйте их по порядку в R, G и B (исходный можно удалить или скрыть).
  2. Каждый из слоёв R, G и B получит свои настройки микширования каналов на следующем шаге — именно это и создаёт смещение цветовых каналов.

3️⃣ Микширование каналов (смещение RGB)

Это ключевой шаг для вида «глитч-каёмки», который вы видите во множестве коротких видео Douyin.

  1. Выберите слой R → щёлкните правой кнопкой → «Параметры наложения…» → откройте «Дополнительные параметры наложения» слева в диалоге → в строке «Каналы» отметьте R (оставьте только красный канал).
  2. Так же оставьте только канал G на слое G и только канал B на слое B.
  3. Сдвиньте слой R на 7 px влево, а слой G на 7 px вправо (B оставьте на месте), используя V («Перемещение») и стрелки или просто перетаскивание.
    Теперь изображение показывает лёгкое цветовое смещение, как предпросмотр сломанного телесигнала.
Совет: для более сильного ощущения «сбоя сигнала» увеличьте смещение до 10–15 px или подвигайте слой B влево-вправо (скажем, ±2 px) — только следите, чтобы общий цвет не стал блёклым.

4️⃣ Смещение — разрывы и короткие замыкания

  1. На панели «Слои» выделите слои R, G и B и нажмите Ctrl+Shift+Alt+E («Объединить видимые на новый слой»), чтобы получить один сведённый слой; назовите его «Смещение».
  2. С выделенным слоем «Смещение» возьмите «Прямоугольную область» (M) и нарисуйте несколько выделений в случайных местах изображения (разного размера, свободно разбросанных).
    Затем переключитесь на «Перемещение» (V) и сдвиньте каждое выделение на несколько пикселей влево или вправо, чтобы получить вид разбитого, «замкнувшего» изображения.
  3. Необязательно: примените к слою «Смещение» (или его частям) фильтры Фильтр → Искажение → Волна или Фильтр → Оформление → Мозаика для дополнительной глитч-текстуры.
    Начните с мягкой «Волны» (амплитуда около 5–10), затем перейдите к «Мозаике» с размером ячейки 3–5 и подправьте на глаз по всему изображению.
  4. Когда все смещения сделаны, снимите выделение (Ctrl+D) и проверьте общий результат. Если фрагменты кажутся слишком плотными и засоряют изображение, уберите несколько «Ластиком» или маской.
Баланс плотности: начните с крупных смещений (5–6 прямоугольников примерно 150 px шириной и высотой), чтобы задать общий силуэт, а затем вставьте между ними мелкие (20–30 px) — так изображение получит и удар, и глубину.

5️⃣ Цвет и акценты

  1. Создайте новый пустой слой над слоем «Смещение» через Shift+Ctrl+N → подтвердите.
    Нажмите Ctrl+Delete (или задайте цвет переднего плана #f018cd на панели «Цвет» и выполните заливку), чтобы залить слой этим цветом.
    Задайте режим наложения слоя «Перекрытие» и непрозрачность 85 %, чтобы мягко залить всё изображение пурпурным и добавить глитчу атмосферы.
  2. Создайте ещё один пустой слой через Shift+Ctrl+N → выберите «Узор» как содержимое заливки, нажмите «Особый узор» и выберите «Горизонтальные линии» (или скачанный линейный узор; если ничего нет, подойдёт стандартная «Сетка»).
    Задайте этому слою режим наложения «Линейный затемнитель» и непрозрачность 8 %, чтобы добавить тонкую линейную текстуру, как строки развёртки старого телевизора.
Альтернативные палитры:
  • Для более холодного вида смените цвет переднего плана на #0ddff5 (бледно-голубой) и продолжайте использовать «Перекрытие».
  • Для более тёплого вида используйте #ff9326 (оранжевый) так же.

6️⃣ Типографика

Текст — душа постера. В примере ниже используются «Джей Чоу» и «Ноктюрн» — подставьте любое имя артиста или название.

  1. Создайте текстовый слой (T) и наберите Jay Chou. Хорошо подойдёт обычный гротеск (Source Han Sans или любимый в Douyin «PingFang SC Medium»); размер около 96 pt (подстройте под холст), цвет чисто белый #ffffff или слегка светящийся #ffde00, выравнивание по центру.
    Используйте Слой → Стиль слоя → Внешнее свечение с цветом #ff018c (розовый) и размером около 30 px, чтобы добавить глубины.
  2. Создайте ещё один текстовый слой и наберите RED SUN (или китайское название «Ноктюрн»), размер около 48 pt, тем же белым или металлическим #ffd700 (золотой), и наклоните его по текстовому пути (Редактирование → Трансформирование → Перспектива), чтобы добавить динамики.
  3. Чтобы добавить глубины, нарисуйте две тонкие линии за текстом (Фигура → Линия) в #f018cd (как у слоя наложения выше), режим наложения «Перекрытие», непрозрачность около 30 %, расположите свободно, как декоративные строки развёртки.
  4. Подправьте общую композицию: портрет звезды (основной слой) должен оставаться за текстовым слоем, но не быть им перекрыт; размещайте текст в пустых зонах или добавьте лёгкую тень для читаемости.
Советы по композиции:
  • Используйте инструменты выравнивания (Окно → Выравнивание), чтобы центрировать текст по горизонтали или вертикали одним щелчком.
  • Для эффекта переплетения текста и изображения задайте текстовому слою режим наложения «Осветление» или переместите текстовый слой под слой «Смещение» — получится полупрозрачный «глитч-текст».

7️⃣ Экспорт

  1. Когда позиции, цвета и текст проверены, сначала сохраните PSD, чтобы можно было править позже (Ctrl+Shift+S → выберите PSD).
  2. Экспортируйте файл для соцсетей:
    Файл → Экспортировать как → PNG (или JPEG), сохраняя размер 210 мм × 297 мм (72 dpi) и качество 90 %+ (JPEG).
    Если публикуете в Douyin (вертикальный формат), переведите его в вертикальный холст 1080 × 1920 px через Изображение → Размер изображения или введите размеры вручную в «Файл → Экспортировать как → PNG».
  3. Готово! Загружайте готовое изображение прямо в Douyin, Weibo или любую другую платформу, добавляйте музыку — и у вас постер со звездой, который бьёт в глаза 🎉

Источники

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