Содержание
- 1 Закруглить углы на фото
- 2 Посмотреть все инструменты
- 3 Что такое скруглитель фото онлайн
- 4 Простейший способ сделать фотографию круглой онлайн, без Фотошоп
- 5 Online-fotoshop.ru обрежет лишние части фото в круговую
- 6 Особенности работы онлайн-сервисов по скруглению фото
- 7 Как в пару кликов скруглить картинку онлайн?
- 8 RoundPic — онлайн закругление углов › Блог Интернет Технологий
- 9 Закругление углов у картинок
- 10 Imageonline.com.ua – позволит вырезать фото по кругу
- 11 Как закруглить углы картинок на WordPress
Закруглить углы на фото
Добрый день, дорогие читатели! Сегодня мы рассмотрим один интересный сервис, с помощью которого мы сможем закруглить углы на фото. Это очень интересный эффект, который делает фотографии намного симпатичнее. Ведь согласитесь, что фотографии с закругленными углами выглядят куда более красиво. К тому же ученые доказали, что скругленные углы легче воспринимаются мозгом. Вот вам пример для сравнения:
Не знаю как вам, а мне первое фото кажется более привлекательным! К тому же закруглить углы на фото можно совсем легко, не прилагая каких-либо усилий. Ну да ладно, переходим к делу!
Инструкция
Мы будем пользоваться одним замечательным бесплатным онлайн сервисом, чтобы закруглить углы на фото. Вот он: RoundPic.
После того как вы щелкнете по этой ссылке, у вас в новой вкладке вашего браузера откроется вот такой сайт:
Я думаю, что даже новичок без проблем разберется, как пользоваться этим сайтом. У него слишком простой интерфейс.
Сначала нам надо загрузить исходную картинку с углами, нажав на кнопку «Выберите файл». Затем сразу жмем «Round it!». Открывается такое окошко с настройками:
На самом деле, настройки вполне удачные и я советую вам ничего там не менять, дабы не испортить фотографию. Поэтому мы просто сразу щелкаем по кнопке «Download»:
После этого уже отредактированная фотография с закругленными углами скачается в вашу папку по умолчанию (Downloads, Загрузки). Вам остается лишь найти ее и перетащить в нужную вам директорию. По сути дела, на этом урок закончен. Вот так легко, быстро и без усилий можно закруглить углы на фото онлайн.
Посмотреть все инструменты
Изменить размер
Изменение размера изображения — одна из наиболее часто выполняемых операций в фоторедакторах. Однако не все редакторы позволяют сделать это удобно и просто. В нашем редакторе эта операция невероятно проста. Вы можете не только уменьшить или увеличить размер изображения, но и, при необходимости, сохранить исходное соотношение сторон.
Скругление углов
Обрезать
Обрезка изображений теперь доступна в Интернете. Без каких-либо приложений или программ, прямо в браузере. В два клика вы легко сможете обрезать фото до нужного размера, вырезать из него нужный элемент. Все это в максимально удобном и привычном интерфейсе. Удалите лишние части из ваших изображений.
Обрезать
Повернуть
Поворот и отражение изображения — две основные функции любого фоторедактора. И вы можете использовать их онлайн. Вы можете вращать изображение влево и вправо, выбирать угол поворота. А также переверните изображение по вертикали и горизонтали. Все это очень удобно и просто в использовании.
Повернуть
Размытие
Размытие изображения — очень популярный эффект. С его помощью вы можете добавить ощущения движения к своей фотографии или просто сделать определенные части изображения менее четкими. Использование размытия ограничено только вашим воображением. И мы позаботимся о том, чтобы размытие в нашем редакторе было легким и беспроблемным.
Размытие
Фотофильтры
Фотофильтры быстро и незаметно ворвались в нашу жизнь с появлением смартфонов. С тех пор стало трудно представить, что кто-то разместит фотографию в Интернете без предварительной обработки. Такие известные приложения, как Instagram или Prisma выпустили свои фотофильтры, которые приобрели большую популярность. Все они доступны вам в нашем редакторе с фотофильтрами.
Фотофильтры
Фоторамки
С помощью нашего редактора вы можете быстро и легко вставить фотографию в рамку онлайн прямо в окне браузера. Фоторамки — праздничные, романтические, тематические, множество очаровательных рамок для любимых фотографий. Добавление рамок для фотографий — отличный способ привнести яркие детали в ваш день, удивить, порадовать близких и друзей.
Фоторамки
Фото наложения
Наложение текстуры на цифровое изображение делает работу более интересной. Благодаря текстуре вы можете добавить глубины изображению, которое выглядит полностью плоским, а также добавить органичности. С помощью удобного редактора вы можете применять текстуры и добавлять тени к определенным областям вашей работы, не ухудшая цвета и формы вашего рисунка.
Фото наложения
Текст на фото
Добавление текста к фотографиям — очень важная функция, которая может понадобиться в различных ситуациях
Неважно, профессиональный ли вы фотограф или просто делаете открытку для друзей, вы можете написать любые слова на своем изображении с помощью нашего редактора
Текст на фото
Клипарт и стикеры
В последнее время очень популярно добавлять стикеры и картинки к фотографиям. Если до сих пор не знаете, что это — просто сходите и попробуйте сами. Вы можете легко наклеить на свои фотографии любые мини-картинки, по одной или несколько за раз.
Клипарт и стикеры
Виньетка
Самый популярный элемент редактирования фотографий — виньетка. Используется в том случае, когда нужно выделить на картинке определенный фрагмент. Достигается это за счет смягчения освещения возле нужного элемента, затемняется или размывается область вокруг него. Используя этот эффект, фотограф затемняет края изображения и фокусируется на центральной области..
Виньетка
Наклон
Фотографии «Тилт-Шифт» — стиль фото- и видеосъемки со специальным объективом, который создает изображение таким образом, что все объекты кажутся игрушками. Сегодня эффект наклона-сдвига набирает популярность. Такие фотографии в основном делаются с высоты, с крыш домов, столбов, гор или самолетов, чтобы можно было охватить большую область просмотра для сделанной фотографии. Объективы Tilt-Shift фокусируются на одной части фотографии и размывают окружающую область, создавая оптическую иллюзию миниатюрного пейзажа. Объективы с функцией наклона и сдвига довольно дороги, но аналогичного эффекта можно добиться с помощью графических редакторов или специальных онлайн-сервисов по обработке фотографий.
Наклон
Что такое скруглитель фото онлайн
Вы наверняка видели в Интернете круглые фото. Возможно, Вы задавали себе вопрос, как сделать круглую фотографию из обычной прямоугольной? Вариантов здесь достаточно много – можно сделать круглую фотографию с помощью известных программ типа фотошоп, Pixlr и других графических редакторов. Можно сделать круглое фото онлайн с помощью различных сервисов, такие сервисы называются округлитель фото или скруглитель фото онлайн.
Подобных сервисов на просторах Интернета несколько, в данной статье мы рассмотрим два однотипных сервиса. Один из них находится по адресу http://www.oooo.com.ru/ , он позволяет сделать круглое фото. Второй сервис называется Flatonika, который выполняет ту же роль. Скруглитель фото онлайн Flatonika это комплексный сервис, который обладает большим функционалом.
Он позволяет просматривать галереи различных изображений — от Body Art до Аэрографии. На странице сервиса представлено много статей и справочного материала. Описывать весь сервис Flatonika не буду, Вы сможете погулять по нему и изучить самостоятельно нужные разделы. Поскольку нас интересует скруглитель фото онлайн, то мы им и займемся.
Как говорилось выше, оба сервиса очень похожи, поэтому рассмотрим вопрос, как сделать круглое фото онлайн с помощью сервиса Flatonika. Итак, если Вы попали на главную страницу сервиса, то нужно включить функцию «Скруглить фото онлайн». Для этого на главной странице сервиса Flatonika выбираем «Инструменты» и «Изображения». Перейдя ниже, выбираем сервис «Скруглитель фото онлайн» и нажимаем кнопку «Перейти к сервису».
Простейший способ сделать фотографию круглой онлайн, без Фотошоп
Друзья, не так давно я делал обзор бесплатного онлайн сервиса, позволяющего скруглить любые углы картинки на нужный радиус. К сожалению, сделать с его помощью фото круглым не получится, а потому сегодня рассмотрим еще один столь же простой и удобный сервис под названием «Скруглитель».
Итак, на главной страничке сервиса есть кнопка «Загрузить фото». Можете нажать на неё и выбрать любое изображение со своего компьютера, а можете просто перетащить его в область кнопки.
Далее Вам предстоит выполнить несколько этапов:
- Определить какой будет форма конечного варианта. Поскольку мы рассматриваем вопрос о том, как скруглить фото, то выбираем круг (он активен по умолчанию).
- Нажать левую клавишу мыши на загруженном изображении и потянуть в сторону для создания окружности.
- Более точно настроить положение и размер контура, по которому будет обрезана фотография.
- Нажать кнопку «Обрезать».
На следующем этапе можно добавить к фото круглую рамку (на выбор более 20-ти штук), фильтр, наклейку (стикер) либо загрузить свою рамку или наклейку.
Нажимайте кнопку «Скачать» и загружайте готовый результат на свой ПК. Финальный вариант будет без каких-либо водяных знаков, без потери в качестве.
Онлайн сервис «Скруглитель» полностью бесплатен и не требует регистрации! Его однозначно следует иметь в закладках на всякий случай, к примеру, сделать круглую аватарку.
Online-fotoshop.ru обрежет лишние части фото в круговую
Если вам нужно более красиво и профессионально обрезать картинку по кругу или даже вырезать какой-то предмет из изображения, которые имеет контур не ровной формы – придется все-таки воспользоваться самым популярным фоторедактором, в нашем случае его клоном, сервисом online-fotoshop.ru. Для этого не нужно быть мастером или разбираться с массой инструкций и узнавать кучу новых инструментов. Для того, чтобы обрезать фото по кругу онлайн, нам понадобиться всего один инструмент – лассо.
Выберите лассо на панели инструментов
- Перейдите на страницу https://online-fotoshop.ru/.
- Выберите «Создать новый рисунок».
- Затем выберите «Файл» вверху на панели меню и выберите нужное изображение на вашем ПК.
- Далее выберите «Лассо» на панели инструментов и обведите нужный контур на вашем изображении, который должен остаться после обрезания.
- Кликните справа на замочек в меню «Задний фон», чтобы разблокировать слой и нажмите ниже кнопку «Маска слоя». Готово, ваше изображение вырезано.
Особенности работы онлайн-сервисов по скруглению фото
В Интернете представлено достаточное количество сервисов, позволяющих сделать картинку круглой. Обычно это графические редакторы, одна из функций которых – быстрая обрезка фото.
Обычно данные ресурсы имеют англоязычный интерфейс и отличаются интуитивно-понятным механизмом работы:
- Вы переходите на такой ресурс, загружаете на него своё фото.
- Выбираете функцию обрезки (Crop) в виде круга.
- Устанавливаете его нужный размер на изображении и выполняете обрезку фото.
- Полученный результат скачиваете на ПК.
При необходимости вы можете провести различные визуальные операции с конечным изображением. К примеру, ранее мы рассказали как выполнить ретушь лица онлайн.
Давайте разберём перечень онлайн-сервисов, позволяющих сделать фотоснимок в форме круга.
Как в пару кликов скруглить картинку онлайн?
Привет, друзья! Если вам понадобилось скруглить фото или картинку, то в этой статье вы найдете три онлайн сервиса, которые помогут справиться с задачей просто и быстро. Вы сможете, как полностью придать картинке круглую форму, так и слегка скруглить ее края.
Итак, первый инструмент, о котором хочу рассказать, с лаконичным названием Скруглитель. Находится по адресу: www.oooo.plus. Позволяет в пару кликов придать фотографии круглую или другую форму, слегка скруглить края, применить эффекты, рамки.
Для начала загрузите фото через соответствующую кнопку:
Выберите желаемую форму, при помощи мыши и ползунков выделите нужную область на фотографии и нажмите «Обрезать.
На следующем шаге можно применить эффекты – добавить рамку, фильтры, наклейки (при желании загрузить свои).
В конце остается нажать на кнопку «Получить картинку». Можно скачать изображение на компьютер в формате png, отправить к себе на стену или в альбом Вконтакте.
Второй сервис roundpic.com совсем простенький. В нем можно только немного скруглить изображению края, но не сделать его полностью круглым, как в предыдущем варианте.
Загрузите картинку и нажмите «Round it!».
Далее откроется страница с настройками. Вы можете изменить размеры и качество картинки. Инструмент позволяет задать размер скругления углов, передвигая ползунок от минимального к максимальному значению. Галочками можно отметить углы, которые не хотите скруглять. Также можно задать цвет фона. Если нужен прозрачный фон, то выбирайте PNG.
Чтобы изменения вступили в силу, нужно нажать на кнопку «Round». Для скачивания картинки на компьютер нажмите «Download».
Больше возможностей у онлайн-редактора изображений avatan.ru. С его помощью можно придать фото любую форму, в том числе круглую, немного скруглить края, применить разные эффекты.
Чтобы загрузить фото и приступить к обработке, нажмите «Редактировать». Выберите фото на компьютере, после чего откроется редактор.
Нужно зайти во вкладку «Рамки» и на панели слева выбрать «Фигура».
С помощью представленных фигур вы сможете придать своей картинке соответствующую форму. Чтобы закруглить ее, кликните по фигуре круга. Фотография примет нужную форму, курсором можно передвигать ее внутри круга.
Передвигая ползунок «Размер» вы сможете уменьшить радиус окружности.
Ползунок «Переход» задает непрозрачность фона.
Также можно в качестве фона выбрать текстуру или цвет. Если нужен прозрачный фон, то во вкладке «Цвет» ставим соответствующую галочку.
Нажимаем «Применить», чтобы изменения вступили в силу.
Если вам нужно только скруглить края у фото, то зайдите во вкладку «Скругление углов». Ползунком задайте размер скругления, выберите прозрачный фон и нажмите «Применить».
Чтобы сохранить отредактированное фото на компьютер, сверху нажимаем на кнопку «Сохранить».
Укажите название и формат файла (png сохраняет прозрачность фона). Задайте размеры. Кроме скачивания, можно поделиться изображением во Вконтакте или Фейсбуке.
Вот такие нехитрые инструменты помогут вам закруглить фото для аватара, обложки или других ваших целей.
Ниже вы можете посмотреть мой видео урок к статье:
Спасибо за внимание и желаю успехов!
ТАКЖЕ РЕКОМЕНДУЮ СТАТЬИ:
Сервис Canva для создания изображений онлайн
Как сделать надпись на картинке. Обзор трех простых онлайн редакторов
RoundPic — онлайн закругление углов › Блог Интернет Технологий
Приветствую всех на страницах блога BitBy, сегодня я расскажу вам о сервисе RoundPic.
Данный сервис существует уже довольно таки давно, многие любят использовать на своих проектах изображения с закругленными углами, поэтому данный сервис не будет лишним в шкатулке вебмастера.
Все выполнено в стиле Web 2.0, от пользователя требуется только выбрать у себя на компьютере изображение, или же дать ссылку на изображение в интернете:
Нажимаем «Round it!» и ждем некоторое время.
После загрузки изображения на сервис, мы получаем возможность задать различные настройки для нашего изображения, а именно:
- определнные углы для закругления
- размер изображения
- качество изображения после обработки
- цвет бэкграунда у углов, или задание им прозрачности при помощи фомата .png
так же мы можем перед тем как счкачивать изображение, переименовать его.
Все, на этом обзор данного сервиса оканчивается. Как говориться краткость сестра таланта. Всем удачи на просторах всемирной сети.
Закругление углов у картинок
По аналогии с примером выше можно закруглить углы и у картинок на сайте, например фотографий. Для наглядности закруглим углы для фотографии со страницы https://moonback.ru/page/shinomontazh
Вот изображение без CSS обработки
А теперь с загругленными углами:
border-radius: 10px;
Чтобы стало совсем «красиво» с начала добавим окантовку…
border-radius: 10px; border: 5px #ccc solid;
а затем и тени:
border-radius: 10px; border: 5px #ccc solid; box-shadow: 0 0 10px #444;
Вариант ниже (закругленные углы с тенью без бордюра) очень похож на коврик для мыши:
border-radius: 10px; box-shadow: 0 0 10px #444;
И напоследок полное издевательство над изображением
border-radius: 50%; border: 5px #cfc solid; box-shadow: 0 0 10px #444;
Если вы откроете изображении в новом окне, то увидите, что оно (изображение) в неизменном виде, а все углы, тени и так далее — всего лишь результат обработки CSS стилей вашим браузером.
Маленькое лирическое отступление
Стиль border увеличивает размер изображения на величину окантовки. Если указано значение border: 5px, то итоговое изображение станет шире и выше на 10 пикселей. Учитывайте это, в некоторых случаях может «поехать» верстка сайта.
А стиль box-shadow не влияет на размер картинки, тень как бы наезжает на соседние элементы. При его использовании верстка сайта не страдает.
Imageonline.com.ua – позволит вырезать фото по кругу
Еще один инструмент онлайн — Imageonline.com.ua, который позволит вам легко и просто обрезать фото в разных рамках, в том числе и по кругу. Это бесплатный инструмент, который имеет в запасе много различных эффектов и инструментов для работы с вашим изображением. Этот инструмент предлагает вам заочное обрезание, в котором вы только настраиваете нужные параметры и настройки и не видите будущий результат, посмотреть можно только тогда, когда фото уже обрежется.
Самым главным козырем таких сервисов является простота в использовании, ведь фотошоп пугает своим набором инструментов, в которых можно просто заблудиться. Но здесь все иначе, давайте еще раз в этом убедимся:
- Перейдите на страницу https://www.imgonline.com.ua/crop-photo-into-various-shapes.php.
- Откроется окно с настройками вашей будущей картинки. Окно состоит из 3 блоков.
- В первом блоке нужно выбрать ваше изображение на компьютере и загрузить его на сервис.
- Второй блок представляет собой основные настройки будущей фотографии, где вы выбираете рамку для обрезки, место обрезки, повернуть или отобразить зеркально, сглаживание краев и т.д.
- Последний блок с выбором 2 расширений будущего фото и настройкой качества изображения.
- После того, как вы нажмете кнопку «Ок» в новой вкладке откроется ваша обрезанная фотография, где вы сможете посмотреть на результат работы скруглителя.
Как закруглить углы картинок на WordPress
Во всех приведенных примерах выше я прописывал стили прямо в тегах html кода. Например последний выглядит так:
<img src="/wp/wp-content/uploads/2016/01/humor/humor01.jpg" style="border-radius: 0 500px; border: 5px #cfc solid; box-shadow: 0 0 10px #444;">
Это хорошо когда нужно переоформить одну картинку или фотографию. А если вы захотите изменить все? Ну не будете же вы лазить по всему своему сайту, чтобы подредактировать отображение каждой. В большинстве случаев WordPress тегу IMG определяет несколько классов стилей. Один по уникальному имени файла с изображением, другой по размеру, и еще по выравниваю. Вы можете дополнить один из них вышеуказанными параметрами.
Например для всех изображений, для который не указано выравнивание, в файле style.css вашей темы WordPress пропишите следующее:
.alignnone { border-radius: 10px; border: 5px #cfc solid; box-shadow: 0 0 10px #444; }
Либо самый жесткий метод для всех картиной на сайте. Переопределим стиль для всех тегов IMG:
img { border-radius: 10px; border: 5px #cfc solid; box-shadow: 0 0 10px #444; }
Последний вариант подойдет не только для WordPress, а для любой CMS. И даже для простой HTML странички в том случае когда при выводе изображений тегу IMG не присваеватся никаких классов стилей. Но будьте внимательны. Если вы переопределите параметры отображения тега IMG вы измените внешний вид ВСЕХ картинок на сайте!
Вместо заключения
Все примеры в статье условные и призваны лишь продемонстрировать некоторые возможности CSS по обработки изображений и показать как это просто.