Залити колір у фотошопі CS6. Початок роботи у Photoshop - швидке виділення та заливка

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

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

Способи заливання шару кольором

Спосіб 1

Команда меню Редагування — Виконати заливку(Fill) , або натискання на комбінацію гарячих клавіш, що дублюють цю команду:

Комбінація гарячих клавіш: Shift+F5

Відкриється діалогове вікно Заповнити. У ньому, у списку, що розкривається ВикористатиОберіть Колір. Відразу відкриється палітра вибору кольору. Визначтеся з кольором та натисніть ОК.

Спосіб 2

За допомогою комбінації клавіш Alt+Backspace робиться заливка шару основним кольором, встановленому на панелі інструментів - .

Спосіб 3 Інструмент «Заливка»

На панелі інструментів виберіть інструмент Заливка. Клацніть по шару і він відразу пофарбується основним кольором (дивіться приклад вище).

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

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

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

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

Щоб запобігти цьому, потрібно використовувати наступний спосіб.

Спосіб 5 Шар-заливка

Виконайте команду Шар - Новий шар-заливка(New Fill Layer) - Колір.Можна одразу натиснути кнопку ОК. Після цього з'явиться панель вибору кольору заливки. Зробіть вибір.

Доброго всім час доби, шановні читачі мого блога. Як настрій? Готові до праці та оборони? Чудово. ми з вами навчилися, а якщо вам треба зафарбувати якусь область? Невже ми питимемося, щоб акуратно зафарбовувати область пензлем, намагаючись не зачепити межі? Звичайно, ні.

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

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

Тож поїхали!

Просте заливання

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

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

Щойно помітив, що у мене ці два кола із зафарбованою червоною областю по центру, схожі на око з червоною зіницею))).

Зафарбовування візерунком

За замовчуванням інструмент зафарбовує кольором, який вказаний в основному кольорі палітри. Але також можна зафарбовувати області візерунком. Давайте спробуємо.

Допуск

У багатьох інструментах є така властивість як допуск. І всюди цей допуск працює приблизно однаково.

Чим менший допуск, тим менший колірний діапазон області, що зафарбовується. Тобто. якщо допуск 0 і ви хочете зафарбувати білим кольором на синьо-блакитному тлі, то заливці піддасться тільки той відтінок, на який ви клікнули спочатку, і такі самі відтінки ні на грам не відхиляються від норми. А якщо допуск буде максимальним ( 255 ), то заливка зафарбує взагалі все полотно без винятку.

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

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

До речі

Насамкінець хочу розповісти про ще один момент. Заливати кольором не обов'язково якийсь малюнок. Можна просто залити область.

Для цього виділіть якусь область (я вибрав) і намалюйте виділення на білому тлі.

Тепер знову беру до рук заливку, вибираю будь-який колір. Виділення нікуди не поділося, та й добре. Тоді заливаємо те, що всередині контуру виділення вже відомим нам способом. Гоп! І готове. Ось така маленька хитрість.

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

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

Успіхів вам у вивченні. Головне не філонити). Побачимося з вами у наступних уроках. Бувай!

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

1 голос

Вітаю вас у блозі Start-Luck. Сьогодні ми продовжимо вивчати Photoshop. Ця тема буде цікава фотографам, дизайнерам, ілюстраторам та всім, хто хоче освоїти графічний пакет. Ми поговоримо про те, як залити шар кольором.

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

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

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

До речі, якщо ви веб-дизайнер-початківець, то дуже рекомендую звернути увагу на ресурс netology.ru . Цей університет має курс « Adobe Photoshop: основи для веб-дизайнера ». Чим він хороший: навчання ведуть практикуючі експерти, які знають все про . Навчання ділиться на теорію та практику, лекції проходять у другій половині дня. Це особливо зручно, якщо ви працюєте та навчаєтесь. Процес подачі знань поділений на етапи, з азів та до створення макету веб-сайту.

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

Інструменти для роботи

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

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

Я фарбуватиму задній білий план у яскраво-рожевий. Мені здається біло-блакитний м'яч добре виділятиметься на такому фоні. Знову ж таки, ви вільні вибирати улюблений колір і ні в чому себе не обмежувати. Відкриваємо нашу картинку у фотошопі, використовуємо інструмент «Швидке виділення» на панелі збоку та виділяємо об'єкт.

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

У нас з'явилося вікно, нам потрібне.

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

Зрештою бачимо м'яч на прозорому шарі. Але його поки що заливати не можна. Для заливки створюємо новий шар.

Фарбування

А зараз ми можемо переходити безпосередньо до заливання. Беремо ковшик («Заливка») на панелі інструментів, вибираємо колір. У нас, як ви пам'ятаєте рожевий, можна залити чорним або білим, якщо заллєте білим, результат від вихідника нічим відрізнятися не буде.

Панель з налаштуваннями має виглядати так. Поєднання клавіш Shift+Backspace допоможе викликати налаштування заливки.

Клацаємо «заливання» на новому прозорому шарі. Отримуємо результат, який нам необхідний.

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

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

Графіка – це важливе!

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

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

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

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

Успіхів вам у будь-яких починаннях!

Здрастуйте, читачі.

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

Інструмент «Заливка»

Почнемо навчання із спеціально створеного для нашої мети інструменту з відповідною назвою.

Він займає один осередок з іншим – «Градієнт», про який ми поговоримо пізніше.

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

Цей інструмент використовується для заповнення одним кольором або візерунками. Як із ним працювати?

• Відкрийте зображення та продублюйте шар за допомогою гарячих клавіш Ctrl+J.

Ви знаєте, як виділити область? Використовуйте для цього інструменти "Прямокутник" або "Магнітне ласо".

• Внизу на панелі інструментів знаходяться 2 квадрати один за одним. Перший означає основний колір. Натисніть на нього, щоб вибрати той, який вам потрібний.
• Піднесіть цебро до виділеної області і клацніть один раз лівою кнопкою миші. Вона заллється вибраним кольором. Бажаєте заповнити частину зображення візерунком? Відмінна ідея, яка втілюється так:
• На верхній панелі, під головним меню Photoshop, розміщуються параметри взятого вами інструменту. Знайдіть невелике вікно з орнаментом. Натисніть на стрілочку поруч із ним і виберіть потрібний.

• Щоб змінити колір оригінальної картинки на візерунок, так само, як у попередньому випадку, клацніть курсором з відерцем на вибраній області.

Інструмент "Градієнт"

Ви вже знаєте де він знаходиться. Активуйте його та зверніть увагу на налаштування зверху:

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

• Розташовані поруч кілька значків визначають його форму: вона може бути радіальною, кутовою, лінійною, ромбоподібною тощо.
• Спробуйте різні ефекти з розділу «Режим», серед яких є згасання, м'яке світло, затемнення основи та ін.
• Бажаєте, щоб під градієнтом виднілася вихідна картинка? Пограйте із непрозорістю.

Для застосування інструменту до виділеної зони затисніть на одному з її країв ліву кнопку миші та потягніть з протилежного боку.

Заливка чи кисть?

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

Про те, як це зробити я писав у цій замітці:

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

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

Ось що було до:

Ось що стало після натискання OK:

Залишилися незафарбовані місця? Підкоригуйте їх точковим відновлюючим пензлем малого діаметра.

Обведення

Ви хочете зробити фоторамку? Фотошоп пропонує простий варіант:

• "Прямокутником" обведіть фото, трохи відступивши від кожної сторони.
• Зайдіть у вкладку «Редагування» та виберіть команду «Виконати обведення».

• У вікні вкажіть необхідний колір, ширину та режим накладання.
• Натисніть "OK".

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

http://o.cscore.ru/

Натхнення вам, друзі.

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

Тепер розглянемо таку групу інструментів.

Інструменти заливання

Заливання. Натисніть на цей інструмент і утримуйте ліву клавішу миші, розкриється меню вибору: градієнт і заливка.

Тут можна вибрати потрібне.

Відро – заливає зображення (виділення) кольором або текстурою.

Отже, для заливки маємо такі параметри:

Заливка (fill) - визначає, що використовувати як "фарби": основний колір (foreground) заллє основним кольором, шаблон (візерунок - pattern) заллє деяким візерунком.

Шаблон (pattern) – візерунок для заливки.

Режим (mode) - спосіб накладання пікселів, значень багато і розглядатиметься за необхідності.

Непрозорість (opacity) – визначає ступінь прозорості заливки.

Допуск (tolerance) – діапазон кольорів для заповнення.

Галочка згладжування означає пом'якшити краї переходу.

Спробуємо насправді:

Візьміть інструмент заливки (клацніть по відру), підведіть всередину виділення, зробленого на попередньому кроці, і клацніть мишкою. Наше виділення забарвиться у колір переднього плану (за замовчуванням – чорний).

Тепер на панелі параметрів виберете: Заливка -> Візерунок, Візерунок -> будь-який сподобався.

Знову підведіть наше відро всередину виділення та натисніть. Тепер воно залите шаблоном і виглядає так:

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

Градієнт. Створює заливку з плавним переходом між двома або кількома кольорами.

Розглянемо панель параметрів:

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

Визначає вид градієнта (ліворуч - лінійний, радіальний, кутовий, відбитий, ромбоподібний).

Інверсія (reverse) - галочка показує геометрично перевернути градієнт.

Дизеринг (глибина – dither) – галочка вказує згладити для зменшення сегментації.

Прозорість (transparency) – галочка вказує на використання прозорості.

Спробуємо насправді:

Створіть новий файл, візьміть інструмент прямокутне виділення і розтягніть його у вигляді прямокутника, потім на панелі інструментів клацніть по іконці градієнта, на панелі параметрів клацніть по стрілочці і виберіть градієнт, що сподобався, правіше виберіть вид градієнта (будь-який).

Зверніть увагу на перші два квадратики у вікні вибору градієнта, що відкривається. Вони використовують кольори, встановлені вами, як кольори переднього плану та фону (кольорові квадратики внизу панелі інструментів). Перший градієнт здійснює плавний перехід із основного кольору у фон, другий – з основного кольору у прозорість.

Тепер підведіть курсор миші до середини лівої сторони нашого виділення, натисніть ліву клавішу миші і, не відпускаючи, протягніть лінію до середини правої сторони (рис.1)
Протягніть лінію градієнта по діагоналі (мал.2)
А тепер зверху донизу (рис.3)

Подивіться на різницю та поекспериментуйте з різними градієнтами та їх видами.

Збереження зображення

Наш урок добігає кінця, залишилося тільки навчитися зберігати наші шедеври.

Клацніть пункт меню Файл (File), у меню, що відривається, ви побачите звичний пункт -Зберегти Як (Save As)- і новий - Зберегти для Web (Save for Web). Розберемося який навіщо.

Якщо ви працюєте над зображенням і хочете мати можливість змінювати його в майбутньому, слід вибрати пункт меню - Зберегти Як (Save As)

Де зберігати та яке ім'я дати - ваша особиста справа, а ось формат буде *.PSD;*.PDD. Саме в цьому форматі зберігаються всі ваші налаштування (у нас їх поки що немає, але пізніше з'являться). Таким чином, зберігається не картинка повністю, а зберігаються її частини, кожну з яких ви зможете змінити, коли захочете.

Якщо ваше зображення готове, то вибирайте пункт меню - Зберегти для Web (Save for Web). Зображення буде збережено оптимізованим для Інтернету (тобто з найкращим поєднанням якість розмір файлу). вікно збереження слід розглянути докладніше:

Чотири вкладки нагорі пропонують подивитися варіанти зображення:

Оригінальний (original) – зображення як воно є. Як правило, великий розмір файлу неприпустимий для web.
Оптимальний (optimized) – оптимальне співвідношення якості та розміру файлу з точки зору програми.
2-up, 4-up - відповідно два та чотири варіанти зображення поруч, внизу кожного вказано розмір. Ви можете вибрати оптимальний на вашу думку.

У верхньому правому куті цього вікна задаються додаткові налаштування:

Тут можна вибрати формат зображення, що зберігається. Загальні рекомендації - використовуйте формати JPEG і PNG для фотографій з тонкими реалістичними переходами, формат GIF - для контрастних, малобарвних малюнків. До речі, всі малюнки на цій сторінці збережені у форматі GIF.

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

Отже, вибирайте найоптимальніше зображення на ваш погляд і клацніть на кнопку Зберегти (Save). Відкриється вже звичне вікно збереження, де слід вказати Папку (куди зберегти) та Ім'я файлу, решта вже буде вказано, знову клацаємо по Зберегти (Save). Зображення для Інтернету готове.

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

Щоб закріпити ці навички, поекспериментуйте (створюйте різні за формою області та заливайте їх у різний спосіб).

На наступному уроці ви навчитеся працювати з текстом та познайомитеся з основним поняттям програми – шарами.