Поиск:

четверг, 23 августа 2018 г.

Как быстро и легко можно закруглить изображения

Здравствуйте, друзья и читатели моего блога, сегодня я расскажу вам как быстро и легко можно закруглить изображения на своем блоге с помощью онлайн-сервиса Round Pic.

Наверное вы заметили, что картинки на некоторых блогах выглядят как-то изящно, красиво, не режут глаз, и чем-то отличаются от обычных картинок на других сайтах.

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

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

Сервис Round Pic (http://roundpic.com): простенький и быстрый сервис, загружаете изображение в сервис, выбираете настройки и он за пару секунд сделает вам вариант картинки со скругленными углами.





Загружаем изображение нажатием кнопки "Выберите файл" (или вписываем url-адрес изображения) и нажимаем на "Round It".





Тут все понятно, настраиваем размеры скругления, выбираем фон, или же делаем его прозрачным выбрав галочку (Tranparent PNG), выбор углов для скругления, размеры, качество, вписываем имя файла и сохраняем на компьютер (нажав на кнопку Danwload).




Одновременно показывается пример:




А вот готовый вариант





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

2)Скругление углов с помощью фотошоп

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

Открываем изображение в команде "Файл – Открыть в", и загружаем картинку, и видим главное окно программы.




Два раза кликаем по названию слоя, во вкладке слои





Подтверждаем нажатием ок, тем самым мы разблокировали слой.





Нажимаем на клавиатуре Ctrl + R или в меню "Просмотр – Линейки"




Покажутся вот такие линейки





Далее нажимаем на клавиатуре Ctrl + H или в меню "Просмотр – Вспомогательные элементы".

После того как выполнили эти действия, от начала линейки удерживая левой клавишей мыши провести линию по диагонали и вертикали, как показано на картинке. Это на первый взгляд кажется тяжёлым, но на самом деле легко.




Дальше выбираем прямоугольник со скругленными углами.




Выбираем радиус скругления картинки





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





Далее нажимаем правой кнопкой мыши, и выбираем "Образовать выделенную область"





Нажимаем да, настроек никаких вводить не надо, или по своему усмотрению





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





Нажимаем на клавиатуре Shift + Ctrl + I или Выделение — Инверсия




Далее мы видим, что у картинки выделились края.





Ну вот мы и выделили наши края, теперь осталась самая малость. Нажимаем кнопку "Delete", тем самым мы удаляем края у картинки.





Ну и разумеется сохраняем изображение в формате PNG (формат прозрачный) Файл – Сохранить Как, вводим название файла и выбираем формат PNG, и сохраняем.

А вот и готовый вариант, если хотите посмотреть полностью скругленную картинку, кликните на нее, откроется в новом окне.





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


С Уважением, Сергей Курников

Комментариев нет:

Отправить комментарий