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

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

інверсія виділення

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

На прикладі вище, зображення «До» показує, що створено виділення персонажа (про це сигналізують «марширують мурахи» по контуру злобного кота).

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

Виділення - Модифікація - Інверсія

Гаряча клавіша: Ctrl + Shift + I

інверсія кольору

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

Щоб її застосувати виконайте команду:

Зображення - Корекція - Інверсія

Гаряча клавіша: Ctrl + I

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

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

Що таке інверсія по суті? Ця зміна якої-небудь властивості в абсолютно протилежну сторону. наприклад, якщо ми зробимо інверсію квітів на фотографії, то отримаємо негатив. А якщо ми виділимо об'єкт і інвертуємо виділення, то виділено буде все, крім об'єкта. Суть ясна? Хоча давайте краще розглянемо на живому прикладі, як зробити інверсію в фотошопі ...

інверсія кольору

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

Тут ніяких премудростей немає. Вам всього лише треба буде вибрати у верхньому меню пункт «Зображення» - «Корекція» - «Інверсія». Або ви просто можете натиснути комбінацію клавіш Ctrl + I. Це навіть простіше і я вам дійсно рекомендую користуватися гарячими клавішами.

Дивимося, на що перетворилася наша фотка. Кльово, так? Білий фон став чорним, а сам наш колючий друг став негативним (ну в сенсі не злим, а ... ну ви зрозуміли).

Як інвертувати виділення?

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

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

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

POST SCRIPTUM

Любі друзі. У мене для вас невеличке оголошення. Я думаю, що ви пам'ятаєте як я розповідав про те, як я збираюся піти на тренінг по соціальним проектам від Дмитра СІДАШ і Олександра Борисова? Так от якщо ви ви ще думаєте, то поспішайте, так як з 11.07.2016 року, тобто післязавтра ціна на обидва тренінгу підвищується.

Якщо зараз " Майстер тематичних проектів"Варто 16990 рублів до результату, то післязавтра вартість піднімається до 33980 рублів!" Майстер соціальних проектів"Також піднімається з 12990 рублів до 25980 рублів. Так що думаємо. Крім того, якщо ви зважитеся, то у мене для вас є невеликі, в тому числі і знижка на навчання.

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

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

Якщо ви хочете звернути (інвертувати) кольору зображення за допомогою програми MS Paint, то майте на увазі, що в Paint 6.1 (Windows 7) і більш пізніх версіях цієї програми процедура инвертирования квітів була змінена - звернути кольору як і раніше досить легко, але алгоритм дій очевидний не відразу. Для швидкого инвертирования квітів натисніть Ctrl + Shift + I. Ця стаття розповість вам, як звертати кольору в нових і старих версіях програми Paint.

кроки

У Windows 7 і пізніших версіях операційної системи Windows

Пам'ятайте, що процедура инвертирования квітів була змінена. Не шукайте інструмент «Звернути кольору» на верхній панелі інструментів (як це було в Windows Vista і більш ранніх версіях Windows). Починаючи з Paint 6.1, ви можете інвертувати кольору, клацнувши по вибраній області зображення правою кнопкою миші. Нові версії Paint, в яких діє описана процедура, попередньо встановлювати в Windows 7, 8, 10. Звичайно, під це нововведення буде складно підлаштуватися людям, які роками інвертовану кольору за допомогою кнопки на верхній панелі інструментів, але не варто впадати у відчай - звернути кольору в Paint як і раніше досить легко.

Виділіть зображення. Якщо ви хочете інвертувати кольору всього зображення, виділіть всю картинку. Для цього у верхній панелі інструментів натисніть «Виділити» - «Виділити все» або за допомогою інструмента «Форми виділення».

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

1. Інвертуйте кольору. Для цього клацніть по виділеному зображенню (або виділеної області зображення) правою кнопкою миші. У меню, знайдіть і натисніть «Звернути кольору». Кольори виділеного зображення (або виділеної області зображення) будуть негайно інвертовані.

   • Для швидкого инвертирования квітів натисніть Ctrl + Shift + I.

   У Windows Vista і більш ранніх версіях операційної системи Windows

   1. Відкрийте редаговане зображення в MS Paint. Це можна зробити двома способами:

      У верхній панелі інструментів натисніть «Зображення» - «Звернути кольору». Це призведе до моментального інвертування кольорів. Звернені кольору є науковими доповненнями оригінальних кольорів. При інвертуванні квітів жовту кулю перетвориться в синій (а не фіолетовий як при традиційному додатку).

      • Для швидкого инвертирования квітів просто натисніть Ctrl + I. Пам'ятайте, що це поєднання клавіш працює тільки в Windows Vista і ранніх версіях Windows.

   2. Збережіть зображення. Для цього натисніть «Файл» - «Зберегти як». Введіть ім'я файлу і виберіть його тип (якщо потрібно). Збережіть відредаговане зображення в папці, яку ви зможете легко знайти в разі потреби. Потім натисніть «Зберегти».

   • Замість запуску Paint відкрийте папку «Мої документи» або папку з зображеннями, клацніть по картинці правою кнопкою миші і виберіть "Відкрити за допомогою» - «Paint».
   • Для вибору певної області зображення за допомогою інструмента «Форми виділення».
   • Щоб побачити послідовний образ, збільште картинку з інвертованими квітами і дивіться в центр зображення протягом тридцяти секунд. Потім швидко переведіть погляд на порожню білу стіну. Ви побачите картинку в оригінальних кольорах. Майте на увазі, що цей метод краще спрацьовує з фотографіями і зображеннями великих розмірів.
   • Натисніть Ctrl + I (або Ctrl + Shift + I в Windows 7 і пізніших версіях операційної системи), щоб швидко інвертувати кольору.
   • Щоб швидко відкрити зображення, натисніть Ctrl + O.
   • Натисніть Ctrl + Z, щоб скасувати до 3 попередніх дій.
   • Найпоширенішими форматами графічних файлів є BMP, PNG, JPG, GIF. У більшості випадків формат PNG гарантує мінімальний розмір файлу без втрати якості картинки. Виберіть формат JPG, якщо редагується зображенням є фотографія, хоча деякі користувачі вважають, що при виборі формату JPG в Paint якість зображення погіршиться. Якщо ви маєте намір розмістити зображення на веб-сайті, скористайтеся хорошим графічним редактором, щоб зменшити розмір файлу.
   • В інтернеті пошукайте цікаві зображення, кольори яких можна інвертувати. Майте на увазі, що контент в мережі може бути захищений авторським правом; теоретично, ви можете редагувати будь-яке зображення, якщо не збираєтеся продавати його, поширювати його або приписувати йому своє авторство.
   • Інвертувати кольору можна в будь-якому графічному редакторі. Процедура буде відрізнятися (від Paint), але результат буде таким же.
   • Якщо ви використовуєте інструмент «Довільна область», перетягніть виділену область по картинці, а потім поверніть її на вихідну позицію. Тільки так ви зможете інвертувати кольору виділеної області (в іншому випадку будуть інвертовані кольору області прямокутної, а не довільної форми).

   попередження

   • Якщо ви не можете знайти програму MS Paint, то ваш комп'ютер або ноутбук працює під керуванням іншої операційної системи, а не Windows. У цьому випадку скористайтеся будь-яким іншим графічним редактором, який може виявитися навіть краще. Графічні редактори бувають як платними, так і безкоштовними. Пошукайте їх в інтернеті.
   • У Windows 7 клацніть по зображенню правою кнопкою миші, щоб інвертувати кольору.
   • Якщо замість «Зберегти як» ви натиснете «Зберегти», оригінальне зображення буде перезаписано відредагованим зображенням. Не робіть так, якщо ви хочете зберегти як оригінальне зображення, так і відредаговане.
   • Якщо утримувати комбінацію клавіш CTRL + I (або CTRL + SHIFT + I), кольору почнуть швидко блимати. Будьте обережні: це може викликати головний біль!

   Що вам знадобиться

   • Зображення для редагування
   • Microsoft Paint

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

1. Збільшуємо зображення.

затискаємо Ctrl + Пробіл і, натиснувши ПКМ (з'явиться курсор з лупою), тягнемо вліво або вправо. Це найшвидший спосіб збільшення і зменшення зображення з однієї клавіші (тільки в CS5 та тільки з включеним GPU).

2. Вибираємо колір.

Alt + Shift + клацання правою кнопкою миші (Win) або Ctrl + Alt + Ctrl + Click (Mac). Дуже зручний вибору кольору (тільки в CS5 та тільки з GPU включено). У вкладці Загальні можемо змінити вид цієї палітри, хочете кругла, хочете квадратна, ну і її розмір теж на вибір:

3. Дивимося з висоти пташиного польоту.

Утримуйте H + клік ПКМ, зміниться розмір зображення. Це прекрасно працює з великими зображеннями, які при 100% не поміщаються на екран в Photoshop. Швидкий спосіб вмістити зображення на екран, а потім, пересунувши область перейти до перегляду зображення в потрібному місці.

4. Розмір і жорсткість кисті.

Ctrl + Alt + Right Click (Win) або Control + Option + Click (Mac). Перетягніть мишею вправо і вліво для зміни розміру кисті. А якщо рухати миша вгору або вниз, то змінитися жорсткість кисті. Це працює тільки з CS5 в обох напрямках. У CS4 працює тільки зміни розміру кисті. Ви можете змінити колір кисті в превью з червоного на будь-який інший в налаштуваннях курсор. Крім того, щоб мати можливість бачити кисть попереднього перегляду, необхідно щоб було включено GPU. Це в Установках (Performance):

5. Малюємо прямі лінії.

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

6. Переміщення.

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

7. Одночасне збільшення.

Якщо у нас відкрито кілька документів в Photoshop і нам знадобилося збільшити їх все відразу, то нам допоможе ця команда Shift + Ctrl + Space (Win) або Shift + Ctrl + Space (Mac). Затиснувши ці клавіші і клікнувши по одному з документів, ви змусите їх все збільшитися.

Примітка: а якщо до цієї комбінації затисне ще й Alt, то вони все дружно зменшаться.

8. Ховаємо панелі.

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

Примітка: особисто у мене панелі вперто не хочуть показуватися на час.

9. Перегляд зображень в повноекранному режимі в Міні Брідж (Mini Bridge).

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

10. Міняємо розмір тексту.

Виділяємо текст і затискаємо Ctrl + Shift + . (крапка) або , (Кома). Таким чином, збільшуємо або зменшуємо текст.

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

11. Вибираємо літери для тексту.

Тобто це означає те, що затиснувши Ctrl + Shift + K, Ви зможете швидко перемикатися між малими та великими літерами при наборі тексту. Переконайтеся, що у вас відключений Caps Lock, щоб була можливість використовувати цю функцію.

12. трекінг, так і кернінг.

Це використовується в палітрі символів (Symbols). Тобто, вибравши які налаштування тексту в цій палітрі, будь то кернінг, трекінг, розмір, затискаємо клавішу Alt і тиснемо ліву чи праву клавіші зі стрілками. Таким чином, ми змінюємо в тих полях введені значення.

Примітка: особисто у мене стрілки працюють вгору і вниз,а не вліво і вправо.

13. Міжрядкові. (Leading)

Виділяємо текст, затискаємо Alt + стрілки вгору і вниз. Цим ми можемо змінювати налаштування функції інтерліньяж (Leading) тим самим, змінюючи відстань між рядками в тексті.

14. Зсув лінії тексту.

Якщо ми хочемо одній і тій же сходинці тексту задати різні позиції, то скористаємося клавішами Alt + Shift + стрілки: Вгору і вниз.

15. Заливка (Fill)

Ці гарячі клавіші нам знадобляться для швидкої заливки тексту або векторних фігур кольором переднього або заднього плану. Ось вони - Ctrl + Backspace -колір переднього плану (Foreground Color), Alt + Backspace - колір заднього плану (Background Color). клавішами Shift + Backspace викликаємо настройки Заливання (Fill), але для цього доведеться растеризувати шар з текстом або векторної фігурою.

16. Скидання внесених змін в будь-якому діалоговому вікні.

Ну, наприклад, вікно Розумієте по Гауса. Ви розмили там що то і вам не підходять ваші зміни. Бачимо кнопки ОК і Скасування. Так ось, якщо ми зажмём кнопку Alt, То кнопка Скасування змінитися на «Скинути».

17. Зміна непрозорості і заливки.

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

18. Інверсія.

Ctrl + I. Це швидкий спосіб інвертувати колір або інвертувати маску шару.

Примітка: або інвертувати виділення.

19. Перемикання курсорів.

Якщо ви не хочете бачити краю курсора або навпаки хочете дуже, то вам допоможе клавіша Caps Lock.

20. Скинути настройки.

Якщо ви накосячілі з настройками в Photoshop і хочете повернути настройки за замовчуванням, то вам допоможе наступне:
При запуску Photoshop, утримуйте Ctrl + Alt + Shift, В той час як Photoshop завантажується. З'явиться вікно, де і підтвердіть скидання налаштувань.

21. Міняємо колір.

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

22. Маска.

Alt + клік на масці шару. Відмінний спосіб для перегляду і редагування маски шару. З цієї ж комбінацією повертаємося в звичайний режим:

23. Відключаємо маску.

Shift + клік на масці шару. Ви можете швидко переглянути зображення без впливу маски.
З цієї ж комбінацією повертаємо маску назад.

24. Перетин виділення.

Alt + Shift + проведемо інструментом виділення (Selection Tool). Якщо у вас вже є виділення і вам потрібно відсікти або додати його, то вам допоможе ця комбінація.

25. Об'єднати видимі.

Ctrl + Alt + Shift + E. Якщо ви хочете зберегти всі шари, але вам необхідно їх злити, то можна цією комбінацією отримати об'єднаний шар з видимих \u200b\u200bна самому верху, не торкнувшись тим самим всі попередні шари.

Бонус. Великодні яйця.

затиснувши клавішу Alt і, утримуючи ліву кнопку миші, клацнути чорний трикутник у верхньому правому куті палітри шари (Layers) і вибрати в меню параметри панелі (Panel Options). Цей маг (Мерлін) - довгоживучі пасхальне яйце, присутнє в Photoshop з версії 3.0.

затиснувши клавішу Ctrl , Вибрати Help (Довідка) - About Photoshop (Про програму Photoshop). Ви побачите заставку і опис своєї версії.
Висновок.

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

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

Ще зручно змінювати перегляд клавішею F, При повноекранному режимі можна викликати палітру, ну наприклад, палітру шарів F7.

При обраному інструменті Пензлик (Brush) або Піпетка, затискаємо клавішу Alt і рухаємо курсор по зображенню, тим самим вибираючи відповідний колір:

Я думаю, кожен знайде в цій статті корисне для себе, тому приклад, як ми вже не можемо обійтися без гарячих клавіш таких як - Ctrl + T, Ctrl + D, Ctrl + N.

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

створення виділення

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

Якщо ви повторіть ту ж саму операцію, то створиться нове виділення.

трансформація виділення

Для того щоб змінити розміри вже створеного виділення, необхідно вибрати пункт меню Виділення - Трансформувати виділену область:

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

У режимі трансформації виділення його можна і повернути. Для цього в панелі опцій потрібно написати необхідний кут в наступному полі:

Коли трансформація буде закінчена, потрібно натиснути Ctrl + Enter. Для того щоб перемістити виділення, потрібно просто навести курсор в будь-яку точку всередині області, обмеженої виділенням. Зображення курсора зміниться і під ним з'явиться мініатюрна рамка виділення. Це означає, що можна починати процес перетягування рамки. Таким способом виділення можна перетягувати не тільки в звичайному режимі, але і в режимі трансформування. Для того щоб зняти виділення, необхідно натиснути клавіші Ctrl + D. Щоб зробити строго квадратне виділення, потрібно в процесі створення виділення утримувати клавішу Shift.

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

Приклад 1. Дорожні знаки

1. Створіть в фотошопі нове зображення. Розміри 300х300 пікселів. Фон - білий. Залийте зображення кольором # c0c0c0. Це, до речі, колір фону в фотошопі. Нам потрібен такий фон, щоб він контрастував з іншими частинами зображення білого кольору.

2. За допомогою напрямних знайдіть центр зображення:

Про те, як саме це зробити, розказано в попередній статті.

3. Виберіть інструмент прямокутне виділення і створіть нове виділення розмірами 160х160 пікс:

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

4. Перейдіть в режим трансформації виділення:

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

Для зручності переміщення, збільште зображення поєднанням Alt + коліщатко миші. Повернути 100% масштаб можна поєднанням Alt + Ctrl + 0.

5. Поверніть виділення на 45 градусів і підтвердіть зміни натисненням поєднання Ctrl + Enter. Після цього залийте виділення білим кольором, і зніміть виділення поєднанням клавіш Ctrl + D. Ось що вийде:

6. Аналогічним чином створіть виділення з розмірами 150х150 і також помістіть його в центр зображення:

7. Поверніть його на 45 градусів і залийте чорним кольором:

8. Створіть нове виділення розмірами 140х140, помістіть його в центр, поверніть на 45 градусів і залийте білим кольором:

9. Аналогічним чином створіть останній квадрат. Його розміри 100х100, а колір # d3d300.

10. Все, знак майже готовий, залишилося тільки заховати напрямні. Натисніть Ctrl + Ж - і все буде готово вже остаточно. Підсумковий результат повинен бути таким:

Тепер зробимо знак «В'їзд заборонено». На цей раз я не стану розписувати всі так докладно, тому що думаю, що ви зрозуміли основний принцип. Отже.

1. Створіть нове зображення 300х300 з білим фоном і залийте його кольором # c0c0c0. Знайдіть центр зображення.

2. Виберіть інструмент овальне виділення, який знаходиться в списку, що випадає під прямокутним виділенням:

Утримуючи клавішу Shift намалюйте виділення розмірами 180х180. Потім розмістіть його в центрі зображення і залийте білим кольором:

3. Намалюйте ще одне коло з розмірами 170х170 і залийте його кольором # b72d13:

4. Створіть прямокутне виділення з розмірами 120х35 і розмістіть його в центрі зображення:

5. Залийте виділення білим кольором. Зніміть виділення і сховайте напрямні. І ось перед нами готовий знак:

інверсія виділення

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

Для того щоб здійснити інверсію виділення, необхідно натиснути клавіші Ctrl + Shift + I, або вибрати пункт меню Виділення - Інверсія:

Приклад 2. Акцентування на об'єкті

У цьому прикладі створимо таку композицію:

Тобто зображення, в якому присутній ефект фокусування на певному об'єкті. В даному випадку це охоронці Лувра. Отже, скачайте вихідне зображення, і ми почнемо.

Створіть кругле виділення з розмірами 100х100 і розташуйте його навколо охоронців:

Тут нам потрібно трансформувати вже не виділення, а весь фрагмент, укладений в нього. Для цього:

2. Натисніть клавіші Ctrl + T для переходу в режим трансформації виділеного фрагмента. Утримуючи Shift, тягніть за правий нижній кут прямокутника трансформації. Слідкуйте за зміною розмірів на панелі Інфо. Як тільки вони стануть 170х170, відпускайте клавішу Shift і кнопку миші:

3. Натисніть Ctrl + Enter для виходу з режиму трансформації. Потім перетягніть виділення так, щоб вхід до Лувру здавався цілісним:

4. Інвертуйте виділення поєднанням Ctrl + Shift + I. Виберіть інструмент Заливка, виставте в панелі опцій прозорість на 32. Встановіть основний колір на # 0047ab і залийте виділення. Тепер виділення можна зняти і наше зображення готове.

Задані розміри і пропорції

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

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

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

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

Цей стиль корисний, коли ви точно не знаєте, якими мають бути розміри виділення, але хочете поставити конкретне співвідношення сторін. Припустимо при завданні співвідношення 2: 3, сторони виділення завжди будуть ставитися один до одного як два відноситься до трьох. Цю «фішку» можна використовувати, наприклад, при створенні прямокутників з золотим перетином. Так називають відношення 1,618: 1. Ця пропорція вважається найгармонійнішою в дизайні.

Приклад 3. Кнопки в фотошопі

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

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

1. Створіть нове зображення з розмірами 300х150 і залийте фон кольором # f0eece. Знайдіть центр зображення:

2. Створіть нове прямокутне виділення розмірами 120х40 в стилі виділення Заданий розмір і розмістіть його в центрі зображення (як зазвичай - в режимі трансформації виділення).

3. Натисніть Ctrl + Enter і залийте виділення кольором # 9b9b93. Після цього виділення можна зняти. Центральні напрямні нам більше не знадобляться, тому видаліть їх через пункт меню Перегляд - Стерти напрямні.

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

Подібним же чином створіть ще 10 напрямних через кожні 12 пікселів. Їх координати: 102, 114, 126, 138, 150, 162, 174, 186, 198, 210. Повинна вийти ось така решітка:

Для того щоб напрямні виглядали більш контрастно, змініть їх колір. Для цього спочатку натисніть Ctrl + K, а потім Ctrl + 6 і, клацнувши по найпершому квадрату вибору кольору, змініть його значення на бажане. А можна просто посувати гурток по палітрі, підбираючи таким чином найбільш оптимальний колір.

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

6. Залийте виділення кольором # 9b9b93:

Після цього виділення не знімайте! Виберіть інструмент Переміщення. Наведіть курсор на виділення і затисніть клавішу Alt. При цьому курсор прийме такий вигляд:. Не відпускаючи клавішу Alt, затисніть ліву кнопку миші і перетягніть смугу в другу опорну точку. Таким чином, ви клонували (скопіювали і вставили) об'єкт. Ліва верхня область прямокутника повинна тепер виглядати так:

Зверніть увагу на точки перетину напрямних і верхньої боку великого прямокутника. Саме через ці точки проходять ліві боку темних смужок.

7. За аналогією з попереднім дією скопіюйте ще кілька смужок:

Продовжуйте копіювання до тих пір, поки смужки не заповнили весь великий прямокутник:

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

9. Інвертуйте виділення і натисніть клавішу del для видалення всієї непотрібної графіки, а потім знову інвертуйте виділення.

10. Нам потрібно знову залити фон. Для цього виріжемо виділену кнопку натисканням сполучення Ctrl + X. Після цього заллємо всю область зображення кольором # f0eece. Коли фон буде готовий, вставимо вирізаний прямокутник назад поєднанням Ctrl + V:

Як тільки ви це зробите, палітра шарів стане виглядати так:

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

11. По суті, заготівля вже є. Залишилося застосувати об'ємний ефект. Для цього натисніть на кнопку, показану на рис. вище, і в списку виберіть пункт тиснення. Не міняйте ніяких параметрів у вікні, і натискайте ОК. Ось що повинно вийти:

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

1. По суті, тут все перші кроки майже такі ж, як і з попередньою кнопкою. Тобто створюємо нове зображення 300х150 і заливаємо його кольором # c0c0c0. Створюємо центральні напрямні для визначення центру. Робимо прямокутне виділення 120х40, яке вирівнюємо по центру зображення:

2. Тепер нам потрібно залити це зображення градієнтом. Так що виберіть інструмент Градієнт і відразу ж перейдіть в редактор градієнтів. Встановіть початковий колір на # e7e7e7, а кінцевий на #aeaeae. Тепер залийте це виділення градієнтом зверху вниз. Чи не знімайте виділення! Ось що повинно вийти:

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

4. На палітрі шарів натисніть на кнопку ефектів:

І виберіть там ефект тиснення. У вікні поміняйте розмір тиснення на 2 Пікс:

Після цього видаліть напрямні і у нас є друга заготівля:

Вона перетвориться в кнопку після того, як ми вивчимо текст в фотошопі. Збережіть її в формате.psd і не втрачайте.

Додавання і віднімання виділень

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

Іншими словами, правильно додавати виділення потрібно так, як показано на рис. нижче:

В цьому випадку сумарна виділення буде збільшено в порівнянні з первинним:

Якщо ж спробувати зробити додавання так:

Те на цей раз ніяких змін не станеться - адже «добавлямая область» вже знаходиться в зоні виділення. А, як ми розуміємо, не можна покласти в кошик те, що і так в ній вже лежить.

Аналогічним чином можна здійснювати віднімання області з раніше створеного виділення. Для цього потрібно утримувати клавішу Alt. Поруч з курсором з'являється знак мінус:. Від'ємник виділення повинно хоча б частково лежати всередині Ctrl + K і Ctrl + 6 і встановіть в налаштуваннях сітки наступні параметри:

Після установки цих параметрів натисніть ОК. В результаті сітка повинна виглядати так:

Погодьтеся, чимось нагадує аркуш із зошита?

3. Створіть нове виділення як на малюнку:

4. Тепер в режимі додавання до виділеної області, тобто утримуючи клавішу Shift, Доріс до створеного виділенню ще одну клітку:

Ось що повинно вийти:

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

5. Намалюйте інші фігури тетрису за аналогією з першою. При здійсненні невдалого дії кожного разу скасовувати його поєднанням Alt + Ctrl + z.

Коли контури фігур будуть готові, сховайте сітку сполучення клавіш Ctrl + Е.

6. Залийте отримане виділення - а всі ці фігури є єдиними виділення - кольором # b8a076:

7. Для внесення різноманітності в малюнок можна перефарбувати всі фігури в різні кольори. Ось ті кольори, в які перефарбував їх я. Диктую зліва направо: # ff9900 - помаранчевий, # ffd800 - жовтий; # 82c341 - зелений, # 0383fb - \u200b\u200bблакитний, # 0000ff - синій, # 9600ff - фіолетовий.

Перефарбовувати будемо інструментом заливка . Але перед його використанням виствьте на панелі опцій допуск - 32; згладжування - прибираємо. Все, після цього можна сміливо фарбувати. Результат буде таким.