Photoshop — растровая графика и ретушь

1. Растровая графика и Photoshop

Растровое изображение состоит из пикселей — цветных точек. Чем больше пикселей (разрешение), тем качественнее картинка, но и тяжелее файл. Photoshop работает именно с пикселями, поэтому он незаменим для фото и текстур.

• фоторетушь и цветокоррекция;
• баннеры, обложки, посты для соцсетей;
• вырезание объектов и замена фона;
• подготовка изображений для веба и печати.

2. Интерфейс и рабочее пространство

Запусти Photoshop и открой файл через File → Open или создай новый (Ctrl + N). Основные элементы:

• Панель инструментов (слева) — кисти, выделение, перемещение;
• Палитра слоёв (справа) — все слои документа;
• Панель параметров (сверху) — настройки активного инструмента;
• Панель цвет / свойства — цвета, настройки документа.

Клавиша Tab скрывает панели (удобно для предпросмотра). Рабочие области переключаются в меню Window → Workspace.

3. Слои — основа Photoshop

Слой — это отдельная «плёнка» с частью изображения. Слои накладываются друг на друга снизу вверх. Большинство операций выполняется именно через слои.

Палитра слоёв:
[+] Слой 1 (новый)            // Ctrl + Shift + N
[Текст]                       // текстовый слой
[Заливка]                     // заливка цветом/градиентом
[Фото]                        // фоновое изображение

Ключевые действия со слоями:

• Ctrl + J — копировать слой или выделение;
• Ctrl + E — объединить выделенные слои;
• прозрачность слоя — параметр Opacity;
• режимы наложения (Blend mode) — Multiply, Screen, Overlay и др.

4. Выделение — главная техника

Выделить объект — значит ограничить область, к которой применяется действие. Инструменты:

Уточнение краёв

После выделения нажми Ctrl + Shift + I (инвертировать) и сгладь края через Select and Mask: здесь настраивается растушёвка (Feather), сглаживание (Smooth) и проверка на чёрном/белом фоне.

5. Маски слоя

Маска скрывает часть слоя, не удаляя пиксели. Чёрный на маске — скрыто, белый — видно, серый — полупрозрачно.

Добавление: выдели слой → кнопка Add layer mask внизу палитры слоёв. Дальше рисуй кистью: чёрной прячешь, белой возвращаешь.

• маски редактируются в любой момент без потерь;
• зажми Alt и кликни по миниатюре маски — увидишь её на холсте;
• Ctrl + I на маске — инвертировать (перевернуть скрытие).

6. Цветокоррекция

Цветокоррекция делает фото «живым»: правит яркость, контраст и оттенки. Основные корректирующие слои (Layer → New Adjustment Layer):

Корректирующие слои применяются с маской: нарисуй маску поверх слоя и «прокрась» только нужную зону — так коррекция не заденет остальное фото.

Быстрый контраст

1. Слой -> Новый корректирующий слой -> Curves
2. Поставь точку на кривой и потяни вверх (светлее) или вниз (темнее)
3. S-кривая: низ кривой вниз, верх вверх  =  сочный контраст

7. Ретушь

Ретушь убирает дефекты и чистит фото. Основные инструменты на панели:

Восстанавливающая кисть требует образец: Alt + клик по чистой зоне, затем рисуй по дефекту. Clone Stamp делает то же самое буквально — идеально для текстур.

8. Текст и типографика

Инструмент Type (T) создаёт текстовый слой. Такое текст остаётся векторным и редактируемым до растеризации.

• одна строка — инструмент, затем набор текста;
• рамка текста — тяни прямоугольник, появится перенос по абзацу;
• параметры: Character (шрифт, размер, трекинг), Paragraph (выравнивание, отступы).

Эффектный текст

Выдели слой текста и примени: двойной щелчок по слою, затем в появившемся окне Layer Style:

• Drop Shadow — тень;
• Bevel and Emboss — объём;
• Gradient Overlay — градиент на буквы;
• Stroke — обводка.

9. Смарт-объекты и фильтры

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

Создание: ПКМ по слою → Convert to Smart Object. Применяй фильтры через Filter → Convert for Smart Filters — тогда фильтр станет правкой, которую можно менять вдвойне.

Популярные фильтры:
Blur -> Gaussian Blur     # размытие (фон, свечение)
Sharpen -> Smart Sharpen  # повышение чёткости
Noise -> Add Noise        # шум/зерно
Filter Gallery            # художественные эффекты

10. Экспорт для веба и печати

Формат зависит от цели:

Экспорт в Интернет: File → Export → Export As → PNG/JPG (здесь ставь размеры и качество). Для печати: File → Save As → TIFF, разрешение 300 dpi, цветовая модель CMYK при необходимости.

11. Горячие клавиши и быстрый процесс

Рабочий процесс новичка

1. Открой фото, продублируй его (Ctrl + J)
2. Трудись только на копиях и масках
3. В конце: собрать все правки через слои-папки
4. Экспорт: File -> Export As -> PNG/JPG

12. Продвинутые выделения

Инструменты выделения в Photoshop — это не просто «лассо». Умение комбинировать каналы, маски и команды делает выделение точным даже с волосами и полупрозрачными стеклом.

• Быстрая маска (Q) — рисование выделения кистью как маской.
• Каналы — самый контрастный канал даёт основу для выделения через Выделение → Загрузить из канала.
• Выделение и маска — кнопка в панели инструментов, дорабатывает края и растушёвку.

Рабочий порядок сложного выделения:
1. Дублируем слой и создаём канал-копию
2. Усиливаем контраст: Уровни (Ctrl+L)
3. Загружаем выделение из канала
4. Уточняем края в «Выделение и маска»
5. Сохраняем результат как маску слоя

13. Группы слоёв и организации проекта

В серьёзном макете десятки слоёв. Группы (Ctrl+G) превращают хаос в понятную структуру, а смарт-объекты и стили позволяют менять всё быстро и согласованно.

Структура типичного макета:
[Группа] Экспорт
  └─ Кнопки, иконки, логотип
[Группа] Контент
  └─ Заголовки, карточки, футер
[Группа] Фон
  └─ Базовая подложка

14. Перспектива и свободные трансформации

«Свободное трансформирование» (Ctrl+T) умеет не только растягивать: режим перспективы и деформации позволяет подогнать текстуру под угол стены или экран устройства.

Текст на обложке под наклоном:
1. Выделяем слой с текстом
2. Ctrl+T (свободное трансформирование)
3. Правой кнопкой → Перспектива
4. Тянем верхние углы по горизонтали
5. Двойной клик для применения

15. Actions и пакетная обработка

Actions записывают последовательность команд и воспроизводят её в один клик. Пакетная обработка применяет экшен сразу к папке файлов — незаменима для ресайза фото или водяных знаков.

Как записать экшен:
1. Окно → Действия (Alt+F9)
2. Новая операция → Запись
3. Выполняем команды (размер, фильтр, сохранение)
4. Стоп

Пакетная обработка:
Файл → Автоматизация → Пакет
→ Источник: папка с фото
→ Операция: наш экшен
→ Сохранение: JPEG, качество 80

• Сохраняйте экшены в «по умолчанию» — они переживут переустановку.
• Используйте создание папок и сохранение «как копию», чтобы не затереть исходники.
• Проверяйте экшен на тестовом файле с разными размерами изображений.

16. Кривые и продвинутая цветокоррекция

Кривые (Curves) — гибкий инструмент коррекции тона: по осям X и Y отложены «вход» и «выход», и любой изгиб меняет яркость и контраст сразу по всему изображению или по отдельным каналу (R/G/B). Это не просто «сделать ярче», а способ сбалансировать свет и тень по гистограмме.

Camera Raw / Curves:
1. Диагональ S-образная → контраст без потери краев
2. Точка на области теней вниз → убрать «молочность»
3. Поканальные кривые → отстроить баланс белого
4. Кривая по маске → локальная коррекция объекта

Продвинутые приёмы: целевая коррекция по цветовой области (Selective Color), градиентные маски для неба и кожи, а также коррекция через корректирующие слои, которые остаются редактируемыми. Работайте в 16-битном режиме: 8 бит ломают градиенты, а пересохранение JPEG в JPEG ухудшает качество.

17. HDR, Neural Filters и нейросети

Функции HDR объединяют несколько экспозиций одного сюжета в одно изображение с расширенным тональным диапазоном: детали сохраняются и в небе, и в тенях. В Photoshop HDR готовится из 3–5 кадров через File → Merge to HDR, а затем тоном работает как с обычной фотографией.

HDR: 3 кадра (EV -2 / 0 / +2)
→ File → Automate → Merge to HDR Pro
→ выбрать алгоритм тонального маппинга
→ сохранить как TIFF 16 бит

Neural Filters — встроенная нейросеть для ретуши: супер-зум, восстановление лиц, раскраска ч/б фотографии, умягчение кожи. Они генерируют результат в один клик, но каждый фильтр остаётся «умным» слоем, который можно поправить маской после применения.

18. Готовим для веба: экспорт и ассеты

Для сайтов нужны лёгкие, резкие картинки: экспортируйте через File → Export → Save for Web или новый Export As. Форматы: JPEG для фото, PNG-24 для графики и логотипов с прозрачностью, WebP для современного веба, SVG — для векторной графики. В Export As доступно разрешение под дисплей.

WEBP:  (нет кнопки? включается плагином) — либо
File → Export → Save for Web: PNG/JPEG/WEBP
1. Храните исходник в PSD/TIFF
2. Экспортируйте минимум в 2x для ретина
3. Имя файла: строчные, без пробелов: hero-card.png

Для интерфейсов подготавливайте slice-и (врезки) в точных размерах и именах. Прозрачность проверяйте на реальном фоне: альфа-края White-out дают светлый ореол вокруг логотипа. Оптимизируйте итоговый вес отдельным шагом (TinyPNG/разметка), не в самом Photoshop.

19. Автоматизация: переменные и скрипты

Для серийных задач (прайс-баннеры, карточки товаров, открытки одного дизайна) используйте «переменные»: поля изображения, текста и видимость слоёв подставляются из текстового файла данных. Совместив их с экшенами, вы генерируете пачку вариантов без ручной правки каждого.

About Photoshop → ExtendScript Toolkit / UXP
// пример: автоматическая папка экспорта PDF
# JavaScript (ExtendScript)
var doc = app.activeDocument;
doc.exportDocument(new File('out.pdf'), ExportType.SMALLEST_FILE);

ExtendScript/UXP — язык сценариев Photoshop: он управляет миллисекундно повторяющимися операциями (переименование слоёв, массовый экспорт, сборка макетов). Скрипт запускаете из файла или назначаете на экшен — тогда пайплайн не требует ручных кликов вовсе.

Что дальше

Теперь ты знаешь, как работать со слоями, выделением и ретушью. Далее изучи Illustrator для векторной графики и логотипов, Figma для интерфейсов, а After Effects — для анимации обработанных изображений.

← Вернуться к курсам