Как использовать PowerPoint для улучшения скриншотов вашей целевой страницы

Одним из наиболее важных аспектов целевой страницы с высокой конверсией является понятный и полезный контент.

Когда дело доходит до целевых страниц программного обеспечения, этот контент должен включать скриншоты, демонстрирующие интерфейс вашего программного обеспечения или его уникальные функции. Покупатели хотят увидеть, как на самом деле выглядит программное обеспечение, прежде чем отдавать свою ценную контактную информацию в обмен на пробную или демонстрационную версию.

Вместо того, чтобы просто вставлять снимки экрана на целевую страницу, существует множество различных способов продемонстрировать свое программное обеспечение, одновременно добавляя визуальный интерес к дизайну целевой страницы. Добавление теней, отображение снимков экрана на устройстве или выделение ключевых функций — отличные способы привлечь внимание пользователей.

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

Ниже я покажу вам несколько способов оживить ваши скриншоты с помощью удивительного инструмента: Microsoft PowerPoint.

Начало работы в PowerPoint

Ранее мы показали, что PowerPoint можно использовать не только для совещаний, но, вероятно, это не первое, что приходит на ум при поиске фоторедактора.

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

В этом уроке я буду использовать PowerPoint 2013, поэтому, если вы используете другую версию, ваш макет и выбор меню могут немного отличаться, но функциональность должна быть такой же.

Прежде чем мы начнем, вот несколько основных методов, которые позволят нам редактировать наши изображения:

Большинство инструментов, которые мы будем использовать, можно найти в меню «Формат изображения» в PowerPoint:

• Чтобы получить доступ к этим инструментам, вставьте изображение, затем щелкните его правой кнопкой мыши и выберите «Формат изображения» в нижней части списка, затем щелкните вкладку «Эффекты» в меню форматирования, которое появляется в правой части окна. экран.

PowerPoint позволяет объединять несколько элементов, включая изображения, текст, линии, стрелки и т. д., в одно унифицированное изображение, которое можно сохранить:

• Удерживая нажатой клавишу «Shift», щелкните каждый элемент, чтобы выделить их, затем щелкните правой кнопкой мыши и выберите «Группировать», чтобы объединить их в одно изображение.

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

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

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

1. Тени

Unbounce использует тени, чтобы скриншоты выделялись

Один из самых простых способов украсить скриншот — добавить объемности с помощью тени. Вместо того, чтобы лежать ровно на странице, изображение будет выделяться из фона из-за иллюзии глубины.

Как: тени можно добавить к любому изображению всего несколькими щелчками мыши и использовать в качестве завершающего штриха в сочетании со многими другими методами, представленными ниже.

• В меню эффектов нажмите «Тень», чтобы открыть раскрывающееся меню. Выберите предустановленную тень, затем используйте ползунки, чтобы настроить размер, положение, цвет и прозрачность тени по своему вкусу.

Как добавить тени к изображению в PowerPoint

Небольшой совет: используйте предустановку «Смещение центра» с прозрачностью 80% и размером 101% для простой тени, которая хорошо выглядит практически в любом приложении.

2. Трехмерное вращение

Сложенные повернутые скриншоты Convoso выглядят так, как будто они занимают физическое пространство, а не лежат ровно на экране.

PowerPoint позволяет вращать фотографии в пространстве, добавляя глубину и визуальную привлекательность вашим изображениям.

Этот инструмент можно использовать для согласования угла экрана на стоковой фотографии, что позволяет помещать скриншоты вашего программного обеспечения в профессионально выглядящие изображения (подробнее об этом ниже). Однако мое любимое использование инструмента 3D-поворота — это создание эффекта стека с несколькими скриншотами.

Как это сделать: для этого примените один и тот же поворот к нескольким снимкам экрана, а затем расположите их друг над другом. Добавление теней и трехмерной глубины к каждому изображению поможет визуально разделить их.

• Выберите раскрывающийся список «3D Rotation» и примените предустановку, чтобы начать. Я обычно придерживаюсь раздела «Параллельные», так как они наиболее полезны для сопоставления экранов стоковых фотографий и создания забавных эффектов.

• Настройте параметры поворота X, Y и Z, чтобы повернуть изображение в трехмерном пространстве.

• Чтобы добавить иллюзию толщины, выберите раскрывающийся список «Формат 3D» и используйте параметр «Глубина». Это делает их похожими на блоки, а не на бумагу.

Как использовать PowerPoint для поворота скриншотов и создания эффекта стопки

Подсказка: примените предустановку «Изометрический вид вверх» к нескольким снимкам экрана с поворотом на 300° по X, 320° по Y и 70° по Z. Расположите изображения так, чтобы они слегка перекрывались, затем применяйте тени и глубину по отдельности.

3. Скриншоты устройства

Использование снимков экрана на устройствах, как этот пример от Polymail, может помочь покупателям лучше понять универсальность вашего программного обеспечения.

Для этого эффекта потребуется несколько приемов, включая трехмерное вращение, а также запуск нескольких изображений. Вам понадобится скриншот, а также фотография ноутбука, планшета или смартфона. При выборе стокового изображения обязательно проверьте лицензию, чтобы убедиться, что оно не требует авторских отчислений и одобрено для коммерческого использования. Если возможно, попробуйте найти изображения в лоб с простым или прозрачным фоном, так как это значительно упрощает процесс.

Как: вставьте скриншот и фото в PowerPoint и выровняйте изображения. Как только ваш снимок экрана появится на устройстве, объедините изображения, сгруппировав их вместе.

• Если вы хотите, чтобы ваше окончательное изображение было просто скриншотом на устройстве без фона, вам может понадобиться использовать инструмент PowerPoint «Удалить фон» на вашей стоковой фотографии. Этот инструмент находится в разделе «Инструменты для рисования» в главном меню ленты и позволяет рисовать линии на стоковой фотографии, чтобы выбрать области изображения, которые нужно удалить. Я рекомендую увеличить масштаб и не торопиться, перемещаясь вперед и назад, удаляя и сохраняя области, пока вы не будете удовлетворены.

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

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

• При необходимости вам также может понадобиться использовать инструмент 3D-поворота, чтобы выровнять снимок экрана с экраном стандартной фотографии. Вам нужно будет вручную отрегулировать вращение по осям X, Y и Z, пока два изображения не будут правильно выровнены.

• Как только снимок экрана будет правильно выровнен, щелкните оба изображения, удерживая клавишу Shift, затем щелкните правой кнопкой мыши и сгруппируйте их.

Как использовать PowerPoint для наложения скриншотов на изображение устройства

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

4. Информационные выноски

Revelation Pets использует выноски, чтобы выделить несколько ключевых функций своего программного обеспечения.

Отличный способ выделить уникальные функции — буквально указать на них на скриншоте. В PowerPoint есть несколько вариантов добавления линий или стрелок к изображению, что позволяет легко маркировать объекты. Для более совершенного эффекта вы можете применить эту технику к снимку экрана, который вы разместили на устройстве.

Как:

• Начните с добавления линий или стрелок, которые указывают на объект на скриншоте. В меню «Вставка» выберите раскрывающийся список «Фигуры», чтобы получить доступ к различным параметрам линий и стрелок. Выберите фигуру линии и щелкните и перетащите из текстового поля на объект на снимке экрана, чтобы создать линию. Возможно, вам придется использовать несколько линий для более сложных форм, таких как изгибы под прямым углом.

• Вы можете использовать параметры «Линия» в меню «Формат формы», чтобы изменить дизайн вашей линии. Используйте селектор «Ширина», чтобы изменить толщину линии, и параметры стрелки, чтобы добавить, удалить или изменить размер точек на концах каждой линии. Вы также можете изменить точки стрелок на овалы для более чистого вида. Попробуйте различные стили линий, цвета и толщину, чтобы найти дизайн, который вам нравится.

• Наконец, добавьте текст, чтобы пометить функцию, которую вы выделяете. Выберите «Вставить», затем «Текстовое поле» в меню, затем щелкните в любом месте слайда, чтобы выделить текстовую область. Используйте шрифт и цвет, соответствующие вашему брендингу. Вы также можете включить краткое описание функции в меньшем размере шрифта внизу.

Как использовать PowerPoint, чтобы выделить функции на снимке экрана целевой страницы

Небольшой совет: удерживайте клавишу Shift при перетаскивании линии, чтобы убедиться, что она прямая. Чтобы создать идеальные изгибы под углом 90 градусов, сначала создайте отдельные горизонтальные и вертикальные линии и установите параметр «Тип конца» обеих линий на квадрат. Нажмите и перетащите одну из них ближе к концу другой — они сцепятся.

5. Увеличенные выноски

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

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

Как: этот эффект сочетает в себе приемы размещения снимка экрана на устройстве и добавления информационных выносок. Вам нужно будет манипулировать одной копией снимка экрана и поместить ее поверх другой, прежде чем объединить два изображения.

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

• Выберите одну копию скриншота, затем перейдите на вкладку «Инструменты для работы с изображениями» в главном меню ленты. Выберите раскрывающийся список под инструментом обрезки и выберите «Обрезать до формы», затем «Овал». Затем снова выберите раскрывающийся список обрезки и выберите «Соотношение сторон», затем «1: 1», чтобы обрезать до идеального круга.

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

• Выберите обрезанное изображение и добавьте рамку с помощью параметра «Граница изображения» в меню «Формат», чтобы выделить его на фоне основного снимка экрана. Измените толщину и цвет границы, чтобы выделить детальный раздел.

• Наконец, поместите увеличенную часть детали поверх снимка экрана и сгруппируйте два объекта вместе.

Как использовать PowerPoint для увеличения определенной части скриншота

Подсказка: используйте толстую серую рамку вокруг обрезанного участка, чтобы создать классический эффект увеличительной линзы. Убедитесь, что увеличенная часть достаточно велика, чтобы покупатели могли разглядеть детали.

Бонусная функция

Если вам нужен способ делать снимки экрана вашего программного обеспечения, не ищите ничего, кроме , как вы уже догадались , PowerPoint.

В главном меню выберите «Вставить», затем «Снимок экрана», чтобы запустить инструмент. PowerPoint отобразит список всех открытых вами окон, затем просто выберите свое программное приложение, и оно захватит этот экран и поместит его на слайд PowerPoint. Затем вы можете редактировать его непосредственно в PowerPoint.

Перед запуском инструмента «Снимок экрана» убедитесь, что экран программного обеспечения, который вы хотите захватить, открыт.

Время начать!

Вот оно! С помощью этих методов можно превратить унылые снимки экрана в запоминающиеся, ценные фотографии на вашей целевой странице. Я настоятельно рекомендую поиграть с настройками каждого инструмента, чтобы понять, как они работают и что еще с ними возможно.

Обнаружили ли вы какие-либо интересные способы использования обычного программного обеспечения для бизнеса? Позвольте мне знать в комментариях ниже!