Урок Online PS: обои с полосатым фоном

Нарисовать полосатые обои самому быстрее, чем искать стоковую картинку. Задайте полосы как узор, размножьте его по холсту, смените палитру — и получатся совершенно новые обои, а сверху ляжет ваш собственный текст. Несколько шагов в Online PS, и вам больше не придётся перебирать стоковые сайты.

1. 1 Новый документ и настройка цветов
   1️⃣ В Online PS нажмите Файл → Новый (или Ctrl+N ) и создайте холст шириной 1080 px × высотой 1920 px при 72 dpi (размер можно изменить по вкусу).
   2️⃣ Создайте новый слой, Слой 1.
   3️⃣ Задайте цвет переднего плана — чёрный (#000000), а цвет фона — средне-серый (#807f7d).
2. 2 Добавьте волокнистую текстуру
   Выберите Фильтр → Рендеринг → Волокна .
   Параметры: Различие 40, Сила 1, затем нажмите ОК.
3. 3 Размытие в движении — вытяните вертикальные полосы
   Выберите Фильтр → Размытие → Размытие в движении .
   Параметры: Угол 90°, Смещение 2000 px.
   Когда фильтр отработает, получится вертикальная «решётка».
4. 4 Стиль слоя — наложение градиента
   Дважды щёлкните Слой 1, чтобы открыть «Стиль слоя».
   Включите Наложение градиента, смените режим наложения на Перекрытие и задайте угол 0°.
   Используйте радужный градиент:
     фиолетовый → синий → зелёный → жёлтый → красный (добавьте эти цветовые маркеры в редакторе градиентов).
5. 5 Инструмент «Градиент» — постройте маску полос
   1️⃣ Убедитесь, что цвет переднего плана по-прежнему чёрный.
   2️⃣ Возьмите инструмент «Градиент» (G) и в панели параметров установите режим «От основного к прозрачному».
   3️⃣ Создайте слой 2 и слой 3 (оба выше Слой 1).
   4️⃣ Проведите градиент на слое 2 снизу вверх, а на слое 3 — сверху вниз. Края растворятся, и появится тот самый эффект полос.
6. 6 Добавьте текст и завершите работу
   Возьмите инструмент «Текст» (T), щёлкните в любом месте холста и наберите нужный текст (например, «Hello World» или свою подпись).
   Подберите шрифт, размер, цвет и режим наложения так, чтобы текст хорошо смотрелся на полосах.
   Когда всё готово, сохраните файл через Файл → Экспортировать как → PNG/JPEG .

Источники

• Официальная документация Adobe Photoshop
• HTML5 и принципы современной обработки изображений на фронтенде
• Online PS