Маски и Селекции - обща информация

Тайните на Photoshop Курсът разкрива неограничените възможности на най-популярния софтуер за обработка на растерни изображения - Adobe Photoshop.

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм

Видео

Назад Алтернативен видео плеър

Напред

Дотук разгледахме някой от стандартните инструменти и начини за селектиране във фотошоп.
Но, когато стане въпрос за по-сложна селекция на помощ идват маските.
Които са много лесни за употреба и В следващият пример ще ви покажа, как се създават и какво точно представляват.
В този файл имаме 2 изображения.
С които ще работим и върху едното ще създам маска.
Която се създава от ето този бутон "add layer mask".
Превюто на самата маска се появява, обвързаност със слоя, върху който е приложена.
Това е превюто на самата маска, по подразбиране е бяла.
Върху маската работим само с бели и черни цветове.
Ако вашите тук, в "background" и "foreground color" са различни, може да натиснете бутона "D".
И те ще стана черно и бяло, както по подразбиране.
Какво представлява самата маска? Маската е един вид филтър, който определя коя част от изображението да бъде видима.
Отново си я представяме като допълнително фолио върху този слой.
Това фолио в момента е бяло.
Там, където е бяло ще бъде прозрачно и ще се вижда тази част от изображението.
Където, обаче има черна част в маската, това изображение ще бъде скрито.
Черната част ще бъде замаскирана и ще се вижда следващия слой.
Да видим това с примера, за да стане по-ясно и визуално.
Маркирана е маската.
Избирам инструмента четка и с черен цвят, който тук не е необходимо да го избирам, а просто може да използваме този бутон.
За да сменяме "background" и "foreground color".
Kоето с "shortcut" от клавиатърата е бутона "X".
Имам четка с черен цвят и маркирана маска.
Ще увелича малко размера на четката, четката ми е мека.
Не са ясно дефинирани краищата, съответно прехода ще бъде плавен.
Да видим, какво ще се получи, когато започна да рисувам с черен цвят върху маската.
Вижте, как се промени превюто на самата маска.
Маската е за слоя на ягодата.
Там, където е бяло от самото изображение на маската ще виждам слоя, който съдържа маската.
Или ще виждам ягодата, там където е черно от този слой, ще виждам следващият слой.
Важно е маската да бъде селектирана, когато работя с тази четка.
В противен случай ще започна да рисувам с черен цвят върху самото изображение.
Маската е селектирана.
Там, където е черно изображение от маската ще виждам долният слой, а където е бяло ще виждам слоя върху който е нанесена маската.
Какво е преимуществото на маската, да кажем пред обикновенната гумичка.
И пред това, да имаме отрязан обект.
Преимуществото е, че винаги можем да се върнем и да променим тази селекция.
Само с помощта на четката.
В момента съм определил видимата и невидима част от това изображение.
Ако сгреша обаче.
Или съм направил някаква промяна, която не искам да изглежда точно така.
Винаги мога да сменя цвета.
И да имам обратното действие на маската.
Не е трудно да се свикне и да се разбере, какво точно представляват маските.
Но все пак, ще трябва малко време и упражнения и да видите малко повече примери в тази насока.
Ако искам да видя самото съдържание на маската, изображението, което съм направил с четката върху този слой мога да натисна бутона "Alt" и да кликна върху превюто на маската.
Tова е което имам.
Bялото, с което беше запълнена по подразбиране маската и черното което съм направил с четката, за да маскирам горният слой.
За да направя тази част от слоя невидима.
Да направим това нещо още веднъж.
Маската е селектирана, избирам четката.
сменям цвета с "X".
В момента, имам активен бял цвят на четката за тази маска.
Ако тук, където е черно, започна да рисувам с бяло ще започна да скривам това изображение.
Защото ще виждам тази част от слоя, която тук е бяла.
В повечето случаи ще използвам меки четки когато работя с маски.
Много рядко ще се наложи да използвам "hard edge" на четката.
Kогато сменя цветовете и започна да рисувам с черно ще имам обратното действие.
Ще маскирам тази част от слоя и следователно ще виждам, долната част.
Да видим в още един такъв простичък пример.
Това е едното изображение, това е другото.
Ако приложа маска върху горното , на която този път няма да използвам четка.
Ако използвам четка с черен цвят очевидно, това което ще стане е да се вижда през това, което съм нарисувал долното изображение.
Ще върна това, което направих.
Сега вместо четка ще използвам градиент.
Градинатът ми, ще бъде отново черно-бял и ще го използвам върху маската.
То веднага ще ми даде плавен преход, между двете картинки.
Защо? Защото имам плавен преход между черното и бялото, което го направих автоматично с градиент.
Сега, в случая върху маската мога отново да продължа да работя с четка.
Защото, всъщност това, което представлява маската си е отделен слой, който мога да използвам допълнително.
Вече с помощта на маските знам, как да направим плавен преход от едно изображение, към друго.
До краят на този модул ще използваме много маски.
Ще затвърдите визуално, какво точно представляват маските, как да ги използваме.
И къде всъщност са полезни, когато трябва да направим по-сложна селекция.

Въпроси и отговори

Защо не мога да се справя с Градиента?
Пламен Байрактаров:
КОГАТО РАБОТЯ С ЧЕТКАТА СТАВА УПРАЖНЕНИЕТО А КОГАТО РАБОТЯ С ГРАДИЕНТА НЕ СЕ ПОЛУЧАВА. СВАЛИЛ СЪМ ВАШИТЕ КАРТИНКИ, ИЗТРИВАМ ВАШАТА МАСКА, КАЧВАМ НОВА МАСКА НО С ГРАДИЕНТА НЕ СЕ ПОЛУЧАВА, САМО С ЧЕТКАТА. МЕЖДУ ДРУГОТО МНОГО ЧЕСТО НЕ ВИЖДАМ ГОЛЕМИНАТА НА ЧЕТКАТА КАТО КРЪГ А САМО КАТО ЗНАК ПЛЮС +

Ивайло Искренов:
Здравей,

за курсора на четката е много вероятно да ти е натиснат Caps Lock-a, натисни го отново и ще се оправи. А за проблема с градиента опиши как го правиш и ако може прикачи един screenshot да видим какво се случва.
Защо?
Пламен Байрактаров:

4 стъпка ми е драгването с градиента

Пламен Байрактаров:
Разбрах къде греша, в менюто Mode: беше чекнато Screen

Любомир Жипонов:
Също на Gradient tool, в менюто горе ляво Preset-a е Foreground to Background (първия) и Opacity e не 90% ,а 100% - за да са еднакви условията от видеото.

Мария:
Здравейте. Загуби ми се вертикалното меню от ляво с всички инструменти. Моля помогнете!

Ивайло Искренов:
Здравей Мария, отиди в меню Window и избери Tools, така отново ще се появят инструментите от ляво ->

Мария:
Много Благодаря.
Може ли да се изведе команден ред и координатна система във Ps, подобно на векторните програми?
Любомир Жипонов:
Идеята ми е ако искам даден елемент да е на точно фиксирано място по X и Y с маска има ли как да се направи това във Ps, защото само View-Rulers и View-Show-Grid успявам да си пусна за някаква ориентация?

Ивайло Искренов:
Здравей, не знам да има такава възможност за команден ред, но можеш с View-Rulers да следиш постоянно положението на курсора и от Ruler-a да "издърпваш" хоризонтални и вертикални линии, който също да ползваш за ориентир.
Ангел Арънски:
Споменавам и няколко неща за които не питаш, за да е по-подробна информацията. Може би ще се хареса на хората ползващи CAD програми.

Команден ред

Никога не съм виждал команден ред във Photoshop. Ако имаше щях да знам :) Но пък има нещо друго - Extend script. И може всъщност да ти свърши същата работа. Това е леко променен JavaScript. Документация на extend script за Photoshop

Инсталация

Extend script приложение до CS5

Еxtend script приложение за CC

Много странно, но за CS6 няма външен download. Трябва да си го инсталираш с пакета Adobe Creative Suite CS6. Може би вече го имаш. Пробвай в search-а на windows Start бутона.

ExtendScript Toolkit

Избери да работи с Photoshop. Копирай мини библютеката която написах, понеже не ми се занимава със странностите на extendscript и предпочитам нещата да са кратки и ясни.
```
function select(name) {
    var doc = app.activeDocument; var o;
    if (typeof name == "object") o = name;
    if (typeof name== "undefined") o = doc.activeLayer;
    if (typeof name=="string") o = doc.artLayers.getByName(name);

    o.move = function (fX,fY) {
      fLayer = this;
      var Position = fLayer.bounds;
      Position[0] = fX - Position[0];
      Position[1] = fY - Position[1];
      fLayer.translate(-Position[0],-Position[1]);
    }
    o.dup = function() {
       var z = this.duplicate();
       return select(z);
       }
  return o;
}
```
Направена е, за да съкрати писането на код. Давам я като пример, реално ExtendScript е доста мощен и може да автоматизира много неща.

Тук идва импровизирания 'команден ред'
```
select("proba").move(50,50);
```
Ще избере слоя с име 'proba' и ще го премести.

Натисни бутона за 'play' (3) или F5 и операцията ще се изпълни. Ако не сложиш име на слой, то ще бъде избран активния селектиран слой във Photoshop.

Generative Art

Един добър начин да се научи програмиране е когато то създава нещо интересно и визуално. Лично на мен много ми допада идеята. Може човек с часове да си играе със скриптове като този
```
for(var i=0; i<20; i++) {
    select("proba").dup().move(200 + i * 40,50 + i * 5);
    }
```
Който пуснат, ще дубликира стоя 20 пъти и ще го размества:

Други начини

Можеш да видиш кординатите от панела window/info

Ако избереш слой и натиснеш ctrl+T (edit/free transform) можеш да променяш координатите, въртиш, скалираш и тнт с числа

Ако искаш да трансформираш маската и да я преместиш по X и Y, трябва пътво да я 'unlink'-неш (отвържеш - с клик на веригата), да избереш маската и да дадеш Ctrl+T

Ctrl+R ще отвори 'ruler' Можеш да променяш мерната му единица от (2)

На View/Show/Grid можеш да променяш конфигурацията на грида от Edit/Preferences/Guides,Grid&Slices И да snap-ваш (прилепваш) към него. Можеш да вадиш 'guide' линии като drag&drop-ваш от рулера (лентата).
Елеонора:
Здравейте, с не много ясната представа за това, което споделихте (за тези линкове) реших, че ще е полезно да го инсталирам- Adobe Creative Cloud. Оказа се,че ми заема много място на лаптопа и се инсталира доста време, всеки път като кликна върху появилата се на десктопа иконка започва да се инсталира отново. Първо, бихте ли пояснили за какво точно се използва, инструмент ли е, пространство ли е или .... и дали ако не следва така да се стартира всеки път, по-добре да го изтрия? Благодаря.

Веселин:
Няма нужда да го инсталирате, ако няма да пишете 'програми' (скриптове)

Веселин:
Качвам скрипта в gitHub, да има къде, ако някой прояви желание, да добави някоя функция. https://github.com/infu/pquery
Защо не мога да повторя упражнението, винаги стигам до грешката показана на снимката?
Деси:
Каквото и да правя, показано от уроците до тук, все се стига до момент, в който ми изскача диалогов прозорец:

Промених каквото можах в Preferences:

На какво може да се дължи? Съжалявам, че въпросът ми не е конкретно свързан с маските.

Ивайло Искренов:
Здравей, мисля че нямаш достатъчно RAM памет. Пробвай когато отвориш тази снимка да и намалиш размера от Image Size и след това да продължиш с обработката.

Деси:
Понякога се получава, само при промяна големината на четката.. Ще опитам да ги намалям, защото те са си големи изображение. Благодаря!

Mariyana:
деактивирах си без да искам open recent как да го оправя.

Mariyana:
оправих го.
Защо когато
Диана:
Защо когато рисувам с бял цвят върху черешата, тя не се скрива, не излиза белия цвят под нея, като съм маркирала маската, а ако избера изображението се появява това, което е под всички снимки, т.е. малките квадратчета?

Диана:
Видях си грешката, избрала съм гумичката, вместо четката.

Mariyana:
Не виждам качени изображенията на снимките как да ги изтегля.

Ивайло Искренов:
Здравей, под урока - в ляво има линкове за файловете за упражнението. Изображенията, които са необходими за изпълнението му са запазени в .psd файлове.

Ивайло Искренов:

Mariyana:
да но този формат на файла не ми го отваря само когато са архивирани тогава ги отваря.свалих си от други снимки произволни но не успявам да ги сложа в 1 файл къде бъркам не мога да ги подредя 1 под друга 2 снимки като вас.

Светослава Величкова:
Mariyana, кой браузър използвате? Ако сте с Chrome, при клик с ляв бутон върху линка файловете директно започват да се изтеглят. Ще ги видите в долния ляв ъгъл на монитора. Изчаквате да приключи свалянето, след което кликвате с десен бутон върху съответния файл и избирате опцията Show in Folder. Отваря се папката, в която е запаметен файлът и оттам вече може или директно да го отворите, или с Cut и Paste да го преместите, където пожелаете. Ако сте с друг браузър, например Firefox, кликвате върху линка с десен бутон и избирате опцията Open link in new Window. По този начин би трябвало да успеете да го свалите.
Как се активират
Камелия Венкова-Белецова:
Как се активират упражненията от периодичните преговори? версия- cs6- непълна

Мария:
Здравейте, упражненията за преговор след уроците са активирани автоматично. Ако има към урока упражнение, което трябва да се повтори, то ще се появи автоматично, веднага след като е изгледано видеото. Важно е да се уточни, че не към всички уроци има упражнения за преговор. Към повечето уроци са добавени подобни упражнения, особено в първите няколко модула от курса. Ако смятате, че упражненията не се показват изобщо или има проблем с тяхното пускане, моля пишете на имейл maria@aula.bg

Камелия Венкова-Белецова:
Здравейте, упражненията се отварят, но са неактивни (не могат да се цъкат). От тези линкове се отваря упражнението, но няма никаква възможност за действие: http://sec.aula.bg/trainer/x/zapazvane_na_izobrajenieto_v_photoshop?next=http%3A%2F%2Faula.bg%2F%2Flesson%2F3232 http://sec.aula.bg/trainer/x/transformirane_tabulatori_prozorci_v_photoshop?next=http%3A%2F%2Faula.bg%2F%2Flesson%2F3225

Камелия Венкова-Белецова:
Привет, При отваряне на упражненията от мобилно устройство всичко е наред. Ще проверим на друг лаптоп дали пак са неактивни и ще споделим.

Валя Геранлиева:
Влязох в двата линка и натиснах "старт". После се показва Фотошоп с картинка и после не може да се продължи.

Светослава Величкова:
Пробвайте с Google Chrome. И при мен се получаваше същият бъг, когато използвах Firefox.

Валя Геранлиева:
При мене упражненията с Google Chrome не работят. Правя ги със Firefox.
Може ли да споделя
Красимира Хронева:
Може ли да споделя какво ми се получи от това

Ивайло Искренов:
:) много добре, сега спокойно може споделиш във facebook, че си била на две почивки :)
Иначе само като пердложение, ако искаш да бленднеш още по-добре двете изображения, може да пробваш с един клипинк слой Color Balance върху последният ти слой (без бекграунда) в който да засилиш малко синьото, както е на прикаченото изображение =>

Красимира Хронева:
Благодаря,получи се по-добре
Как мога да превърна само част изображението в черно-бяла?
Светослава Величкова:
Как най-лесно мога да обезцветя ръцете, без това да се отрази на червения маникюр? Благодаря!

Ивайло Искренов:
Здравей, най-лесният вариант е с маска, на областта която искаш да десатурираш и корекционен слой Hue and Saturation.

Светослава Величкова:
Благодаря!
Може ли да споделя?
Светослава Величкова:
Почти си отговорих на въпроса, но е малко трудоемко, ако трябва да се стремим към по-прецизен резултат. Това ли е най-удачният метод?

Ивайло Искренов:
Здравей, най-лесният вариант е с маска, на областта която искаш да десатурираш и корекционен слой Hue and Saturation. Според мен най-лесният вариант да си направиш маската е да селектираш червеният лак с Magic Wand Tool и след това просто да инвъртнеш селекцията с десен бутон Select Inverse. Когато имаш така селектиран слоя и добавиш корекционен слой Hue and Saturation, маската ще стане автоматично и само използваш слайдера за десатуриране след това.

Светослава Величкова:
Много благодаря!