В този урок за Photoshop ще научим как да превърнем снимка в модел на цветни точки, използвайки един от филтрите на Photoshop, маска на слоя и прост повтарящ се шаблон, който ще създаваме от нулата. Ще използвам Photoshop CS5 тук, но всяка нова версия ще работи. Потребителите на Photoshop CS6 и CC (Creative Cloud) обаче ще искат да проверят напълно актуализирания урок за превръщане на снимка в шаблон на цветни точки.
Ето изображението, с което ще започна:
Оригиналната снимка.
И ето как ще изглежда, когато приключим:
Крайният резултат.
Как да създадете цветен шаблон от снимка
Стъпка 1: Дублирайте фоновия слой
С наскоро отворената снимка във Photoshop, ако погледнем в панела Слоеве, виждаме, че в момента имаме един слой - фоновия слой - който е слоят, на който седи изображението ни:
Оригиналното изображение седи на фоновия слой в панела Слоеве.
Кликнете върху фоновия слой и с натиснат бутон на мишката плъзнете слоя надолу върху иконата на нов слой в долната част на панела Слоеве (това е иконата директно вляво от кошчето за боклук):
Кликнете и плъзнете фоновия слой надолу върху иконата New Layer.
Освободете бутона на мишката, когато курсорът на ръката е над иконата New Layer. Това прави копие на фоновия слой, който Photoshop поставя над оригинала:
Копие на фоновия слой се появява над оригинала.
Стъпка 2: Добавете нов празен слой между двата съществуващи слоя
Задръжте клавиша Ctrl (Win) / Command (Mac) и кликнете върху иконата New Layer в долната част на панела Слоеве (същата икона, която използвахме в предишната стъпка):
Задръжте Ctrl (Win) / Command (Mac) и кликнете върху иконата New Layer.
Това добавя нов празен слой към документа. Обикновено Photoshop поставя нови слоеве над слоя, който в момента е избран (който в нашия случай беше слоя за фоново копиране), но като задържате клавиша Ctrl (Win) / Command (Mac), докато щракнете върху иконата New Layer, казахме на Photoshop да поставете новия слой под него. На панела „Слоеве“ можем да видим, че сега имаме нов празен слой, наречен слой 1, разположен между фоновите и фоновите слоеве за копиране:
Новият слой се появява между двата предишни слоя.
Стъпка 3: Напълнете новия слой с черно
Нека запълним новия слой с черно, което ще се превърне в цвят на фона за ефекта. Отидете до менюто Редактиране в лентата с менюта в горната част на екрана и изберете Запълване :
Отидете на Редактиране> Запълване.
Това отваря диалоговия прозорец Запълване на Photoshop. Променете опцията Use в горната част на диалоговия прозорец на Black :
Променете опцията Use на черно.
Щракнете върху OK, когато сте готови да излезете от диалоговия прозорец. Изглежда, че нищо не се е случило в прозореца на документа, тъй като изображението в фоновия слой за копиране в момента блокира Layer 1 от изглед, но можем да видим в миниатюрата за визуализация на Layer 1 в панела Слоеве, че сме запълнили слоя с плътно черно:
Предварителната миниатюра на слой 1 показва, че слоят вече е запълнен с черно.
Стъпка 4: Изберете слой за фоново копиране
Кликнете върху фоновия слой за копиране в панела Слоеве, за да го изберете и да го направите активния слой:
Изберете слой за фоново копиране.
Стъпка 5: Приложете Mosaic филтъра
Отидете до менюто Филтър в горната част на екрана, изберете Pixelate и след това изберете Mosaic :
Отидете на Filter> Pixelate> Mosaic.
Филтърът Mosaic пикселира изображение, като го превръща в серия от плътно оцветени квадратчета. Можем да зададем размера на квадратите, като използваме опцията Cell Size в долната част на диалоговия прозорец на филтъра. По-големите стойности ще създадат по-големи квадрати. По-малки стойности, по-малки квадратчета. Тези квадратчета в крайна сметка ще се превърнат в нашите цветни точки, така че ще искате да зададете стойността на своя размер на клетките въз основа на броя и размера на цветните точки, които искате в крайния си ефект. Това може да отнеме малко опити и грешки, за да се оправят нещата. Ще настроя стойността на моя размер на клетката на 20 . Уверете се, че помните точната стойност, която сте използвали, защото ще ни е нужна отново след миг:
Запомнете стойността, която сте въвели за опцията Размер на клетката.
Щракнете върху OK, за да затворите диалоговия прозорец. Вашето изображение сега трябва да изглежда пикселно:
Изображението след прилагане на филтъра Mosaic.
Стъпка 6: Създайте нов документ
Да оставим за момент изображението си настрана и да създадем нашия повтарящ се точков модел. За това ще ни трябва нов документ за Photoshop, така че отидете до менюто File в горната част на екрана и изберете New :
Отворете Файл> Ново.
Това отваря диалоговия прозорец Нов документ. Задайте както ширината, така и височината на документа на същата стойност, която сте въвели за опцията Размер на клетката в диалоговия прозорец на филтъра Mosaic. В моя случай зададох размера на клетката си на 20, така че ще задам опциите си за ширина и височина на 20 пиксела всяка. Това ще създаде нов документ, който е точно със същия размер като квадратите в нашето изображение. Не се притеснявайте за стойността на резолюцията, но се уверете, че фоновото съдържание е зададено на бяло :
Задайте ширината и височината си на същата стойност, която сте въвели за размера на клетката. Уверете се, че типът на измерване е настроен на пиксели.
Щракнете върху OK, когато сте готови да излезете от диалоговия прозорец. Новият ви документ ще се появи на екрана ви. Тъй като вашият документ най-вероятно е много малък, задръжте Ctrl + интервал (Win) / Command + интервал (Mac) на клавиатурата си, за да преминете временно към инструмента за увеличение на Photoshop (курсорът на мишката ще се промени в лупа със знак плюс в средата), след което щракнете няколко пъти вътре в документа, за да го увеличите. Ето, увеличих мащаба до 1600%:
Увеличете новия си документ, за да улесните следващите стъпки.
Стъпка 7: Изберете инструмента за елиптична маркировка
Изберете Elliptical Marquee Tool от панела с инструменти. По подразбиране той се крие зад инструмента за правоъгълна маркировка, така че кликнете върху инструмента за правоъгълна маркировка и задръжте бутона на мишката надолу за секунда или две, докато не се появи менюто за излитане, след което изберете Elliptical Marquee Tool от списъка:
Кликнете и задръжте върху инструмента за правоъгълна маркировка, след което изберете Elliptical Marquee Tool от менюто за излитане.
Стъпка 8: Начертайте кръгъл избор
С инструмента Elliptical Marquee в ръка задръжте клавиша Shift, щракнете в най-горния ляв ъгъл на документа и с натиснат бутон на мишката плъзнете диагонално надолу в долния десен ъгъл на документа, за да начертаете кръгови контури за избор, Задръжката на клавиша Shift надолу, докато плъзнете, ще наложи очертанията на селекцията в перфектен кръг. Ако трябва да препозиционирате контура на селекцията, докато го рисувате, задръжте клавиша за интервал, плъзнете контура в положение с мишката, след това освободете интервала и продължете. Когато приключите, ръбовете на очертанията за избор трябва да докосват краищата на документа, така че да е същата ширина и височина като самия документ:
Издърпайте кръгъл избор вътре в документа.
Стъпка 9: Запълнете селекцията с черно
Върнете се обратно в менюто Редактиране в горната част на екрана и отново изберете Fill, точно както направихме в стъпка 3. Опцията Use вече трябва да е настроена на Black, тъй като това сме го променили за последния път, така че просто щракнете върху ОК, за да излезете от диалоговия прозорец Запълване. Photoshop запълва очертанията в документа с черно. Натиснете Ctrl + D (Win) / Command + D (Mac) на клавиатурата си, за да премахнете бързо избора на областта и да премахнете контура за избор.
Ако използвате Photoshop CS4 или CS5 и сте увеличили мащаба си в документа, както имам, ще видите контура на мрежата (известна като пикселна мрежа ), която се показва през черния кръг. Пикселната мрежа е нова функция от CS4 и е просто визуално помагало, когато сте увеличили документа си. Това не е част от самото изображение и ще изчезне при гледане на изображението в действителния му размер, така че просто го игнорирайте. Решетката няма да се появи, ако използвате Photoshop CS3 или по-рано:
Документът (все още е увеличен до 1600%) след попълване на очертанията с черно.
Стъпка 10: Инвертирайте цветовете в документа
Отидете до менюто Image в горната част на екрана, изберете Adjustments, след това изберете Invert :
Отидете на Image> Adjustments> Invert.
Това обръща цветовете в документа, като прави черните зони бели, а белите - черни:
Самият кръг сега е бял, докато ъглови области стават черни.
Стъпка 11: Определете кръга като модел
Отидете до менюто Редактиране в горната част на екрана и изберете Определяне на модел :
Отидете на Редактиране> Определяне на модел.
Photoshop ще отвори диалогов прозорец с молба да назовем новия модел. Дайте на шаблона описателно име. Ще именувам моя „Кръг 20x20“, тъй като размерът на моя документ е 20 px с 20 px. В крайна сметка можете да създадете повече модели на кръг, всички с различни размери, така че е добра идея да включите размера на документа в името:
Дайте име на шаблона.
Щракнете върху OK, когато сте готови да излезете от диалоговия прозорец. Изглежда, че нищо не се е случило, но Photoshop вече е запазил документа като образец. В този момент можете да затворите документа си от кръга, тъй като вече нямаме нужда от него. Няма нужда да го запазвате, така че изберете Не запазвайте, когато Photoshop ви попита дали искате да запазите документа, преди да го затворите.
Стъпка 12: Добавете маска на слой към фоновия слой за копиране
Превключете обратно към основния си документ и се уверете, че е избран слой за фоново копиране в панела „Слоеве“. Кликнете върху иконата Add Layer Mask в долната част на панела Layers:
При избран слой за фоново копиране щракнете върху иконата Добавяне на маска на слоя.
Отново нищо няма да се случи в документа, но бяла запълнена с маска миниатюра се появява на фона за копиране на слой на панела Слоеве, което ни съобщава, че сме добавили маската на слоя. Забележете, че миниатюрата има тънка рамка за подчертаване около нея. Това ни казва, че самата маска на слоя е избрана:
На слоя за фоново копиране се появява миниатюра на маска на слоя.
Стъпка 13: Напълнете слоевата маска с окръжния модел
Отново отидете до менюто Редактиране в горната част на екрана и изберете Запълване . Този път променете опцията Use от черно на Pattern :
Променете опцията Use на Pattern.
Кликнете върху миниатюрата за визуализация на персонализиран шаблон, за да изберете модела, който искате да използвате:
Кликнете върху миниатюрата на персонализирания модел.
Това отваря Избор на шаблон . Изберете модела на кръг, който току-що създадохме, като кликнете върху неговата миниатюра. Тя трябва да е последната миниатюра в списъка. Ако имате активирани Съвети за инструменти в предпочитанията на Photoshop, името на шаблона ще се появи, когато задържите курсора на мишката върху миниатюрата:
Кликнете върху миниатюрата на модела на кръга, за да го изберете.
Щракнете върху OK, след като сте избрали своя модел, за да се затвори от диалоговия прозорец Запълване. Photoshop запълва маската на слоя с шарката на кръга, а нашето изображение вече е съставено от модел от цветни точки:
Изображението след запълване на маската на слоя с повтарящия се кръгов модел.
Ще приближа по-близо до изображението, за да виждаме ефекта по-лесно. Всяка точка в изображението е съставена от един единствен плътен цвят благодарение на филтъра Mosaic, който приложихме по-рано. Черната зона около кръговете е от слой 1 под изображението (което запълнихме с черно обратно в стъпка 3):
По-близък изглед на ефекта.
Стъпка 14: Добавете слой за регулиране на нюанса / насищането (незадължително)
Като незадължителна крайна стъпка можем да подобрим ефекта малко, като увеличим цветовата наситеност на изображението. Кликнете върху иконата New Adjustment Layer в долната част на панела Layers:
Кликнете върху иконата New Adjustment Layer.
Изберете слой за регулиране на оттенък / насищане от списъка, който се показва:
Изберете Hue / Saturation от списъка с коригиращи слоеве.
Ако използвате Photoshop CS3 или по-ранна версия, на екрана ще се отвори диалогов прозорец Hue / Saturation. За потребителите на Photoshop CS4 и CS5 контролите за коригиращия слой Hue / Saturation ще се появят на панела Adjustments. И в двата случая увеличете наситеността на цвета в изображението, като кликнете върху плъзгача Saturation и го плъзнете вдясно. Колкото по-напред влачите вдясно, толкова по-наситени ще станат цветовете. Ще увелича наситеността си до +20 :
Плъзнете плъзгача Saturation надясно, за да увеличите наситеността на цвета в изображението.
За Photoshop CS3 и по-ранни потребители щракнете върху OK, за да излезете от диалоговия прозорец Hue / Saturation. Потребителите на Photoshop CS4 и CS5 могат да оставят отворения панел „Настройки“. И с това сме готови! Ето, след повишаване на наситеността на цветовете, е последният ми резултат „снимка до цветни точки“:
Крайният резултат.