Урок Online PS: дизайн приглашения

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

Главная/ Уроки PS/ Урок Online PS: дизайн приглашения

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

1. Создайте холст

  1. Откройте Online PS и нажмите Файл → Создать в левом верхнем углу (или Ctrl+N).
  2. В появившемся диалоговом окне задайте:
    • Ширина 800 px, высота 1200 px.
    • Содержимое фона Белый (белый уже стоит по умолчанию; также можно задать «Фон» → «Белый»).
    • Разрешение оставьте по умолчанию 72 dpi (это для показа на экране).
  3. Подтвердите и нажмите Создать, чтобы получить пустой белый холст.

2. Заливаем фон глубоким синим

  1. Нажмите на образец Основной цвет слева на панели инструментов, чтобы открыть палитру.
  2. Введите #003366 (глубокий синий) в поле HSL / HEX и подтвердите.
  3. Используйте сочетание Ctrl+Shift+Backspace (или Редактирование → Выполнить заливку), чтобы открыть диалог заливки, выберите «Использовать: Основной цвет» и нажмите OK.
  4. Холст залит глубоким синим.

3. Рисуем белый прямоугольник

  1. Выберите инструмент «Прямоугольник» (U) на левой панели и убедитесь, что режим — Фигура, а не Контур.
  2. На панели параметров сверху задайте Заливку #FFFFFF (белый) и отключите обводку (Обводка → Нет).
  3. Протяните мышью в центре холста, чтобы нарисовать белый прямоугольник примерно 700 px в ширину и 1000 px в высоту, оставив по краям глубокую синюю рамку. Если ввести ширину и высоту в панели параметров, размер будет точным.
  4. Теперь на синем фоне лежит большой белый прямоугольник.

4. Рисуем внутренний глубокий синий прямоугольник

  1. Всё тем же инструментом «Прямоугольник» смените Заливку на #003366 (глубокий синий) и отключите обводку.
  2. Внутри белого прямоугольника нарисуйте прямоугольник поменьше — около 620 px в ширину и 900 px в высоту — и держите его по центру.
  3. Можно ввести X, Y, Ш, В в панели параметров, чтобы быстро разместить его по центру.

5. Рисуем и корректируем сердце

  1. Переключитесь на инструмент «Произвольная фигура» (U) на левой панели (нажмите и удерживайте «Прямоугольник» или нажмите U и выберите фигуру).
  2. Найдите фигуру «Сердце» в библиотеке фигур сверху. Если её нет, нажмите «Больше фигур…», найдите «heart» и импортируйте.
  3. На панели параметров задайте Заливку #FF6666 (светло-красный) или любой другой цвет и отключите обводку.
  4. Протяните в левом верхнем или правом верхнем углу холста (как удобнее для композиции), чтобы нарисовать сердце, начиная примерно с 200 px × 180 px.
  5. С выделенным сердцем примените Редактирование → Трансформирование → Деформация (Ctrl+T → правая кнопка → «Деформация»), чтобы наклонить и растянуть его под декор приглашения.
  6. Затем мышью перетащите сердце в лучшее место (хорошо работает акцент у верхнего левого или правого края текстового блока).

6. Пишем «INVITATION» внутри сердца

  1. Выберите инструмент «Горизонтальный текст» (T) на левой панели и задайте цвет текста #FFFFFF (белый) или глубокий синий — что лучше контрастирует с фигурой.
  2. Щёлкните один раз внутри сердца, появится текстовое поле — наберите «INVITATION» и добавьте межбуквенный интервал, чтобы слово растянулось по фигуре.
  3. Подберите подходящий шрифт в панели параметров (например, «Microsoft YaHei» или «Source Han Sans»; если хочется строже — «FangZheng KaiTi»).
  4. Задайте размер 80 pt (подгоните под размер сердца) и включите полужирное или курсивное начертание, чтобы слово выделялось.
  5. Подправьте положение инструментом «Перемещение» (V), чтобы текст стоял по центру сердца.

7. Добавляем к тексту растительные росчерки

  1. Всё тем же инструментом «Произвольная фигура» (U) поищите в библиотеке «floral» или «ornament». Выберите два тонких узора, которые нравятся.
  2. Задайте росчеркам Заливку #FFFFFF и отключите обводку.
  3. Поставьте один росчерк слева вверху от первой буквы, второй — справа внизу от последней (или по обе стороны от двух строк), масштабируя по вкусу (около 30 px в ширину).
  4. Если росчерк слишком крупный или неудачно стоит, выделите его и поправьте свободным трансформированием (Ctrl+T).
  5. В итоге текст и декор выглядят изящнее, а слои читаются лучше.

8. Добавляем основной текст приглашения

  1. Снова выберите инструмент «Горизонтальный текст» (T), щёлкните в пустой области белого прямоугольника (или внутри синего) и наберите детали события, например: 
    Дата: суббота, 15 марта 2026, 19:00
Место: банкетный зал, отель XXX, Пекин
Тема: весенняя вечеринка
Просьба ответить до 10 марта
  2. Подберите размер (скажем, 48 pt) и межстрочный интервал (около 1,2), цвет — глубокий синий или чёрный.
  3. Добавляйте или убирайте строки по необходимости и выравнивайте кнопками (по левому краю / по центру), чтобы макет выглядел аккуратно.
  4. Сохраните работу: Файл → Экспортировать как → PNG/JPEG (или просто Ctrl+Shift+S), чтобы скачать изображение приглашения.

Источники

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