Як зробити картинку круглою. Як можна легко зробити круглу фотографію у фотошопі

Доброго всім деночка! Як ваш настрій? Готуєтеся до других свят? Я так. Завтра ми їдемо до Ярославля аж до 9 травня, як я й казав. Але вас без статті не залишу. Нещодавно мене попросили зробити зі звичайної фотографії круглу, щоб портрет був в овальному обрамленні. Це нескладно і, звичайно ж, я погодився допомогти.

І вам я вирішив також розповісти, як зробити круглу фотографію у фотошопі, використовуючи самі прості методи. Для будь-якого оформлення ця штуковина завжди знадобиться. Правильно я говорю? Ну і в силу традиції, що склалася, я покажу вам кілька способів як це можна втілити в життя.

Овальне виділення

Напевно, ви вже здогадалися, що я задіяю овальне виділення. Ну в принципі це логічно, та й спосіб це, напевно, найпростіший. Чи готові? Тоді поїхали!

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

Еліпс

НЕ ЗАБУДЬТЕ! Щоб запам'ятати зображення із збереженням прозорості, вам необхідно його у форматі PNG, інакше ви отримаєте закруглену картинку з білим тлом.

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

Ну а сьогодні я свій урок закінчую. Перегляньте інші статті на моєму блозі і ви обов'язково знайдете щось цікаве для себе. Успіхів вам! Поки що!

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

На перший погляд, здається, що тут такого? Перетворити прямокутну картинку на квадратну або круглу (овальну). Так, із квадратною картинкою немає проблем. Інструмент "кроп" або "рамка" нам завжди готовий у цьому допомогти. Але що робити з круглою? Адже у фотошопі немає такого інструменту. Пам'ятається, за часів початку вивчення програми Adobe Photoshopу мене викликав ступор. Справді, як?

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

Я продемонструю кілька способів виготовлення круглої картинки. Обидва мають невеликі вади. Вам доведеться вибрати той, що напружує вас менше.

Приступимо до першого. Створення круглої картинки за допомогою виділення. Хочу зауважити, до речі, що обидва способи дозволяють зробити картинку як круглою, так і овальною.

Відкриваємо вихідне зображення. Шукаємо інструмент "виділена область". Нас цікавить овальна. Якщо ви хочете отримати кругле зображення, натисніть клавішу shift, виділяючи потрібне поле. Якщо овальне, цього робити не потрібно.

Виділили. Тепер слід скопіювати його на новий шар. Найпростіше натиснути комбінацію клавіш ctrl+c, а потім ctrl+v. Ваше зображення копіюється на новий шар автоматично. Ну або можете зайти довгим шляхом. Попередньо створити новий шар. Потім клікнути по виділеній області лівою клавішею миші і з списку, що утворився, вибрати: «скопіювати на новий шар». Результат буде тим самим.

Ось що ми бачимо у вікні шарів.

Виділяємо нижній шар та натискаємо del на клавіатурі.

Ось так виглядає шар.

У списку, що випадає, шукаємо png і зберігаємо.

Вище я згадала про нестачу цього способу. Який він?

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

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

Нам слід зробити зображення з кошеням невидимим. Для цього ми тикаємо в піктограму з очима поруч із шаром. Кликаємо. «Око» зникає. Зображення з кошеням стає невидимим.

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

Тепер шукаємо інструмент "еліпс". Знову ж таки, затискаємо shift і проводимо коло. Колір її нам не важливий.

Переходимо до вікна шарів. Клацаємо по шару з кошеням лівою кнопкою миші. І вибираємо команду «створити відсічну маску».

Ось що ми побачимо.

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

Тепер вам слід виділити обидва шари, затиснувши клавішу ctrl. І знову ви, клікнувши по них лівою кнопкою миші, викликаєте команду «об'єднати шари».

Ось що в нас вийде.

Тепер знову видаляємо нижній фоновий шар і зберігаємо кругле зображення у форматі png, що вийшло.

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

Інструкція

Вирізати частину зображення в Фотошопіможна кількома способами. Якщо вам потрібно просто картинку, запустіть програму, відкрийте через пункт меню "Файл" потрібне зображення. У лівій частині вікна програми знаходиться панель інструментів, виберіть інструмент «Обрізати». Підведіть курсор до тієї ділянки зображення, де розташовуватиметься один із кутів обрізаного малюнка і натисніть ліву кнопкумишки.

Не відпускаючи кнопки, переведіть курсор на протилежний по діагоналі кут, рамки показуватимуть контур частини зображення, що обрізається. Не бійтеся задати неточні розміри, ви можете їх підкоригувати, перетягнувши мишкою маркери на кутах і сторонах виділеної ділянки. Потім оберіть будь-який інструмент на панелі. З'явиться запит із трьома варіантами: "Кадрувати", "Скасувати", "Не кадрувати". Щоб обрізати малюнок, виберіть перший. Якщо потрібно змінити межі обрізки, натисніть «Скасувати». Натискання третьої кнопки повністю скасовує операцію обрізки.

При необхідності швидко вирізати прямокутний елемент, скористайтеся інструментом «Прямокутне виділення». Виділіть їм потрібну ділянку, потім скопіюйте її: "Правка" - "Копіювати". Тепер ви можете вставити скопійований елемент у це або інше зображення. Для точної вставки спочатку виділіть потрібну ділянку тим же інструментом, потім натисніть: "Правка" - "Вставити".

Якщо ви хочете вирізати фрагмент зображення складної форми, можна скористатися кількома інструментами. Найпростіший з них – « Швидке виділення». Наприклад, вам потрібно виділити круглий елемент. Виберіть інструмент «Швидке виділення», клацніть мишкою біля краю кола. Потім, не відпускаючи кнопки, переведіть курсор до протилежного краю елемента, що виділяється. За курсором тягнеться нерівна область виділення. Відпустіть кнопку. Тепер ви можете мишкою уточнити виділену область, перетягуючи контур у потрібних напрямках.

Найскладніші об'єкти краще вирізати за допомогою інструмента "Перо". Виберіть цей інструмент, у верхній частині вікна натисніть варіант інструменту «Контури». Тепер послідовними натисканнями мишки створіть контур елемента, що вирізується. Замкнувши контур, клацніть його правою кнопкою мишки та виберіть контекстному менюпункт «Утворити виділену область». Тепер можна скопіювати виділений елемент і вставити в інше зображення.

Інструмент "Перо" має багаті можливості, з його допомогою можна вирізати навіть дуже складні елементизображення – наприклад, пухнастого кота. При цьому програма, дотримуючись ваших команд, автоматично уточнить краї зображення, виділивши шерсть та вуса тварини. Детально про використання «Пера» краще прочитати у спеціалізованій літературі.

Який прекрасний малюк!

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

Для початку беремо з палітри інструментів (яка зліва) інструмент "Овальна область" (Eliptical Marque Tool) і створюємо виділену область.
Причому, якщо треба створити правильне коло, то перед початком створення виділення слід затиснути клавішу Shift, а якщо треба, щоб коло створювалося з центру, то одночасно затиснути клавіші Shift і Alt. Хоча при заданні розміру виділення цього не потрібно.

Отже, вибрали інструмент "Овальна область", потім у верхній частині робочого вікна Фотошопа вибираємо стиль майбутнього виділення "Заданий розмір" (Fixed Size), як показано на малюнку:

І вводимо свою ширину та висоту кола у відповідні поля, як видно у прикладі, я ввів 250 та 250 пікселів.
Потім клацаємо по документу, з'являється виділення, і, за допомогою курсору миші, який набуде форми хрестика, маємо виділення в потрібному місці.
Все.

Альтернативні способи для тих, хто не шукає легких шляхів)))

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

1. Перед створенням виділення відкриваємо палітру Інфо, зробити це можна, пройшовши по вкладці головного меню Вікно -> Інфо (Window -> Info) або просто натиснувши клавішу F8. Під час створення кола на панелі відображаються розміри кола, ширина та висота. Для отримання необхідного розміру необхідно точно переміщати мишку, щоб спростити цю процедуру, перед створенням кола потрібно максимально збільшити масштаб документа, щоб у рамці відображалася лише потрібна ділянка.

2. Якщо мишкою не вдалося отримати заданий розмір виділення, то можна застосувати масштабування самого виділення після його створення.
Наприклад, нам необхідне коло шириною і висотою (нормальним мовою, діаметром) 250 пікс., а мишкою виходить то більше, то менше, наприклад, на виході отримали виділення шириною і висотою 248 пікс., І все тут. Нагадую, розмір дивимося на панелі Інфо.
У цьому випадку підганяємо розмір виділення за допомогою масштабування. Проходимо по вкладці головного меню Виділення -> Трансформувати виділену область (Select -> Transform Selection). Бачимо, що довкола виділення виникла габаритна рамка, а вгорі основного вікна Фотошопу змінилися значення. Інтерфейс цього інструменту ідентичний інструменту "Вільне масштабування". Тепер треба ввести потрібні параметри у вікна В і Ш (висота і ширина, в англ. W і H). Невелика проблемка – нам потрібні пікселі, а там відсотки. Потрібно перерахувати. Розмір нашого виділення у прикладі 248 пікс., відповідно один відсоток дорівнюватиме 2,48. З бажаного розміру (250 пікс) віднімаємо 248 пікс, отримуємо 2 пікс. Ділимо ці 2 пікси на величину відсотка 2,48 і отримуємо 2/2,48 = 0,806, яке округляємо до 0,81. Отже, нам треба запровадити значення 100,81%.
Так, попередньо клацаємо по кнопці, вказаній на малюнку, потім вводимо у відповідне вікно замість 100% своє значення 100,81% і перевіряємо результат на панелі Інфо. У мене все як слід, розмір вийшов 250 пікс.

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

Мені потрібно вирізати об'єкт по краю, а результат після цих публікацій кошмарний. Ніби сторічними скриплячими ножицями працював. Жах, який нікуди не вставиш. Хочеш круглу фотку, а тобі мануал на 500 сторінок пропонують коли все набагато простіше.

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

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

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

Картинка за розміром у два кліки

Я, звісно, ​​і сам грішний. Нещодавно писав і стаття вийшла не маленькою, але всеосяжною. Зараз описуватиму як все робити швидко, без зайвих рухів тіла.

Отже, відкриваємо фотошоп, а потім і фото, з яким працюватимете.

Щоб знадобитися інструмент "Рамка".

Можна смикати за краї, щоб визначитися з розміром або відрізати щось зайве.

Але, як правило, основне завдання дизайнера – робота з конкретними розмірами. Потрібно або обрізати фото до певного розміру з усіх країв, або відповідну картинку по ширині або висоті. Для цього є відповідна кнопка.

Якщо цікавить співвідношення – вибираємо верхню кнопку та вставляємо свої значення.

Якщо один із показників, то вибираємо Ш х В х Дозвіл.

Вставляємо свої значення.

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

Робимо зображення круглим за дві хвилини

Є багато способів вирізати фотку по колу. Зараз я розповім про найпростіше. Буквально 2-3 хвилини та все готове.

Відкриваємо малюнок.

І вибираємо інструмент "Овальна область". Якщо не знайдете, утримуйте ліву клавішу миші на тій чи іншій кнопці панелі зліва. Можливо, овал "ховається" під прямокутником.

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

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

Тепер натисніть одночасно Ctrl + C, щоб скопіювати область усередині кола, а потім Ctrl + V, щоб вставити її в цю картинку. Потім зніміть "око" з фону.

Вийде ось такий варіант. Без фону, згодом він буде прозорим.

Щоб прозорість залишилася, а не змінилася на білий колірВам потрібно вибрати формат PNG (). Звичний всім JPG не розуміє, що таке прозорість.

Можете не зберігати і одразу вставити в іншу фотку. Ctrl+V.

Щоб зменшити круглу картинку з дівчиною, потрібно натиснути CTRL та T одночасно, а потім рухати за крапки по периметру квадрата. Утримуйте Shift, щоб зберегти пропорції.

Цей спосіб набагато швидший і простіший за інших.

Нормальна професійна вирізка об'єкта

З колами час заощадили і нам є куди його витратити. Вирізати об'єкти по контуру так, щоб це виглядало чудово – не так складний, як довгий процес. Доведеться постаратися і поколупатися.

Відкриваємо фото.

І насамперед створюємо дублікат шару. Це необхідно, щоб потім позбутися фону.

Інструментів виділення об'єктів – ціла купа. Та функція, про яку я розповідатиму далі, підходить і для будь-якого іншого варіанту. На цій фотці біле тло, а тому я можу вибрати своє улюблене «Швидке виділення».

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

Якщо не терпиться почати з секретів майстерності, візьміть картинку з однотонним тлом.

Проведіть фоном і по краю поповзуть мурахи.

Тепер перейдіть у вкладку «Уточнити край».

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

Відразу ставимо галочку на «Розумний радіус». Показники доведеться міняти на свій розсуд, на око. Повірте, згодом виходитиме набагато краще і швидше.

Налаштування країв. Використовуйте, спробуйте, експериментуйте.

Тепер натискаємо "Ок". Як з'ясується трохи пізніше, ці значення слід було б запам'ятати, але до цього ми ще повернемося.

Не знаю, як вам, а мене ця шашка не дуже влаштовує. Не видно, як усе змінилося. Клацніть разочок на тлі, щоб шар підсвітився, а потім створіть новий шар. Це можна зробити через меню зверху "Шар" - "Новий" або натиснувши на рекомендуючу кнопку зліва. Її я відзначив стрілкою.

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

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

Тепер знову переходимо в шар копії.

І знову переходимо до уточнення країв.

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

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

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

Отак у мене вийшло.

Мені не дуже подобається. Найкращий варіант- Змінити фон на другому шарі. Погодьтеся, так уже непогано.

Можете завантажити мій макет, відкрити його у фотошопі та зробити набагато краще. Надсилайте свої результати у коментарі до цього запису.

Якщо ви думаєте, що фотошоп - це складно, то ви дуже помиляєтеся. Це лише набір інструментів, а професіоналізм виробляється тільки завдяки досвіду, створенню картинок однією за іншою.

Уявіть, у вас є гараж і там цілковито: молотки, сокири, верстати. Можна ходити навколо них і думати навіщо вони призначені, можна запитати у професіоналів поради, але у будь-якому разі майстром ви від цього не станете.

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

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

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

Але повірте, як тільки ви почнете крутитися в цій сфері та просуватися до наміченої мети, ви переконаєтеся, що пропустили дуже багато. "Веб-дизайнер: ефективний сайт від ідеї до реалізації" Тут можна реально навчитися професії веб-дизайнера. Коштує курс чимало, але після закінчення його вам видається диплом, завдяки якому можна одразу вибитися в ТОП та отримувати неймовірні суми!