Прямі кути зображень подобаються всім. Але все-таки трапляються випадки, коли ці самі кути потрібно закруглити. Тоді Вам допоможе знову прийде програма фотошоп. У цій статті розберемо один із багатьох способів, як це можна зробити. Майте на увазі, мій спосіб передбачає також і невелике відсікання зображення по краях, це свого роду жертвопринесення в ім'я округлих кутів.

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

Крок 1

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

Щоб розблокувати такий шар, потрібно двічі клацнути по ньому. Відобразиться діалогове вікно «Новий шар». Нічого не змінюйте, просто натисніть кнопку ОК. Тепер замочок має зникнути.

Крок 5

На панелі шарів клацніть на перший шар з нашим вихідним зображенням і натисніть клавіші Ctrl+Shift+I . У результаті маємо виділитися вся область поза межами нашого квадрата. Це називається . Придивіться уважніше, що змінилося:

Крок 6

Тепер натисніть клавіші Ctrl+X (редагування - вирізати) для видалення виділеної області. Виділення має зникнути, а там, де колись було зображення, з'явиться шахове тло (прозорість).

Крок 7

Тепер зробимо невидимим наш шар із фігурою. Для цього на панелі шарів натисніть на значок ока навпроти шару з квадратом. Ось і з'явилося вихідне зображення із закругленими кутами.

Крок 8

Виконайте команду Зображення, щоб фотошоп видалив весь зайвий простір навколо зображення. У результаті режим прозорості має бути видно лише у кутах.

Надалі, щоб використовувати таке зображення, його потрібно зберегти у форматі PNG! В цьому випадку кути так і залишаться прозорими. Інакше, якщо зберегти, наприклад, у форматі JPG, кути автоматично стануть із білим тлом.

Отже, все готове. Зображення із закругленими кутами виглядатиме так:

А як зробити лише, наприклад, один закруглений кут?

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

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

Помітили помилку в тексті - виділіть її та натисніть Ctrl+Enter. Дякую!

Значення розмиття залежить від лінійного розміру зображення та величини радіуса заокруглення, яке Ви бажаєте отримати. Я вибрав значення 4 пікселі:

Про всяк випадок, створюю копію шару з розмитою фігурою, натиснувши Ctrl+J.

Затисніть клавішу Ctrl і натисніть на іконці шару в панелі шарів, щоб створити виділену область навколо фігури. Перейдіть по вкладці головного меню Виділення --> Уточнити край (Select --> Refine Edge). Режим перегляду (вгорі діалогового вікна) вибираємо "на чорному":

Параметр "Згладити" (Smooth) відповідає за радіус кута, так що його Ви можете підібрати за смаком, а ось значення "Розтушовка" (Feather) та "Контрастність" (Contrast) треба задати обов'язково 0 пікс. та 100% відповідно.
Натискаємо ОК, діалогове вікно "Уточнити край" закривається і в документі знову з'являються "мурахи, що біжать". Нам залишилося лише клацнути по значку створення шар-маски внизу панелі шарів, цим ми створимо шар-маску з виділеної області.
Результат:

Панель шарів виглядає так:

Як можна побачити на передостанньому зображенні, кути у нас закруглені, але вздовж країв усередині фігури з'явився непотрібний перехід кольорів (це сталося через розмиття). Щоб виправити це, затискаємо клавішу Ctrl і клацаємо по іконці маски шару:

Навколо фігури з'являється виділення. Потім обов'язковоклацаємо по іконці шару, вибираємо бажаний колір у палітрі кольорів і натискаємо Ctrl+Delete для заливки виділення. Я взяв вихідний колір фігури.

Ось як можна закруглити куточки в тексті, застосувавши описаний вище метод:

Крім того, якщо шар-маску накласти на вихідний файл і частково видалити, можна досягти дії на окремі ділянки фігури або тексту.

На деяких сайтах, у дизайні яких немає гострих кутів, ілюстрації у статтях та новинах також мають закруглені краї. Дуже часто веб-дизайнери не замислюються над тим, що робити такі ілюстрації із закругленими кутами власнику сайту буде складно, у нього не обов'язково є потрібні знання Photoshop. Втім, замовник сайту сам винний. Вимагаючи, щоб усе було красиво, він часто не замислюється над тим, як він потім додаватиме зображення із заокругленими краями у статті та новини на своєму сайті.

У цьому уроці Photoshopми побачимо як просто закруглити кути малюнка на прикладі аватарки, не обмежуючись товщиною 1px:

Коли мені вперше було потрібно закруглити кути в ілюстрації для сайту, відповідь для мене була неочевидною. Я зиркнув і натрапив на пару перекладних інструкцій, які були надто дивними для новачка – мучитися з каналами, шляхами, розмиттям, напрямними та іншими інструментами для просунутих користувачів Photoshopнавіть професіоналу ліньки, а для новачка такий процес може здатися незрозумілим і нудним. Небагато подумавши, я знайшов свій спосіб як швидко і просто закруглити краї потрібного мені малюнка.

Закруглюємо усі кути малюнка за допомогою форми Photoshop

Припустимо, потрібно зробити із закругленими краями. При цьому у вас немає аналогічного зображення зі згладженими краями. Пропонуючи вам дуже простий, але дуже докладно описаний та ілюстрований урок Photoshop як новачкові зробити картинку із закругленими кутами.

1. Відкриваємо фотошоп. В уроці використовується моя улюблена версія Adobe Photoshop CS3, але підійде будь-яка інша версія, встановлена ​​на вашому комп'ютері.

2. Відкриваємо вихідний малюнок, краї якого ми закруглюватимемо. Якщо малюнок відрізняється за розміром та формою від того, який нам потрібен, потрібно та/або у Фотошопі перед початком закруглення кутів.

3. Натискаємо на клавіатурі Ctrl+Aщоб виділити весь малюнок, потім натискаємо Ctrl+C, щоб його скопіювати. Відкриваємо нове вікно у Фотошопі ( Ctrl+N) і вставляємо в нього скопійований малюнок ( Ctrl+V). При цьому фон у новому вікні повинен бути або того кольору, який повинен оточувати малюнок із закругленими краями на сайті.

4. Створюємо новий шар ( Ctrl+Shift+N). І в цьому новому шарі за допомогою інструменту Rounded Rectangle Tool (U)малюємо квадрат або прямокутник потрібного розміру:

5. Колір тла намальованого прямокутника не має значення. Параметр Radius, Що характеризує ступінь закругленості кута, для цього уроку дорівнює 8 , але ви можете змінити його на свій розсуд:

6. Намальовану в новому шарі фігуру можна рухати стрілками на клавіатурі. Її форму можна міняти, натиснувши на клавіатурі Ctrl+Tі потім розтягуючи фігуру за допомогою миші. Якщо тягнути за кут, утримуючи клавішу Shift, розмір фігури змінюватиметься пропорційно. В результаті всіх цих дій ми досягнемо того, що фігура із заокругленими краями буде такого розміру та форми, які нам потрібні:

7. Утримуючи клавішу Ctrlклацаємо по превью шару в панелі шарів Layers(У нас це червоний квадрат). Це дозволить нам виділити червоний прямокутник із закругленими кутами, про що свідчить пунктирна лінія по його межі:

8. У панелі шарів Layersпереходимо на нижній шар з основним зображенням та натискаємо комбінацію Ctrl+Shift+I(або Select -> Inverseу головному меню Photoshop). Це дозволить виділити область, яка лежить за межами червоного квадрата із закругленими куточками.

9. Натискаємо на клавіатурі клавішу DeleteЩоб видалити цю непотрібну нам частину основної картинки. Після цього робимо невидимим верхній шар із червоним квадратом (в панелі Layersнатискаємо на іконку ока біля шару із червоним квадратом). Натискаємо на клавіатурі Mі клацаємо в будь-якому місці на полотні малюнка, щоб зняти виділення на готовому зображенні аватарки із закругленими кутами. Якщо фон ми встановили прозорим, отримаємо таке:

10. Малюнок без гострих кутів готовий. Можна використовувати як аватарку або ілюстрацію на сайті.

Якщо робити картинки із закругленими кутами потрібно часто і вони всі одного розміру та стилю, логічним буде зберегти результат цього уроку Photoshopу форматі PSD, щоб шари залишилися доступними для редагування. Тоді процес створення нових картинок без гострих кутів спроститься до виділення контуру готової картинки, інвертування виділення та видалення непотрібної частини нової картинки.

Якщо потрібно закруглити лише один кут малюнка, а решта при цьому має залишитися гострою, вищеописана інструкція теж відмінно підійде для використання. Для цього достатньо зробити за допомогою комбінації Ctrl+Tрозміри червоного прямокутника більші, ніж редагована картинка. При цьому краї червоного квадрата будуть закінчуватися поза полотна і такий прямокутник можна накласти на малюнок так, щоб тільки один кут накладався на видиму область малюнка, а решта залишилася за його межами. За допомогою інвертування та видалення виділеної частини малюнка ми закруглимо лише один потрібний кут картинки, а інші кути залишаться гострими. Аналогічно можна швидко та просто закруглити будь-яку кількість кутів будь-якого зображення.

Також для створення картинки з нерівними краями або будь-якими іншими подібними ефектами можна використовувати картинку з такими нерівними краями або закругленими кутами, завантажену з якогось сайту. При цьому потрібно видалити фон, що не відноситься до картинки, наприклад, за допомогою інструмента Magic Wand Tool (W).

Дізнатися більше про просування мобільних програм ви можете на сайті advertmobile.net. Цей сервіс пропонує мотивовані установки у великих обсягах для розробленого вами додатка, а також їхню грамотну розкрутку в App Store і Google Play.

25.07.2016 27.01.2018

У цьому уроці ви дізнаєтеся, як у фотошоп згладити гострі кути фігур.

Для початку, давайте створимо фігуру. Зробити це можна, вибравши в панелі інструментів інструмент Довільна фігура (Custom Shape Tool). Гаряча клавіша виклику підменю інструментів для створення векторних фігур – U.

Для того, щоб цей інструмент став активним, є два способи:

1. З натиснутою клавішею Shift клацнути по групі інструментів і відкриється підменю для вибору потрібного інструмента;

2. Довге натискання лівої кнопки миші по групі інструментів також відкриє підменю.

Завантажуємо у фотошоп усі наявні фігури (клацаємо по мініатюрі фігури у верхній панелі та натискаємо на «шестерню» праворуч для відкриття додаткових налаштувань):

З списку вибираємо фігуру з гострими куточками, наприклад, таку зірочку з 10 кутами:

При створенні фігури не забуваємо утримувати клавішуShift- Це допоможе зберегти пропорції.

Тепер необхідно раструвати фігуру - клацання правою клавішею миші по шару з фігурою-Раструвати шар.

Радіус підбираємо залежно від розміру полотна та бажаного результату, я вибрала 6 пікселів.

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

При активному виділенні натискаємо кнопку "Уточнити край" (Refine Edge):

Відкриється меню налаштувань, у якому нам потрібний параметр Розтушовка (Feather)залишити на 0 , а параметр Контрастність (Contrast)збільшити максимально, до 100%. Параметр Згладити (Smooth)налаштовуємо на свій смак, саме він допоможе заокруглити кути фігури. У випадку з 10-гранною зіркою я його виставила на максимум, у вас можуть бути зовсім інші налаштування.

У параметрі Висновок у …залишаємо налаштування, встановлене за замовчуванням - виділення.

Натискаємо клавішу Enter для застосування налаштувань. Створюємо новий шар і за допомогою інструменту Заливка (Paint Bucket Tool)або перейшовши в меню Редагування-Виконати заливкузаливаємо виділення потрібним кольором, наприклад, чорнимяк на вихідній фігурі. Відключаємо видимість вихідного шару з фігурою і отримуємо ось таку фігуру із закругленими кутами:

От і все. У цьому уроці ми навчилися заокруглювати кути біля фігур у фотошоп. Сподіваюся, урок був вам корисним.

Доброго всім ранку, дня, вечора чи ночі. З вами знову і знову Дмитро Костін. Якось я переглядав різні картинки і тут мені сподобалися деякі з них. А сподобалися вони тим, що в них були закруглені краї. Одразу якось цікавіше виглядає. Ви не бачите? І тому в сьогоднішньому уроці я хотів би вам розповісти, як закруглити кути у фотошопі, щоб фото виглядало цікавіше.

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

Просте згладжування

Згладжування з використанням кордонів

Цей спосіб схожий на попередній, але все ж таки сильно відрізняється. Робити все будемо з тим самим зображенням.

За допомогою створення фігури

Ось третій спосіб кардинально відрізняється від двох попередніх. Так що перепочніть пару секунд і їдемо далі. Зображення міняти не буду і знову завантажу цю машину у фотошоп.

Ви бачите, що у вас у результаті вийшло? Картинка стала із забрудненими краями, а все через те, що вона відображається тільки так, де стоїть наш намальований закруглений прямокутник. Але тепер ви можете обрізати зайве фо за допомогою інструмента "Рамка", або відразу зберегти картинку і у вас вже буде окреме зображення із закругленими кутами.

Спробуйте зробити все самі, а заразом і скажете, який з представлених способів більш бажаний вам.

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

Ну а сьогодні я свій урок закінчую. Не забудьте підписатися на нові статті та поділіться цим зі своїми друзями. Радий був вам на моєму блозі. Чекаю на вас знову. Бувай.

З повагою, Дмитро Костін