Баннеры и макеты — Photoshop — Aduca

Рекламные форматы: Google Display 300×250, 728×90; Facebook 1200×628; VK/Odnoklassniki — свои пресеты. Safe zone: важный текст не ближе 48–64 px от краёв.

Структура баннера: фон, визуал, заголовок, подзаголовок, CTA-кнопка, логотип. Иерархия через размер, контраст и цвет.

Собирайте баннер из смарт-объектов и стилей — быстрее адаптировать под другие размеры.

Facebook link

1200x628 px
Заголовок крупно слева
CTA кнопка контрастная
Лого в углу

Адаптация

Мастер 1200x628
Duplicate artboard 1080x1080
Перестроить композицию под квадрат

На заметку: Проверьте читаемость заголовка на мобильном — уменьшите превью до 25%.

Игра Упражнение

Содержание книги

Всего: 15 глав

Книга, игра и упражнения доступны без регистрации. Видеоуроки — после оплаты курса.

Adobe Photoshop — растровый редактор для фото, ретуши, коллажей, баннеров и UI-макетов. Работа строится вокруг холста (Canvas), панели слоёв, инструментов и панели свойств.Основные зоны: Toolbar слева, Options Bar сверху...

Читать главу

Игра Упражнение

При создании документа задают ширину, высоту, разрешение (ppi/dpi) и цветовую модель. Для web: 72 ppi и RGB; для печати: 300 dpi и CMYK.Canvas — видимая область; Image Size меняет размер всего изображения (может потерять...

Читать главу

Игра Упражнение

Слой — отдельный уровень изображения: фон, объект, текст, коррекция. Верхние слои перекрывают нижние. Opacity и Fill управляют прозрачностью; Fill не влияет на эффекты слоя.Группы (Ctrl+G) организуют сложные макеты. Blen...

Читать главу

Игра Упражнение

Выделение ограничивает область правок. Marquee (M) — прямоугольник/эллипс; Lasso (L) — свободное выделение; Quick Selection (W) — умное выделение по цвету и текстуре.Select and Mask уточняет края (волосы, мех). Feather с...

Читать главу

Игра Упражнение

Brush Tool (B) рисует цветом или текстурой кисти. Opacity — прозрачность мазка; Flow — интенсивность нанесения за один проход. Hardness определяет мягкость края.Пресеты кистей: мягкие для теней, жёсткие для деталей. Tabl...

Читать главу

Игра Упражнение

Spot Healing Brush убирает мелкие дефекты одним кликом. Healing Brush берёт текстуру с образца. Patch Tool переносит участок кожи. Clone Stamp копирует пиксели с Alt+клик (источник).Content-Aware Fill заполняет выделенну...

Читать главу

Игра Упражнение

Layer Mask скрывает или показывает части слоя чёрным и белым (серый — полупрозрачность). Неразрушающая обтравка: пиксели не удаляются, а маскируются.Clipping Mask обрезает слой по форме слоя ниже. Vector Mask — векторная...

Читать главу

Игра Упражнение

Adjustment Layers меняют цвет и тон неразрушающе: Curves, Levels, Hue/Saturation, Black & White, Photo Filter.Curves — точный контроль светов и теней. Levels — входные точки чёрного, серого, белого. Hue/Saturation —...

Читать главу

Игра Упражнение

Type Tool (T) создаёт Point Text (одна строка) или Paragraph Text (блок). Character panel — шрифт, размер, межбуквенный интервал; Paragraph — выравнивание и интервалы.Текст — векторный слой, масштабируется без потери чёт...

Читать главу

Игра Упражнение

Blend modes определяют, как пиксели слоя смешиваются с нижними. Multiply затемняет, Screen осветляет, Overlay усиливает контраст, Soft Light — мягкая коррекция.Частые приёмы: дубликат слоя + Overlay для контраста; Solid...

Читать главу

Игра Упражнение

Smart Object сохраняет исходные данные слоя — трансформации и фильтры можно менять позже. Convert to Smart Object: ПКМ по слою.Фильтры на Smart Object становятся Smart Filters — их можно отключать и редактировать. Linked...

Читать главу

Игра Упражнение

Filter Gallery — художественные эффекты. Gaussian Blur — размытие. Unsharp Mask / Smart Sharpen — резкость. Liquify — деформация (лицо, фигура).Camera Raw Filter — мощная RAW-обработка внутри Photoshop. Noise Reduction у...

Читать главу

Игра Упражнение

Композитинг — сборка изображения из нескольких источников. Ключевые шаги: обтравка, согласование света и цвета, тени, перспектива, общая цветокоррекция.Match Color подгоняет палитру вставленного объекта к фону. Drop Shad...

Читать главу

Игра Упражнение

Export As / Save for Web (legacy): PNG-24 с прозрачностью, JPG с quality 60–85, SVG для векторных форм из Illustrator.Для печати: PDF, TIFF, PSD с CMYK; учитывайте bleed 3–5 mm и вылеты. Slice Tool — нарезка баннеров (ре...

Читать главу

Игра Упражнение

Рекламные форматы: Google Display 300×250, 728×90; Facebook 1200×628; VK/Odnoklassniki — свои пресеты. Safe zone: важный текст не ближе 48–64 px от краёв.Структура баннера: фон, визуал, заголовок, подзаголовок, CTA-кнопк...

Читать главу

Игра Упражнение

Предыдущий урок

К содержанию курса

Курс

Книга бесплатно

Все главы Интерактивная игра