Як зробити гурток в фотошопі. Як намалювати коло в "Фотошопі". Вибір інструментів.
Як в «Фотошоп» намалювати коло
Для початку слід відкрити програму і створити новий файл ( «Ctrl + N») з відповідним для вас дозволом. В якості фону краще задати прозорий альфа-канал. Photoshop володіє цілою групою інструментів для малювання фігур. При цьому об'єкти виходять векторними. Тому ви в процесі роботи спокійно можете збільшувати їх розміри, на якості фігур це ніяк не відіб'ється. Щоб зробити коло в «Фотошопі» - виберіть інструмент «Еліпс». Для цього необхідно навести курсор на інструмент «Прямокутник», затиснути ліву кнопку миші і перенести курсор на «Еліпс».
Колірний круг в «Фотошоп»
Тепер потрібно визначитися із зовнішнім виглядом окружності. Для цього зверніть увагу на панель з параметрами, що з'явилася над порожнім зображенням. В першу чергу виберіть колір заливки або зробіть її прозорою. Також програма дозволяє створити заливку у вигляді градієнта або візерунка. Потім виберіть колір контуру. Він задається в поле «Штрих». Ви можете зробити його прозорим, в цьому випадку зображення обмежиться кольором заливки, обведення воно не матиме. Праворуч в даній панелі вибирається тип контурної лінії (вона може бути навіть пунктирною) і її товщину. На наступні поля увагу вже не звертайте, вони необхідні для завдання точних розмірів фігури і її вирівнювання щодо інших об'єктів.
Як створити коло в «Фотошоп»
Після виставлення корисних властивостей залишається створити коло в «Фотошопі». Для цього наведіть курсор на один кут зображення, затисніть ліву кнопку миші, і відпустіть її вже в протилежному кутку. Не забудьте при цьому затиснути клавішу «Shift», інакше з великою часткою ймовірності ви намалюєте овал. У випадку з затиснутим «шифтом» ви відразу отримаєте ідеальну окружність. На її контурі є квадратні маркери, за допомогою яких можна регулювати її розміри, робиться це при активованому інструменті «Переміщення».
Як вирізати коло в «Фотошоп»
У будь-який момент ви можете змінити зовнішній вигляд вже створеного кола. Для цього є пара способів. По-перше, в панелі «Властивості» розташовуються всі ті параметри, які налаштовувалися перед малювання кола. Їх зміна не забороняється. Також можна перейти в панель «Шари» і додати шару з еліпсом будь-якої стиль. Це може бути обведення, світіння, тиснення, а також заливка візерунком, текстурою або градієнтом.
Рівне коло в «Фотошоп»
Рівне коло в «Фотошопі» найчастіше створюється для використання його в оформленні сайту. Ви напевно не раз бачили на сайтах круглі кнопки, що ведуть у різні розділи. Вони найчастіше створюються саме в Photoshop, хоча в деяких випадках використовуються векторні редактори. Помістіть на окружність логотип своєї студії або організації - вийде простенький банер.
Як обрізати кругом в «Фотошоп»
Тепер вам потрібно зрозуміти, що програма від Adobe здатна не тільки малювати кола. Вона здатна надати навіть виділення в формі кола. Так в «Фотошопі» можна обрізати кругом будь-яку область фотографії. Давайте розглянемо цю можливість на прикладі.
Відкрийте фотографію, яку ви хочете перетворити з прямокутної в круглу. Тепер перейдіть до інструмента «Овальна область».
Як і в попередньому випадку, зараз потрібно намалювати своєрідне коло. Не забудьте і в цей раз затиснути клавішу «Shift». Спочатку ви можете круглу виділену область розташувати не зовсім правильно. Наведіть курсор на неї і затисніть ліву кнопку миші - це дозволить вільно перетягувати коло виділення по зображенню. Так ви легко виділіть потрібний об'єкт. Залишилося зрозуміти, що ж потрібно робити з ним далі.
Тепер можна вирізати коло в «Фотошопі», скопіювавши виділену область на зовсім нове зображення. Для цього натисніть комбінацію клавіш «Ctrl + C» або перейдіть по шляху «Редагування \u003e\u003e Копіювати». Потім створіть нове зображення за допомогою комбінації клавіш «Ctrl + N». В його властивості нічого не міняйте, так як дозвіл буде підібрано під розмір скопійованої області. Можете тільки змінити ім'я зображення. В поле «Вміст фону» виберіть пункт «Прозорий». У відкритому порожньому зображенні зробіть натискання комбінації клавіш «Ctrl + V». Або ж перейдіть по шляху «Редагування \u003e\u003e Вставити». Так ви отримаєте необхідний результат - круглу фотографію на прозорому тлі. Її можна використовувати в оформленні сайту, текстового документа або в якості аватарки.
Фото в колі в «Фотошоп»
Додатково ви можете погратися зі стилями шару, додавши обведення (положення повинно бути внутрішнім), світіння, тінь або все разом. Може вийти дуже гарне фото в колі. «Фотошоп» здатний на багато що, крім обрамлення ви можете спотворити і саме зображення за допомогою фільтрів. Але це вже не тема даного уроку. Зберігати зображення необхідно в форматі PNG, в іншому випадку прозора область заміниться на білу.
Схожим чином в «Фотошопі» створюються кола на воді. Але цей процес вже більш тривалий строк. Для отримання подібних кіл використовуються фільтри «Зигзаг» і «Розумієте по Гауса». 1 голос
Доброго часу доби, шановні читачі. Щось давно я не писав уроки по фотошопу. Треба терміново виправлятися. Сьогодні поговоримо про одну дуже простий штуці, яка буде корисна як для в чи інших елементів для сайтів, так і просто для красивих картинок і листівок.
Зараз ви дізнаєтеся як в фотошопі намалювати коло. Це дуже просто, швидко і цікаво. Я також покажу вам кілька цікавих варіантів для виготовлення власних сучасних матеріалів для сайту, постів для груп в соціальних мережах або просто листівок, які буде не соромно послати друзям.
Як намалювати прості, рівні і красиві кола
Насамперед вам потрібно відкрити програму Photoshop. Не забувайте, що у вас є можливість скористатися онлайн версією pixlr.com .
Не втомлююся говорити, що не варто звертати увагу на прості (або інші) варіанти типу Paint або ще якийсь дурниці. Вчіться працювати в професійних програмах.
Зараз прочитаєте статтю про рішення одного завдання, завтра про інший і вже через рік зможете виконувати дуже здоровские проекти, навіть якщо зовсім не збиралися цього робити. Ставте перед собою глобальні цілі. Але, повернемося до основної теми.
Створіть новий документ.
Припустимо він буде в розмірі 500 х 500 пікселів. Це не важливо.
Тепер знаходимо в панелі управління інструмент еліпс. Якщо не можете знайти відразу, спробуйте кілька секунд утримувати затиснуту клавішу миші на кнопках меню зліва. Можливо еліпс ховається під прямокутником.
Тепер малюємо коло.
Щоб коло вийшов рівний затисніть кнопку shift на клавіатурі. Вона допомагає зберегти пропорції.
Після того, як ви закінчите, у вас вилізе додаткова панель управління. Вона дублює ту, що знаходиться у верхній частині екрану. Можете працювати в будь-який, яка подобається більше, це не має значення.
Якщо необхідно намалювати фігуру потрібного діаметра міняємо ось ці значення на необхідні параметри. Нехай буде 500. Дивіться, якщо у вас з якоїсь незрозумілої причини змінюється тільки один показник, не забудьте поміняти і другий, а то намалюєте еліпс.
Ви можете, використовувати градієнт, візерунок або вибрати один колір. Відкрийте додаткові панелі, щоб розширити власні можливості.
Тут також можна використовувати різні прийоми: градієнт, візерунок, один колір або без обведення.
Якщо хочете змінити саму лінію, подивіться на наступну графу.
До речі, зовсім забув сказати, якщо ви використовуєте градієнт для заливки, то спробуйте радіальний ефект, щоб колір йшов з центру.
Ще один цікавий ефект
Можна малювати коло прямо на зображенні або перемістити його в фотку за допомогою кнопок ctrl + c (копіювати) і ctrl + v (вставити).
Тепер попрацюйте з непрозорістю (в панелі ліворуч). Дивіться, щоб в панелі підсвічували саме той шар, з яким ви працюєте. В даному випадку - еліпс.
У колі можна написати якийсь текст.
Якщо виникають труднощі, то можете завантажити psd макет цієї картинки, яку ви бачите на скріншоті вище, і поколупатися в ньому. Так вчитися цікавіше. Розберіться в моєму прикладі самостійно. Це зовсім не складно. ( СКАЧАТИ \u003e\u003e )
Є шари: фотографія савани (фон), є коло з градієнтом (еліпс 1) і текст. Якщо ви скачаєте цей файл, відкрити його можна і потрібно при допомоги photoshop, А далі розважайтеся як хочете.
Або ось ще одна картинка, яку ви можете скачати ( СКАЧАТИ \u003e\u003e ).
Щоб її створити, крім тих моментів, про які ви вже знаєте, на кожному шарі я натиснув правою кнопкою миші і поміняв параметри накладення.
Скачайте цей макет і подивіться самі, можливо ви зможете значно поліпшити результат! Не соромтеся і залишайте свої варіанти в коментарях.
Для тих, хто хоче осягати
Якщо вам і мої уроки, то раджу вам підписатися на розсилку мого блогу і отримувати інформацію про свіжі цікавих публікаціях прямо собі на пошту. Це дійсно зручно.
Однак, погодьтеся, щоб навчитися і стати професіоналом доведеться чекати чимало. Адже крім фотошопа, я розповідаю про вордпресс, про те як продавати і створювати сайти, про плагіни і веденні переговорів з замовниками.
Якщо вам хочеться навчитися фотошопу для того, щоб створювати сайти, можу порекомендувати ще два варіанти. Перший - уроки ось звідси - « ВЕБ-ДИЗАЙН для початківців ». Про них я вже докладно писав. В принципі, якщо захочете, то зможете багато чому навчитися безкоштовно, за три дні, які надаються в якості тестового періоду. Дуже корисно і здорово.
Однак, це круто в тому випадку, якщо ви вчитеся для себе. Якщо ж цікавить заробіток по-крупному, то звертайте увагу на Нетологія, а саме ось цей курс - « Веб-дизайнер: ефективний сайт від ідеї до реалізації »:
Так, ціна, звичайно, кусається.
Зате яка програма і які викладачі вас чекають.
Тут вам і директор Red Keds, і творець інтерфейсів з Лабораторії Касперського, і ще купа іменитих і успішних хлопців з компаній зі світовим ім'ям. Після закінчення ви отримуєте диплом. Цією дійсно дорогого коштує.
Ну от і все. Тепер ви знаєте максимум і я можу зі спокійною душею попрощатися.
Успіхів у роботі!
Даний урок розрахований на новачків і в ньому ми навчимося малювати правильний рівний коло в графічному редакторі Photoshop з різною прозорістю, а також впишемо в нього текст.
Так як урок розрахований на тих, хто можливо відкрив Photoshop вперше, то розглянемо все детально.
- відкриваємо програму
- Натискаємо в верхньому меню File -\u003e New і задаємо розмір документа, наприклад 500 на 500 пікселів.
У вас відкриється робоча область, на якій ми і будемо коло. Для роботи крім робочої області нам знадобитися панель інструментів, яка розташована праворуч, а також панель шарів (Layers), зазвичай за умовчанням знаходитися праворуч, але якщо ви її не бачите, то зверніться по верхньому меню Window -\u003e Layers.
Зліва на панелі інструментів вибираємо серед фігур інструмент овал (Ellipse Tool). Нижче показав скріншот, як це зробити:
Після цього у верхній частині екрану під основним меню можна вибрати колір кола, які ми будемо малювати, для цього натискаємо на пікторграмму Color і робимо свій вибір, я виголила колір # 06c7ea.
Як же намалювати рівний круг в Фотошоп?
Тепер затискаємо клавішу Shift лівою рукою, а правою наводимо мишкою в ліву верхню частину робочої області, натискаємо ліву кнопку миші і тягнемо по діагоналі направо вниз. Можливо, в це складно вникнути, але дія насправді максимально просте.
Навіщо ми затискали Shift? Ми користувалися інструментом овалів, вони можуть намалювати будь-який еліпс, але щоб малювати рівний круг, потрібно тримати затиснутим шифт, тоді пропорції будуть зберігатися.
Вище ви побачили, який результат повинен був вийти. За допомогою стрілок можете посунути свою фігуру в потрібне місце. Або скористайтеся на панелі інструментів Move Tool.
Як зробити прозорий коло?
Щоб було краще видно прозорість, створимо під шаром нашого кола фон з фотограв. Для цього дивимося на нашу панель Layers.
- Наводимо на нижній шар під колом і натискаємо один раз по ньому, щоб виділити.
- Натискаємо кнопку додати новий шар
Знайдіть будь-яку фотографію і натисніть PrintScreen. Я взяв фото міста Лондона. Щоб вставити, виділіть новостворений шар в панелі Layers і натисніть комбінацію Ctrl + V. За допомогою Move Tool або стрілок клавіатури посуньте зображення як вам потрібно.
Щоб домогтися прозорості виділіть шар з колом і пересуньте повзунок Opasity (Прозорість) до потрібного числа, я особисто поставив 66%.
Тепер все повинно було статися приблизно в такому вигляді. Лондон чітко видно крізь нашу фігуру.
Як обвести круг в фотошопі - робимо контур
Давайте обведемо нашу фігуру по контуру, додавши тонку смужку жовтого кольору. Для цього виділяємо фігуру і натискаємо на кнопочку Add layer style.
Серед стилів вибираємо Stroke і виставляємо наступні настройки.
Я виставив товщину в 3 піксіля, жовтий колір обведення і поціцію всередині (можна було вирівняти по відношенню до фігури по центру, всередині або зовні).
Як виділити коло в фотошопі
Існує такий інструмент, як Elluptical Marquee Tool (Інструмент виділення овалу) і при його допомозі можна виділити коло і навіть вирізати, якщо це необхідно.
На фотографії нижче можна побачити як знайти дане пристосування.
Наприклад, якщо ми хочемо виділити йди вирізати круглу область на лондонській фотографії, то вибираємо шар з нею і користуючись Elluptical Marquee Tool і зажаток кнопкою Shift тягнемо абсолютно так само, як у випадку з бірюзовим кругом. Щоб вирізати натискаємо після виділення комбінацію клавіш Ctr + X.
Більш детально з цього пункту можете подивитися у відео-ролику (ролик робив не я, але він в тему).
Думаю, якщо вас зацікавило питання, як намалювати коло в фотошопі, ви тільки починаєте сої вивчення цієї захоплюючої програми. Тож не дивно, що ви вирішили почати з найпростіших фігур. До речі кажучи, ви робите правильно.
Коло - базова фігура, використання якої в фотошопі обмежена лише вашою фантазією. І яким би не був ваш рівень знань, використовувати її вам все одно доведеться. Тому, тягнути не будемо і відразу приступимо.
Існує кілька способів малювання ідеально рівного кола в фотошопі. Але для початку нам потрібно створити новий документ для роботи. Верхня панель. Команда Файл - Створити. Рекомендую створювати великий документ, зручний для роботи. Я вважаю за краще 2000 пікселів по ширині і 1000 по висоті. Але ви можете використовувати будь-який інший розмір на свій розсуд.
Звернемо свою увагу на бічну панель інструментів. Інструмент «Еліпс». Він - то нам і потрібен. Кількома по ньому, а потім по робочій області. Утримуємо праву кнопку миші і проводимо окружність. А зараз я розповім вам невелику хитрість. Щоб з першого разу домогтися ідеально рівного кола затисніть клавішу shift на клавіатурі. Рекомендую запам'ятати цей прийом. Так як працює він з багатьма елементами.
А тепер другий спосіб. Тепер ми намалюємо коло за допомогою виділеної області. Для чого знову звернемося до панелі інструментів.
Кількома на інструмент «овальна область», затискаємо shift і малюємо.
Тепер нам потрібно залити її кольором. Звертаємося до панелі вибору кольору. Кількома і вибираємо відтінок у вікні. Повзунок, ви можете переглянути мільйони відтінків і в будь-якому випадку знайдете те, що вам потрібно. Як тільки зробите вибір - тисніть кнопку «ок» в тому ж вікні.
На тій же панелі шукаємо інструмент «заливка». Кількома по ньому, а потім по виділеній області.
Окружність готова. Знімаємо виділення, натиснувши комбінацію клавіш на клавіатурі ctrl + j.
Іноді виникає потреба створити коло не залиту кольором. Припустимо, це рамка для фото і чи елемент дизайну майбутнього сайту. Зробити це не важко, якщо ви розібрали другий спосіб створення кола в фотошопі.
Створюємо виділену область і переходимо до вкладки «редагування», де вибираємо команду «виконати обведення».
У вікні вибираємо колір обведення і її товщину, яка виражається в пікселях.
Ось, що у нас вийшло. Не забуваємо знімати виділення.
Ось таким чином, не помітно для себе ви навчилися користуватися декількома дуже важливими інструментами в фотошопі. Такими як: виділення, заливка, використання примітивних фігур і обведення. Думаю, вони ще не раз знадобляться вам в майбутньому, а тому варто їх запам'ятати.
В даному уроці ви навчитеся робити коло в фотошопі. Зробити це можна двома способами - за допомогою і використовуючи інструмент Заливка (Paint BucketTool) для заливки виділення на новому шарі.
Перший спосіб більш швидкий і простий, для створення кола в фотошоп достатньо всього лише одного інструменту, у другому ж способі будуть задіяні кілька інструментів і функцій. Урок виконаний в Adobe Photoshop 2015.5, якщо у вас більше рання версія програми, деякі настройки можуть відрізнятися, особливо це стосується інструменту Еліпс (Ellipse Tool).
Як зробити коло в фотошопі за допомогою інструменту Еліпс (Ellipse Tool)
Створюємо в фотошоп новий документ, Файл-Створити (File- New) З розміром 800х800 пікселів:
вибираємо інструмент Еліпс (Ellipse Tool).гаряча клавіша виклику інструменту - U. Після того, як стане активною група інструментів векторних фігур, затисніть клавішуShift і клацніть по інструменту або ж просто наведіть курсор миші на групу векторних інструментів і затисніть ліву кнопку миші на кілька секунд - відкриється список, що випадає, з якого вибираємо інструмент Еліпс (Ellipse Tool):
функції інструменту Еліпс (Ellipse Tool) на верхньої панелі інструментів:
1 - вікно вибору типу векторного об'єкта (фігура, контур, піксель);
2 - вибір кольору векторного об'єкта;
3 - додавання обведення до об'єкта (є багато варіантів обведення, обведення кольором, градієнтом, візерунком);
4 - розмір обведення;
5 - тип обведення;
6 - ширина об'єкта;
7 - кнопка збереження пропорцій;
8 - висота об'єкта;
9 - операції з контуром;
10 - вирівнювання контуру;
11 - впорядкування контуру;
12 - додаткові налаштування створення фігури (задані пропорції і розмір, створення фігури з центру);
13 - вирівняти краю векторної фігури по піксельної сітці.
знову затискаємо клавішуShift і розтягуємо коло потрібного нам розміру. клавішаShift використовується для збереження пропорцій. Ще один варіант збереження пропорцій - натиснути кнопку з ланцюгом в верхньої панелі налаштувань інструмент Еліпс (Ellipse Tool):
Так само при створенні кола можна затискати клавішуAlt - це дозволить малювати фігуру з центру полотна. Якщо при створенні кола ви одночасно затиснете Shift і Alt - коло буде створюватися пропорційно і з центру.
Ось так легко і просто ми створили коло в фотошопі! В верхньої панелі налаштувань інструменту Еліпс (Ellipse Tool) ви можете змінити колір готової фігури, додати до неї обведення, а також змінити розмір.
Як зробити коло в фотошопі використовуючи інструмент Заливка (Paint BucketTool)
вибираємо інструмент Овальна область (Elliptical Marquee). Гаряча клавіша виклику інструменту - М (В англійській розкладці). Знову, як і попередньому етапі, для виклику списку з усіма інструментами групи виділення затискаємо клавішу Shift і натискаємо по групі або ж робимо довгий клацання по групі інструментів виділення.
затискаємо клавішуShift для збереження пропорцій, для створення виділення з центру можна затиснути ще і клавішу Alt. Створюємо кругове виділення. При необхідності пересуваємо його по полотну інструментом Переміщення (Move Tool)
.
Створюємо новий порожній шар Шари-Новий-Шар (Layer-New-Layer). активуємо інструмент Заливка (Paint Bucket Tool). Гаряча клавіша виклику групи інструментів - G. Сподіваюся, ви пам'ятаєте, як вибрати інструмент з групи? А ну-ка, перевірте, і, заодно, закріпіть свої знання. 
В панелі інструментів вибираємо колір, яким хочемо залити коло, нехай це буде лимонний:
клацаємо лівою кнопкою миші всередині виділення, щоб залити коло вибраним кольором:
знімаємо виділення , перейшовши в Виділення-Скасувати виділення (Select-Deselect)або натиснувши комбінацію гарячих клавіш Ctrl + D. Поки активно виділення, ви можете змінити колір заливки і залити його іншим кольором. На відміну від першого способу, немає можливості в будь-який момент змінити колір заливки, доведеться кожного разу активувати виділення або не знімати його до отримання бажаного результату.
замість інструменту Заливка (Paint Bucket Tool)можна використовувати пункт меню Редагування-Виконати заливку (Edit-Fill).Принцип дії цієї команди той же - заливати виділену область / шар. Різниця лише в тому, що можна заливати не тільки кольором, а ще й візерунком, також є можливість заливки з урахуванням вмісту і зміни режиму накладення заливки.
Ось ми і навчилися робити коло в фотошопі. Сподіваємося, урок був вам корисний!
Автор уроку: Ольга Максимчук (Princypessa)