Как обвести нужный элемент на фотографии на компьютере
Обновлено: 28.06.2024
На первый взгляд, научиться программировать круг в браузере — задача, которая многим покажется бессмысленной. Но хотите верьте, хотите нет, но создание круга в браузере — это задача, которая может оказаться полезной для веб-дизайнеров любого уровня подготовки.
Зачем тратить время на визуализацию круга с помощью кода, если можно просто использовать программу редактирования изображений, например Photoshop, для создания круга?
Отрисовывая круг в браузере, а не встраивая изображение или кодируя его во флэш-памяти, мы гарантируем, что он будет доступен со всех устройств (включая Apple) и что не будет потери в качества, если круг увеличивается в размерах. Подобно векторным файлам, используемым в Illustrator, многие из этих методов позволяют масштабировать окружность по мере увеличения размера окна браузера. Это становится очень полезным при разработке мобильных приложений или приложений для iPad, игр HTML5 и является хорошей отправной точкой для обучения рисованию более сложных объектов.
Достаточно болтовни, давайте приступим к изучению различных способов рисования круга.
В этом методе используется свойство CSS3 border-radius, предназначенное для закругления краев div или другого элемента. Идея состоит в том, чтобы скруглить края до такой степени, чтобы результат выглядел как круг.
Чтобы получить форму, похожую на круг, этот код потребовал утомительного процесса проб и ошибок. Чтобы это работало, нужно было вычислить и установить несколько значений свойств CSS.
Несмотря на то, что некоторые из этих свойств CSS потенциально могут быть скорректированы с помощью Javascript, свойство CSS border-radius, похоже, не предназначено для рисования фигур. Еще больше усложняет ситуацию то, что IE не поддерживает CSS-свойство border-radius во всех выпусках до IE9. По этим причинам этот метод следует рассматривать только как новинку или взлом.
Холст HTML5
Более законным способом рисования круга является использование элемента Canvas HTML5. Первое, что следует отметить в отношении этого метода HTML5, это то, что он не имеет встроенного графа сцены, что означает, что изображение не сохраняется как набор объектов (т. е. красный кружок здесь, синий квадрат там), а скорее как матрица пикселей.
Другими словами, если бы мы нарисовали круг на одной стороне экрана, а затем переместили его на другую сторону, мы не можем просто переместить существующий круг, потому что компьютер не помнит круг; есть только память растрового изображения, полученная в результате указания компьютеру нарисовать круг. Таким образом, этот метод сравним с рисованием в MS Paint, за исключением того, что мы используем Javascript для рисования вместо курсора.
Более полный список браузеров, поддерживающих тег canvas, можно найти в этой статье Википедии.
В отличие от трех других обсуждаемых здесь подходов, этот метод может быть реализован без вмешательства языка сценариев и полностью внутри HTML-документа.
SVG или масштабируемая векторная графика записываются с использованием тегов XML. В отличие от тега Canvas элементы SVG запоминаются в объектной модели документа (DOM), что означает, что мы можем нарисовать круг на экране, а затем снова обратиться к нему по имени.
Особенность SVG заключается в том, что для его редактирования доступны бесплатные инструменты, например svg-edit. Используя это браузерное приложение, человек может создать сложную фигуру, а затем скопировать и вставить код, который воссоздаст ее в HTML.
Подобно описанному выше тегу canvas и методу CSS, этот подход хорошо поддерживается всеми основными браузерами, за исключением IE, который только начал поддерживать основные функции SVG в IE9. Кроме того, старые версии браузера Android по умолчанию изначально не поддерживают SVG, хотя для них доступны библиотеки перевода.
Библиотеки JavaScript
Библиотека Javascript Raphael быстро стала одним из наших любимых инструментов для создания онлайн-приложений. Есть много библиотек, подобных этой, целью которых является упрощение создания графики. Этот выполняет работу, взаимодействуя с комбинацией SVG и VM (векторная разметка). Таким образом, Raphael можно считать расширением SVG.
Такие библиотеки, как Raphael, предлагают элегантные средства для создания интерактивной графики. Однако они делают это по цене. Исходный код, который должен быть включен, весит почти 90 КБ (уменьшенный). Для пользователей, работающих на старых системах, последующее время загрузки может быть значительным.
Поскольку Raphael полагается на SVG, он связан с ограничениями, налагаемыми SVG, а именно отсутствием поддержки всех IE, кроме IE9.
Вывод
Если вы создаете сложные изображения, требующие обработки на уровне пикселей, вам может подойти HTML Canvas. Однако если вы делаете что-то, что требует определенной степени интерактивности с пользователем, возможно, вам лучше использовать SVG (или одну из связанных с ней библиотек, например Raphael).Но стоит помнить об отсутствии поддержки SVG в IE.
Excel для Microsoft 365 Word для Microsoft 365 Outlook для Microsoft 365 PowerPoint для Microsoft 365 Excel для Microsoft 365 для Mac Word для Microsoft 365 для Mac PowerPoint для Microsoft 365 для Mac Word для Интернета PowerPoint для Интернета Excel 2021 Word 2021 Outlook 2021 PowerPoint 2021 Excel 2021 для Mac Word 2021 для Mac PowerPoint 2021 для Mac Excel 2019 Word 2019 Outlook 2019 PowerPoint 2019 Excel 2019 для Mac Word 2019 для Mac PowerPoint 2019 для Mac Excel 2016 Word 2016 Outlook 2016 PowerPoint 2016 Excel 2016 для Mac Word 2016 для Mac PowerPoint 2016 для Mac Excel 2013 Word 2013 Outlook 2013 Excel 2010 Word 2010 Outlook 2010 PowerPoint 2010 Excel для Mac 2011 Word для Mac 2011 PowerPoint для Mac 2011 Еще. Меньше
Если вы хотите изменить контур фотографии, придав ей форму (например, круг или прямоугольник со скругленными углами), используйте инструмент обрезки на ленте .
Вы можете обрезать фигуру в Word, PowerPoint, Outlook или Excel.
Обрезать изображение до формы, например круга
Вы можете быстро изменить форму изображения, обрезав его до нужной формы. Изображение автоматически обрезается, чтобы заполнить геометрию выбранной формы с сохранением ее пропорций.
(Если вы хотите обрезать одно и то же изображение более чем по одной форме, сделайте копии изображения и обрежьте каждое до нужной формы по отдельности.)
Используйте Вставка > Изображение, чтобы добавить изображение в файл Office (например, документ Word, презентацию PowerPoint или сообщение электронной почты Outlook).
Нажмите на картинку.
Вы можете обрезать несколько изображений одновременно, но вы должны обрезать их до одинаковой формы. (Но в Word это сложно, потому что вы не можете выбрать несколько рисунков, которые имеют параметр макета In Line with Text по умолчанию.)
Нажмите "Работа с рисунками" > "Формат" и в группе "Размер" нажмите стрелку под пунктом "Обрезать".
В появившемся меню выберите «Обрезать по фигуре», а затем щелкните фигуру, до которой нужно обрезать.
Форма немедленно применяется к изображению.
Затем используйте команду "Обрезка" > "По размеру" или "Обрезка > Заливка", чтобы изменить размер изображения, вписывающегося в форму, которую вы применили:
Fill Заполняет всю фигуру изображением. Некоторые внешние края изображения могут быть обрезаны. На полях фигуры не должно быть пустого места.
По размеру Подгоняет все изображение под форму, сохраняя при этом исходное соотношение сторон изображения. На полях фигуры могут быть пустые места.
(Черные маркеры обрезки появляются по краям и углам изображения, когда вы выбираете параметр "По размеру" или "Заливка".)
Вы можете настроить положение изображения в рамке, выбрав изображение и перетащив его в нужное место. Например, это может помочь вам центрировать самую важную часть изображения в фигуре, которую вы применили к изображению.
Обрежьте поля изображения, перетащив черный маркер обрезки следующим образом:
Перетащите боковой маркер обрезки внутрь
Обрезать две смежные стороны одновременно
Перетащите маркер обрезки угла внутрь
Обрезать одинаково с двух параллельных сторон одновременно
Нажмите и удерживайте клавишу Ctrl, перетаскивая внутрь боковой маркер обрезки
По завершении нажмите кнопку "Обрезать" еще раз.
Начните с фигуры и добавьте к ней изображение
Вы можете добавить изображение в качестве заливки для фигуры, а затем отредактировать или обрезать фигуру.
Добавить изображение к фигуре
Добавьте фигуру в документ (инструкции см. в разделе Добавление фигур) и щелкните фигуру, чтобы выбрать ее.
Нажмите Инструменты рисования > Формат и в группе Стили фигур нажмите Заливка фигуры > Рисунок.
Выберите нужный тип изображения (например, "Из файла" или "Изображения из Интернета"), а затем перейдите к нужному изображению и вставьте его.
Изменить размер фигуры
Чтобы изменить размеры заполненной фигуры, сохранив ее основной формат, выберите ее и перетащите любой из маркеров изменения размера.
Выберите, как изображение вписывается в фигуру
Если ваше изображение перекошено, обрезано или не заполняет форму так, как вы хотите, используйте инструменты "Подгонка" и "Заливка" в меню "Обрезка" для точной настройки:
Нажмите на фигуру, созданную с помощью функции «Заливка фигуры» > «Изображение».
Нажмите Работа с рисунками > Формат и в группе Размер щелкните стрелку под Обрезка. Появится меню с параметрами обрезки.
Выберите «Подогнать», если хотите, чтобы все изображение помещалось в фигуру; исходное соотношение сторон изображения будет сохранено, но внутри фигуры может остаться пустое место.
Выберите «Заливка», чтобы фигура соответствовала границам изображения, обрезая все, что находится за пределами фигуры.
Нажмите "Заполнить" или "Вписать".
Fill задает размер изображения, соответствующий высоте или ширине фигуры, в зависимости от того, что больше. Это заполняет фигуру изображением, удаляя все, что находится за периметром фигуры.
По размеру задает размер изображения таким образом, чтобы высота и ширина изображения соответствовали границам фигуры. Это позволяет разместить в фигуре как можно большую часть изображения, но некоторые области фигуры могут остаться пустыми.
Вы можете перетащить изображение, чтобы изменить часть, отображаемую внутри фигуры.
При желании отрегулируйте область обрезки с помощью маркеров обрезки, как описано в разделе «Обрезка изображения».
Когда закончите, нажмите клавишу ESC или щелкните в любом месте документа за пределами изображения.
Используйте точки редактирования для редактирования или обрезки фигуры
Хотя инструменты обрезки недоступны для фигур, вы можете использовать инструмент "Редактировать точки" для редактирования фигуры вручную.
Выберите фигуру, которую хотите изменить.
Нажмите "Инструменты рисования" > "Формат" и в группе "Вставить фигуры" нажмите кнопку "Редактировать фигуру", затем нажмите "Редактировать точки".
Перетаскивайте вершины фигуры (которые отображаются в виде черных точек по периметру фигуры), пока фигура не примет нужный вид.
Чтобы удалить точку вершины, удерживайте клавишу Ctrl и щелкните ее. Чтобы добавить точку вершины, удерживайте клавишу Ctrl и щелкните в любом месте периметра фигуры, где еще нет точки вершины.
См. также
Если вы хотите изменить контур фотографии, придав ей форму (например, круг или прямоугольник со скругленными углами), используйте инструмент обрезки на ленте .
Если вы уже некоторое время используете Canva, вам может быть интересно, как изменить форму ваших изображений. Но поиск определенных функций на платформе редактирования не всегда прост.
Но не волнуйтесь. Мы здесь, чтобы помочь.
В этой статье мы предоставим пошаговые инструкции о том, как изменить форму фотографии в Canva, изменить ее размер и создать шаблон.
Как обрезать изображение в Canva
Чтобы изменить размер изображения в приложении Canva, выполните следующие действия:
Как сделать изображение круглым в Canva
Чтобы преобразовать изображение в круг:
Как сделать изображение круглым в Canva на мобильном устройстве
Если вы хотите редактировать свои фотографии на ходу с помощью мобильного телефона, это не сильно отличается от редактирования фотографии в настольной версии.
Как создать сетку в Canva?
Сетки помогают создавать красивые коллажи. Canva предлагает множество готовых шаблонов сетки, но вы можете создать собственную сетку, следуя приведенным ниже инструкциям:
• На главной странице выберите шаблон «Фотоколлаж».
• Выберите предложенную сетку или нажмите "Создать пустую", чтобы настроить ее.
• Нажмите "Фото", чтобы выбрать изображения из предварительно загруженных.
• Нажмите "Загрузки", затем "Загрузить медиа", чтобы выбрать изображения с вашего устройства.
• Перетащите изображения, чтобы расположить их по своему усмотрению.
• Нажмите и перетащите точки в углах изображений, чтобы изменить их размер.
• При необходимости обрежьте изображения, используя одинаковые точки в углах, затем нажмите "Готово".
• Чтобы заполнить сетку цветом, нажмите на ячейку сетки, а затем на плитку цвета радуги. Выберите цвет.
• Чтобы настроить шаг сетки, нажмите «Интервал» на панели инструментов. Сдвиньте ползунок.
Как бесплатно создать шаблон в Canva?
Шаблоны помогают ускорить процесс редактирования. Чтобы создать собственный шаблон в бесплатной версии Canva, выполните следующие действия:
• На главной странице выберите «Создать дизайн».
• Выберите шаблон из предложенных вариантов или задайте собственные размеры.
• Загрузите изображение из галереи или выберите один из вариантов, предложенных Canva.
• Добавьте элементы, которые будут отображаться на каждой фотографии при использовании шаблона на боковой панели.
• Перетаскивайте, изменяйте размер и цвет элементов по своему вкусу.
• При необходимости загрузите дополнительные изображения. Настроить.
• Нажмите на значок "Дублировать страницу" справа.
• Отредактируйте дубликат изображения.
• Нажмите «Загрузить» и выберите номер и формат изображения, которое хотите сохранить.
Как создать шаблон в Canva for Work?
Canva предлагает возможность создания собственного шаблона. Это особенно полезно для работы, так как вы можете автоматически добавить логотип бренда и URL-адрес веб-сайта к каждому изображению. Создав понравившийся шаблон, вы можете поделиться им со своей командой и использовать снова и снова.
• Зарегистрируйтесь в Canva for Work, чтобы разблокировать эту функцию (30-дневная бесплатная пробная версия).
• На боковой панели выберите «Фирменный набор».
• Нажмите кнопку "Создать дизайн" и выберите размер из предложенных или установите пользовательские размеры.
• Нажмите на название документа, чтобы переименовать его.
• Загрузите фото из галереи или выберите из предложенных.
• На боковой панели выберите любые элементы, которые должны отображаться на каждом изображении, созданном с помощью шаблона.
• Перетащите элементы и измените их размер.
• Загружайте любые дополнительные элементы со своего устройства, например логотип.
• Если вы удовлетворены результатом, сдвиньте переключатель «Сделать общедоступным» в правом верхнем углу, чтобы либо сделать его общедоступным, либо отключить этот параметр.
• Выберите «Опубликовать как шаблон».
Как загрузить фотографию Canva в WordPress?
WordPress популярен благодаря своим параметрам настройки контента и множеству подключаемых модулей. Чтобы загрузить изображение, отредактированное в Canva, на ваш веб-сайт WordPress, вам необходимо сначала установить плагин Canva для WordPress. Загрузите его с веб-сайта WordPress или найдите его в консоли плагина.
Затем выберите или создайте шаблон. Вы можете выбрать вариант «Реклама в Facebook», чтобы создать публикацию, которая будет хорошо смотреться как на вашем веб-сайте, так и при публикации в социальных сетях.
Затем загрузите изображение. Вы можете выбрать пресет из предложенных или создать совершенно новый дизайн. Добавьте любые элементы, которые вы хотите, с боковой панели и настройте их. Если хотите, загрузите фоновое изображение и добавьте к нему фильтр. Добавьте текст и отформатируйте его по своему вкусу.
Если вы удовлетворены результатом, нажмите кнопку «Скачать» в правом верхнем углу. Выберите формат файла и еще раз нажмите зеленую кнопку «Скачать».
Загрузите файл на свой веб-сайт WordPress. Затем вам придется оптимизировать изображение.
Почему я не могу сохранить изменения в своей фотографии Canva?
Существует несколько причин, по которым изменения изображения Canva не сохраняются.
Во-первых, убедитесь, что ваш браузер обновлен до последней версии.
Во-вторых, проверьте подключение к Интернету. Изменения Canva не сохраняются в автономном режиме.
В-третьих, дождитесь знака «Все изменения сохранены» в строке состояния в верхней части редактора. Canva автоматически сохраняет изменения каждые пару секунд.
Наконец, попробуйте сохранить дизайн вручную. Нажмите «Сохранить» в строке меню редактора.
Креативный дизайн
Canva — отличное приложение как для личного, так и для профессионального использования. Пользовательские шаблоны могут не только сэкономить время, но и сделать ваш рабочий процесс более увлекательным. Благодаря опции обмена и плагину WordPress Canva превосходит все ожидания от приложения для редактирования фотографий. Мы надеемся, что эта статья помогла вам изменить размер и форму изображения в Canva. А может, вы стали еще изобретательнее и решили сделать коллаж?
Поделитесь своими советами по редактированию изображений в приложении Canva в разделе комментариев ниже.
С помощью инструментов рисования на панели «Монитор» можно создавать различные фигуры, например прямоугольники, эллипсы и линии.Нарисовав фигуру, вы можете применить к ней стиль и изменить атрибуты заливки и обводки.
Инструменты формы
А. Прямоугольник B. Эллипс C. Прямоугольник со скругленными углами D. Линия
Перетащите, удерживая клавишу Shift, чтобы ограничить соотношение сторон фигуры.
Перетащите, удерживая нажатой клавишу "Alt", чтобы рисовать из центра фигуры.
Shift + Alt – перетаскивание, чтобы ограничить соотношение сторон и рисовать от центра.
Перетащите по диагонали через угловые точки, чтобы перевернуть фигуру по диагонали при рисовании.
Перетащите поперек, вверх или вниз, чтобы отразить фигуру по горизонтали или вертикали во время рисования.
При добавлении изображения к заголовку вы можете добавить его как графический элемент или поместить в рамку, чтобы оно стало частью текста. Premiere Elements поддерживает как растровые изображения, так и векторные изображения. Векторные изображения растрируются в растровую версию на панели «Монитор». По умолчанию вставленное изображение отображается в исходном размере. После вставки в заголовок вы можете изменить свойства изображения (например, масштаб), как и другие объекты.
Примечание. В отличие от текстовых и графических объектов, изображения, которые вы добавляете к заголовкам, не являются их частью. Вместо этого изображение ссылается на исходный файл изображения так же, как элементы, перечисленные на панели «Активы проекта», ссылаются на исходные аудио- и видеофайлы.
Поместите изображение в заголовок
Щелкните правой кнопкой мыши/щелкните, удерживая клавишу Ctrl, на панели «Монитор» и выберите «Изображение» > «Добавить изображение».
Выберите «Текст» > «Изображение» > «Добавить изображение».
Premiere Elements импортирует изображение в том размере, в котором оно было создано.
Перетащите изображение в нужное место на панели «Монитор». При необходимости вы можете настроить размер, непрозрачность, поворот и масштаб.
Изображения, полученные с помощью цифровой фотокамеры, как правило, намного больше, чем размер экрана видеопроекта. Чтобы изменить размер изображения, не искажая его, перетащите угловой маркер изображения, удерживая нажатой клавишу SHIFT, или используйте команду «Текст» > «Преобразовать» > «Масштаб».
Поместите изображение в текстовое поле
Когда вы помещаете изображение в текстовое поле, оно плавно перетекает в текст, как если бы оно было текстовым символом. Он может иметь те же атрибуты, что и другие символы, например штрихи.
Щелкните правой кнопкой мыши панель «Монитор» и выберите «Изображение» > «Вставить изображение в текст».
Как говорится в старой поговорке, картинка стоит тысячи слов, верно? Это определенно то, чем мы живем здесь, в BrightCarbon, поскольку мы всегда стремимся использовать меньше текста и больше визуальных эффектов, чтобы сделать наши презентации мощными и привлекательными. Итак, если вы ищете новые способы улучшить свои презентации, почему бы не начать с изображений? И PowerPoint, и Google Slides предлагают несколько отличных инструментов для редактирования изображений, которые настолько просты в использовании, что вам не нужно быть экспертом, чтобы ваша презентация выглядела впечатляюще, но сегодня мы сосредоточим наше время на том, что может редактирование изображений в Google Slides. предложение.
Прежде чем мы начнем, если вам нужны качественные стоковые фотографии для презентации, попробуйте такие сайты, как Unsplash или Pexels, поскольку они предлагают большую онлайн-библиотеку изображений высокого разрешения без авторских прав.
А теперь, разобравшись, вот шесть очень простых и эффективных советов по редактированию, которые помогут вывести вашу презентацию на новый уровень.
1. Обрезка и маскирование
Инструмент кадрирования позволяет обрезать края изображения или удалить ненужные участки. Обрезка помогает сфокусировать внимание на соответствующей части изображения, а также может помочь разработать стиль или тему в вашей колоде. Например, вы можете обрезать все свои изображения до квадрата, чтобы обеспечить единообразие дизайна.
Как: Чтобы начать, откройте презентацию и выберите «Вставить» в строке меню, прокрутите вниз до «Изображение» и выберите «Загрузить с компьютера». Выберите изображение, которое хотите вставить, и нажмите «Открыть». Теперь картинка вставлена, давайте обрежем ее. Дважды щелкните изображение и перетащите черные вкладки до нужного размера. Теперь нажмите Enter, чтобы сделать урожай. Убедитесь, что вы перетаскиваете черные вкладки, а не синие узлы, так как они изменят размер вашего изображения. Если вы случайно потянули синие узлы, просто нажмите кнопку «Отменить» (Ctrl + Z) и повторите попытку.
Обрезка – это один из способов скрыть части изображения, а другой – маскирование. При маскировании вы просто добавляете фигуры поверх изображения, чтобы скрыть ненужные части.
Случаи использования
Иногда простое кадрирование изображения или изменение его размеров может полностью изменить смысл слайда. Просто обрезав три изображения до одинаковых прямоугольных форм, вы можете создать впечатляющий слайд повестки дня, выделяющий различные разделы презентации. Действительно просто, но так эффективно!
Если вы хотите узнать больше о том, как аккуратно выровнять слайды с помощью направляющих, ознакомьтесь с этой статьей.
Вы также можете использовать тот же прямоугольник кадрирования, чтобы продемонстрировать эволюцию, последовательность или временную шкалу, как показано на слайде ниже, где показан пошаговый процесс того, как пластик может оказаться на наших тарелках.
Затем, обрезав различные изображения до одинаковой формы и размера, мы создали эффект коллажа. Если вам сложно выразить свое мнение с помощью всего лишь одного изображения, коллаж — отличная альтернатива объединению различных идей. В данном случае он показывает, как пластик может влиять на морскую жизнь.
Размещение двух обрезанных изображений рядом друг с другом — это простой способ сравнить их или показать до и после, как мы сделали здесь.
2. Обрезать по форме
Этот лайфхак для редактирования изображений в Google Slides — один из наших любимых, и вскоре он станет одним из любимых в вашем наборе инструментов. Этот отличный инструмент позволяет изменить форму изображения, например, на круг, треугольник или звезду.
Как: Чтобы обрезать изображение до определенной формы, нажмите стрелку рядом со значком "Обрезать изображение", прокрутите вниз до пункта "Форма" и выберите нужную форму. Существует множество фигур, стрелок и дизайнов выноски на выбор, как в примере с сердцем ниже.
Если вы хотите избежать искажения или растяжения изображения, убедитесь, что ваше изображение имеет одинаковые пропорции. Для этого перейдите в «Формат», прокрутите вниз до «Параметры формата» и щелкните поле «Размер и положение», чтобы убедиться, что ширина и высота равны.
Случаи использования
Обрезанные изображения могут стать гораздо более привлекательными. Обрезав различные части этого изображения до шестиугольников, чтобы они напоминали сеть, в которую попалась черепаха.
Здесь, обрезав изображение до формы пятиугольника, вы можете создать более привлекательный и профессионально выглядящий титульный слайд.
Обрезая немного отличающееся изображение до круга и накладывая его поверх другого изображения, вы можете легко создать эффект увеличительного стекла. Это отличный способ показать большую сцену, не упуская при этом важных деталей.
3. Добавьте границу
Добавление простой рамки вокруг изображений иногда может помочь им выглядеть более изысканно. Постоянное наличие такого элемента, как рамка, на протяжении всей презентации придает ей яркую индивидуальность и стиль.
Как: выберите изображение, затем перейдите в строку меню и нажмите значок "Цвет границы", чтобы выбрать нужный цвет. Если вы хотите сделать границу тоньше или толще, нажмите на значок Толщина границы и выберите желаемую толщину.
4. Выноска изображения
Выноска с изображением – это обязательный элемент дизайна, поскольку он невероятно полезен и визуально мощен. В выноске вы вырезаете кружок на определенной части изображения, чтобы привлечь к ней внимание. Мы выделили лица в толпе, чтобы создать точки фокусировки на изображении.
Для достижения этого эффекта необходимо выполнить еще несколько шагов.
Как: сначала скопируйте и вставьте изображение, которое хотите отредактировать, а затем наложите его поверх исходного изображения. Нажмите кнопку раскрывающегося списка рядом с инструментом «Обрезка», прокрутите вниз до «Фигуры» и выберите овальную форму. Как только это будет сделано, перейдите в «Формат», прокрутите вниз до «Параметры формата» и щелкните поле «Размер и положение» в параметрах формата и убедитесь, что ширина и высота равны, чтобы создать идеальный круг. На исходном изображении щелкните поле настройки в параметрах формата и уменьшите яркость. Это позволит выделить вашу выноску на фоне исходного изображения.
5. Наложение изображения
Расположение текста поверх изображений может выглядеть очень эффектно… если все сделано правильно.Текст может легко потеряться поверх загруженного изображения и стать трудным для чтения, но у нас есть удобный трюк, который вы можете использовать, чтобы обойти эту проблему — наложение изображений! Это означает добавление полупрозрачного прямоугольника поверх изображения: он должен быть достаточно темным, чтобы вы могли читать текст, но достаточно четким, чтобы вы могли видеть картинку.
Как: перейдите к пункту «Вставка» в строке меню, прокрутите вниз до пункта «Фигура», затем «Фигуры» и выберите нужную форму. В большинстве случаев это прямоугольник. Возьмитесь за углы и перетащите, пока ваш прямоугольник не станет точного размера вашего изображения и не будет идеально расположен поверх изображения. Затем перейдите к кнопке значка цвета заливки в строке меню. Выберите вариант черного цвета, а затем нажмите «Пользовательский» внизу. Откроется небольшое окно с двумя полосками — одна для цвета вашей фигуры, а другая для прозрачности. Уменьшите прозрачность, пока она не станет почти полностью прозрачной: она должна быть достаточно темной, чтобы можно было читать текст, но при этом убедитесь, что изображение остается четким.
Посмотрите, как это простое и тонкое наложение изображения помогает выделить текст.
Случаи использования
Вы также можете выбрать собственное цветовое наложение, как показано на слайде ниже. Использование оттенка синего, соответствующего теме колоды, помогает сохранить индивидуальность бренда, а также слегка приглушить изображение, чтобы вместо этого сосредоточиться на цитате.
6. Параметры формата
После того как вы определились с размером и формой изображения, вы можете начать экспериментировать с его форматом. С Google Slides вы можете настроить прозрачность, яркость и контрастность ваших изображений, а также изменить их цвет. Эти простые изменения могут сделать ваши презентации намного четче — и вам не нужно быть экспертом в Photoshop, чтобы делать их!
Как: Чтобы начать, нажмите на изображение, затем выберите Формат в строке меню. Прокрутите вниз до параметров формата... и появится боковая панель со следующими инструментами.
Перекрасить
Используя recolor, вы можете изменить цвет вашего изображения либо в соответствии с темой вашей презентации, либо, как в этом случае, чтобы создать некоторый контраст.
Прозрачность
Это полезная функция, которую можно использовать как для изображений, так и для фигур. Прозрачность отлично подходит для фоновых изображений, так как она помогает затемнить изображение, так что текст становится в центре внимания и его легче читать.
Как сделать: после того, как вы открыли панель параметров формата, нажмите «Настройки», и вы увидите курсор «Прозрачность». Поднимите его до желаемого уровня. Затем, когда вы будете удовлетворены, вы можете щелкнуть изображение и потянуть за углы, пока оно не заполнит слайд.
Добавление прозрачности к фигурам также может быть полезно, особенно для наложения текстовых полей поверх изображений.
Перейдите сюда, чтобы узнать, как использовать прозрачность в PowerPoint.
Яркость
Этот инструмент удобен, если исходное изображение темное или блеклое. Эта простая корректировка может выделить лучшие черты вашей фотографии и придать ей более профессиональный вид.
Тень
Тени — это крошечная деталь, которая может иметь огромное значение. Это самый простой способ добавить глубину и пространство между слоями фигур и изображений на слайде. Эффект тени на кругах ниже создает более реалистичный трехмерный вид.
Как видите, есть несколько отличных лайфхаков для редактирования изображений в Google Slides, которые позволяют создавать красивые слайды быстро и легко, без предварительного обучения графическому дизайну. Так что давай, начни сегодня!
Читайте также: