Инструменты95

РЕДАКТИРОВАНИЕ / ПРАКТИЧЕСКОЕ РУКОВОДСТВО ПО ИЗОБРАЖЕНИЯМ

Как украсить скриншот с помощью шаблонов и фонов

Сделайте скриншот более удобным для публикации.

Выберите готовый дизайн, затем настройте фон, рамку браузера и отступы в режиме реального времени. Используйте холст для соцсетей или пользовательские размеры и нажмите «Старт» для экспорта PNG, JPG или WebP.

Следуйте руководству
РЕАЛЬНЫЙ ИСХОДНИК И СКАЧАННЫЙ РЕЗУЛЬТАТ
До Исходный скриншот до редактирования

Исходный образец: 1440 на 900 пикселей.

После Вымышленная панель управления в темной рамке браузера Midnight и с синим градиентом

Фактический скачанный результат: 2312 на 1301 пикселей.

Сравнение использует исходный образец и фактический скачанный результат, масштабированные для чтения. Разные размеры холста показаны при разных масштабах отображения; прозрачные области следуют за фоном страницы.
Реклама
КРАТКИЙ ВИДЕОУРОК How to beautify a screenshot with a template Upload a screenshot, choose the Midnight design in Settings, then create and download the actual framed PNG. English narration. Озвучка на английском Смотреть видео

How to beautify a screenshot with a template

Реклама

Следуйте проверенному примеру, а затем адаптируйте элементы управления под свое изображение. Открыть Украшение скриншотов.

01

Начните с читаемого скриншота

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

Инструмент стилизует изображение; он не просматривает веб-сайты и не захватывает URL-адреса. Для такого рабочего процесса сначала создайте снимок с помощью «URL в изображение», а затем откройте сохраненное изображение в «Украшателе скриншотов».

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

02

Выберите готовый шаблон

На телефоне откройте «Настройки». Выберите Midnight в галерее дизайнов. Он применяет темно-синий градиент, темную рамку браузера, согласованные отступы, скругленные углы и широкоэкранный холст одновременно. Предпросмотр обновляется мгновенно.

Другие дизайны: Studio, Minimal, Floating, Ocean, Карточка для соцсетей, Мягкий розовый и Теплая бумага. Это редактируемые отправные точки, а не фиксированные макеты. Сначала выберите наиболее подходящую композицию, затем измените только то, что нужно. «Отмена» возвращает к предыдущим настройкам.

Midnight подходит для яркого интерфейса, так как темное окружение позволяет легко увидеть края скриншота.

Пример из этого руководства

Включено: вымышленная панель управления 1440 x 900; шаблон Midnight с неизменными согласованными настройками; масштаб экспорта 1x; PNG. Результат 2312 x 1301 был скачан из текущего инструмента.

Источник
1440 x 900 пкс
Результат
2312 x 1301 пкс
Формат
PNG
Обработка
В вашем браузере
03

Настройте композицию под место назначения

Фон может быть градиентом, сплошным цветом, вашим собственным изображением или прозрачным. Для пользовательского изображения используйте «Выбрать фоновое изображение». Этот фон заполняет холст и может быть обрезан; скриншот вписывается без потери исходных краев. Рамка окна может быть «Светлый браузер», «Темный браузер» или «Нет». Заголовок окна — это декоративная метка.

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

Оставьте настройки Midnight и масштаб экспорта на 1x, чтобы соответствовать этому примеру. Масштаб экспорта предлагает 1x, 2x и 3x в пределах ограничений 8,000 пикселей по краю и 32 мегапикселей на выходе. Большие размеры не воссоздают детали, отсутствующие на загруженном изображении.

Используйте «Оригинал», чтобы сравнить стилизованное изображение с исходным снимком и просмотреть мелкий текст при удобном уровне масштабирования.

04

Экспортируйте четкое изображение

Выберите PNG и нажмите «Начать». Используйте «Скачать» на странице результата, чтобы сохранить файл. С исходным примером и неизменным дизайном Midnight результат составит 2312 на 1301 пикселей. Скругленная карточка, тень, рамка и фон — все это включено в одно изображение.

PNG — полезный стандарт для текста интерфейса. WebP поддерживает прозрачные области с сжатием с потерями, а JPG полезен для изображений со сплошным фоном, когда важен меньший размер файла. JPG заменяет прозрачность белым цветом. Экспорт выполняется в плоский файл, поэтому сохраните исходный скриншот, если вам может понадобиться другая композиция.

Проверьте скачанное изображение перед публикацией, особенно мелкий текст и логотипы.

ПОЛЕЗНАЯ ИНФОРМАЦИЯ

Часто задаваемые вопросы

Может ли этот инструмент захватить веб-страницу по ссылке?

Он стилизует предоставленное вами изображение. Используйте «URL to Image», чтобы сначала захватить веб-страницу, а затем откройте результат здесь.

Какие шаблоны включены?

Studio, Midnight, Minimal, Floating, Ocean, Social card, Soft rose и Warm paper. Любой дизайн можно настроить.

Будет ли скриншот обрезан?

Скриншот вписывается в дизайн с сохранением краев. Пользовательское фоновое изображение заполняет холст и может быть обрезано для соответствия.

Могу ли я использовать свое фоновое изображение?

Да. Выберите «Ваше изображение» в разделе «Фон», выберите поддерживаемый локальный файл и проверьте, как он вписался в предпросмотре.

Могу ли я экспортировать с прозрачным фоном?

Да. Выберите «Прозрачный» и используйте PNG или WebP. JPG использует белый фон, так как не поддерживает прозрачность.

Улучшает ли масштаб экспорта четкость маленького скриншота?

Нет. Он увеличивает выходные размеры. Используйте исходник с более высоким разрешением, если мелкий текст должен оставаться четким.

ВАША ОЧЕРЕДЬ

Сделайте скриншот более удобным для публикации.

Попробуйте пример или используйте свой файл, и проверьте результат перед публикацией.

Открыть Украшение скриншотов

Детали изображения

Язык38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Выберите язык. Видеоуроки в настоящее время используют озвучку на английском языке.