Как скруглить края или углы у картинки онлайн

Добрый день друзья и подруги! Рад вас всех видеть в обновленном составе. Почему в обновленном? Да потому как активность ваша на блоге растет с каждым днем и это радует.

Это хороший знак того, что я двигаюсь в правильном направлении.

В сегодняшней заметке я расскажу как скруглить края (углы) у картинки или фото в режиме онлайн и в фотошопе.

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

Как скруглить углы фото онлайн

Всем известно, что сейчас рулит дизайн в стиле флэт и очень много сайтов используют, например в комментариях wordpress, круглые аватарки. Смотрится очень стильно и модно. Кстати, рекомендую ознакомиться со статьей 43 ошибки веб дизайна – не повторяйте их.

Сервисов предоставляющих бесплатно скруглить края фото онлайн великое множество. Есть как русские, так и зарубежные варианты. Начнем с русскоязычного сервиса под названием http://www.oooo.com.ru/

Интерфейс очень простой и интуитивно понятный. Нажимаем загрузить фото.

Выбираем произвольно фото с компьютера и загружаем в наш сервис. Далее выбираете нужную область для скругления углов (курсор будет явно указывать на это, вы не ошибетесь).

После того, как выбрали нужную область нажимаем на кнопку «Скруглить» и получаем на выходе картинку в нужных пропорциях.

Вас все устраивает? Отлично! Тогда нажимаете на «Скачать фото» и добавляйте ее куда угодно.

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

quickpicturetools.com

Интерфейс еще проще. Вы сразу же попадаете на страницу, которая предлагает вам загрузить фото.

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

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

Читайте также заметку — произвольный сменный фон для сайта WP

В общем все 33 удовольствия для вас вебмастера!

Единственное, что мне здесь не понравилось, так это неточное скругление краев картинки. Мелочь, а немного бросается в глаза. Приступим к следующему интересному онлайн сервису.

Приятный понятный дизайн, глазу комфортно находиться на этом сайте. Разработчики и дизайнеры молодцы. Хорошо постарались над функционалом и юзабилити. Действительно, здесь все понятно даже пенсионерам (которые понимают английский язык :-)). Давайте здесь пробежимся по этапам.

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

На следующем шаге вы можете выбрать тип скругления, процент тени, различные эффекты, сглаживание, можно убрать различные визуальные шумы (Denoise), сделать изображение более контрастным. В пример я взял картинку барана 🙂

И вот такие настройки я применил к этой картинке:

Чтобы увидеть наш результат нажмем на кнопку Preview (предпросмотр)

И вот, что в итоге с нашим бараном случилось:

Я добавил ему немного эффекта негатива (получилось что-то вроде тлена и безысходности). Смотрится довольно неплохо и стильно. Раз вам все понравилось, нажимаем на кнопку Done (сделано) в самом низу окна.

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

Среди других сервисов можно выделить еще несколько. Уже не буду говорить про процесс, вы уже и сами знаете как это делать.

Generate It

Round My Pic

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