В този урок за Photoshop ще научим как да показваме една снимка като клъстер от форми, подобно на по-големи „стенен клъстер“ дисплеи, където няколко снимки, обикновено в различни форми и размери на рамката, са подредени заедно на стена, за да образуват по-голям дизайн. В този случай ще използваме Photoshop, за да създадем нещо подобно, но в по-малък мащаб, използвайки само едно изображение.
Ето как ще изглежда крайният резултат:
Крайният резултат.
Как да създадете ефект на дисплей на снимка във форма на клъстер
Стъпка 1: Създайте нов документ
Нека започнем със създаването на нов документ за Photoshop. Отидете до менюто File в лентата с менюта в горната част на екрана и изберете New :
Отворете Файл> Ново.
Това отваря диалоговия прозорец Нов документ на Photoshop. Документът с квадратна форма работи най-добре за този ефект, така че ще задам и ширината и височината на документа си на 1000 пиксела, и тъй като не планирам да отпечатвам това, ще оставя стойността на резолюцията на 72 пиксела / инч . Размерите и разделителната способност, от които се нуждаете, може да са различни, особено ако създавате това за печат. Задайте фоновото съдържание на бяло, след което щракнете върху OK, за да излезете от диалоговия прозорец. На вашия екран ще се появи нов документ, изпълнен с бяло:
Задайте ширината и височината на 1000 пиксела, разделителната способност на 72 пиксела / инча и фоновото съдържание на бяло.
Стъпка 2: Промяна на размера на решетката в предпочитанията на Photoshop
Ще използваме решетката на Photoshop, за да ни помогне да създадем дизайн на формата си, но първо трябва да направим промяна в размера на мрежата и да направим това в Предпочитанията. На компютър отидете в менюто Редактиране в горната част на екрана, изберете Предпочитания и след това изберете Ръководства, Мрежа и Slices . На Mac отидете в менюто Photoshop, изберете Предпочитания, след това изберете Ръководства, Мрежа и Slices :
На компютър предпочитанията се намират под менюто Редактиране. На Mac се намират под менюто на Photoshop.
Това отваря диалоговия прозорец „Предпочитания“, зададен на опциите „Насоки, мрежа и срезове“. В секцията Grid задайте опцията Gridline Every на 2, 5 процента . Оставете другите опции, зададени по подразбиране. Щракнете върху OK, когато сте готови да излезете от диалоговия прозорец:
Задайте Gridline Всеки на 2, 5 процента в секцията Grid.
Стъпка 3: Включете мрежата
Променихме размера на мрежата, но все пак трябва да включим мрежата в нашия документ. За целта отворете менюто View в горната част на екрана, изберете Show, след което изберете Grid :
Отидете на Преглед> Покажи> Мрежа.
Решетката вече се вижда в документа. Въпреки че можем да го видим, решетката всъщност не е част от дизайна. Той е само за визуална справка, за да ни помогне:
Документът с включена решетка.
Стъпка 4: Добавете нов слой
Кликнете върху иконата New Layer в долната част на панела Layers:
Кликнете върху иконата New Layer.
Това добавя нов празен слой, наречен "Layer 1" над фоновия слой:
Photoshop добавя нов слой и го нарича „Layer 1“.
Стъпка 5: Изберете инструмента за правоъгълна маркировка
Изберете инструмента за правоъгълна маркировка от панела с инструменти:
Избор на инструмента за правоъгълна маркировка
Стъпка 6: Начертайте първоначалния избор около решетката
С избрания инструмент „Правоъгълна маркировка“ начертайте първоначална контура за избор около мрежата, но оставете граница с ширина на два квадрата между контура за избор и ръбовете на документа. Очертанието на селекцията може да бъде малко трудно да се види на екрана, така че аз подчертах моята в червено, само за да улесня да видя, че съм оставила рамка с дебелина два квадрата около нея:
Начертайте контур за избор около решетката, оставяйки рамка с два квадрата с дебелина около краищата.
Стъпка 7: Запълнете селекцията с черно
С избрания избор отидете в менюто Редактиране в горната част на екрана и изберете Запълване :
Отидете на Редактиране> Запълване.
Това отваря диалоговия прозорец Запълване на Photoshop. Променете опцията Use в горната част на диалоговия прозорец на Black :
Променете опцията Use на черно.
Щракнете върху OK, за да затворите диалоговия прозорец. Photoshop попълва селекцията с черно в документа. Вече не се нуждаем от очертанията за избор, така че за да го премахнете, отидете до менюто Select в горната част на екрана и изберете Deselect . Можете също така да натиснете Ctrl + D (Win) / Command + D (Mac), за да го премахнете бързо, като използвате бързата клавишна комбинация:
Отидете на Select> Deselect, за да премахнете контура на избор от около запълнената с черно зона.
Вече трябва да имате начална квадратна форма, запълнена с черен цвят в документа. Наистина няма значение с кой цвят сме избрали да запълним селекцията, тъй като снимката в крайна сметка ще се появи над нея. Избрах черно, просто защото е лесно да се види пред белия фон и също така лесно се виждат линиите на мрежата:
Първоначалната форма, изпълнена с черно.
Стъпка 8: Начертайте серия от тесни правоъгълни селекции
Ще разделим първоначалната си форма на няколко по-малки форми и ще направим това, като изтрием части от нея. Първо, трябва да изберем областите, които ще изтрием. Когато инструментът за правоъгълна маркировка все още е избран, започнете от лявата страна на формата и пребройте 10 вертикални колони от квадратчета навътре вдясно, след това започнете в горната част на формата и начертайте селекция надолу около 11-та колона, но оставете 10 квадрати между дъното на вашия избор и дъното на формата. Осъзнавам, че може да звучи объркващо, затова се опитах да направя по-ясно в екрана, като за пореден път подчертах моите контури за избор в червено. Забележете, че моят избор е широк само една колона и че има 10 квадрата между моята селекция и лявата страна на формата, както и 10 квадрата между дъното на моята селекция и дъното на формата:
Начертайте селекция около 11-та колона от квадратчета отляво, оставяйки 10 квадрата в долната част не избрани.След като нарисувате първия избор, задръжте клавиша Shift, който временно ще ви превключи в режим Добавяне към селекцията на Photoshop, след това пребройте 10 хоризонтални реда квадратчета нагоре от дъното на формата и начертайте подобен избор около 11-ия ред квадратчета, започващи отляво, оставяйки 10 квадрата между десния ръб на вашия избор и дясната страна на формата. Отново екранната надежда го прави по-лесно да се види. Задържайки клавиша Shift, този втори избор се добавя към първия и вече имаме избрани части от една колона и един ред квадратчета:
Задръжте Shift и начертайте селекция около 11-ия ред квадратчета от дъното, оставяйки 10 квадрата вдясно неизбрани.Две селекции надолу, още две да продължа. Продължете да държите клавиша Shift, след това пребройте 10 колони от квадратчета от дясната страна на формата и начертайте селекция нагоре около 11-та колона, оставяйки 10 квадрата между горния ръб на вашия избор и горната част на формата. Тази трета селекция се добавя към първите две:
Отново задръжте Shift и начертайте селекция около 11-та колона от квадратчета отдясно, оставяйки 10 квадрата от горната част не избрани.Накрая, когато клавиша Shift все още е натиснат, пребройте 10 реда квадратчета от горната част на формата и начертайте селекция около 11-ия ред, започвайки отдясно на формата, оставяйки 10 квадрата между левия ръб на вашия избор и левия ръб на формата. Когато сте готови, трябва да имате избрани части от два реда и две колони от квадратчета:
Задръжте Shift и начертайте селекция около 11-ия ред квадратчета от върха, оставяйки 10 квадрата вляво неизбрани.Стъпка 9: Изтрийте избраните области
Натиснете Backspace (Win) / Delete (Mac) на клавиатурата си, за да изтриете избраните области от формата, което моментално разделя по-голямата форма на пет по-малки форми. Натиснете Ctrl + D (Win) / Command + D (Mac), за да премахнете бързо контурите за избор от фигурите. Вече не се нуждаем от нашата мрежа, показана в документа, така че върнете се обратно към менюто View, изберете Show, след което изберете Grid, за да изключите мрежата. Можете също да натиснете Ctrl + ' (Win) / Command +' (Mac), за да го изключите с по-бързата клавишна комбинация. Ето как изглежда документът след премахване на очертанията на селекцията и изключване на мрежата:
Първоначалната по-голяма форма е разделена на пет по-малки форми.
Стъпка 10: Добавете капка сянка
Кликнете върху иконата на слоевете на слоевете в долната част на панела Слоеве:
Кликвайки върху иконата на слоевете на слоевете.
Изберете Drop Shadow от списъка със стилове на слоя, който се показва:
Изберете Drop Shadow.
Отваря се диалоговият прозорец на Photoshop's Layer Style, зададен на опциите Drop Shadow в средната колона. Ще настроя ъгъла на сянката на 120 ° и ще настроя както разстоянието, така и размера на 12 px . Може да се наложи да използвате различни стойности за опциите за разстояние и размер, ако сте създали по-голям документ от размера, който използвам за този урок. И накрая, за да намаля интензивността на сянката, ще понижа стойността на непрозрачността до 60% :
Опциите за спускане на сянка в диалоговия прозорец Стил на слоя.
Кликнете върху OK, за да затворите диалоговия прозорец „Слой стил“. Към формите се добавя капка сянка:
Изображението след добавяне на падащата сянка.
Стъпка 11: Отворете снимката си
Отворете снимката, която искате да поставите вътре във формите. Той ще се отвори в собствен прозорец за документи. Ето изображението, което ще използвам:
Оригиналното изображение.
Стъпка 12: Копирайте и поставете снимката в документа във формите
Натиснете Ctrl + A (Win) / Command + A (Mac), за да изберете бързо цялата снимка, след това натиснете Ctrl + C (Win) / Command + C (Mac), за да я копирате в клипборда. Превключете към документа с вашите форми, след това натиснете Ctrl + V (Win) / Command + V (Mac), за да поставите снимката в документа. Той ще се появи на собствения му слой (слой 2) над слоя с форми (слой 1) в панела Слоеве:
Photoshop поставя изображението на собствен слой над слоя с форми.
Стъпка 13: Създайте Маска за изрязване
Отидете до менюто Layer в горната част на екрана и изберете Create Mask Mask :
Отидете на Layer> Create Clipping Mask.
Това "прикачва" снимката към фигурите на слоя непосредствено под нея, създавайки илюзията, че снимката се разделя и показва на формите:
Ефектът след изрязване на снимката във формите.
Ако погледнем в панела Слоеве, виждаме, че слой 2 вече е вдлъбнат отдясно с малка стрелка отляво на миниатюрата за визуализация, насочена надолу към слой 1 под него. Това е начинът на Photoshop да ни уведоми, че слой 2 вече е подрязан към съдържанието на слой 1:
Photoshop слоеве отстъпи, които са подрязани на слоя под тях.
Стъпка 14: Преместете и оразмерете снимката с безплатна трансформация
За да преоразмерите и препозиционирате снимката във формите, отидете до менюто Edit в горната част на екрана и изберете Безплатна трансформация или натиснете Ctrl + T (Win) / Command + T (Mac), за да изберете командата Free Transform с клавишна комбинация:
Отидете на Редактиране> Безплатна трансформация.
Това поставя полето за безплатна трансформация на Photoshop и се справя около снимката. Въпреки че можем да видим само областта на снимката, която седи над формите, полето за свободна трансформация и дръжките ще се появят около действителния размер на снимката. Ако не можете да видите дръжките, тъй като снимката е твърде голяма и се простира извън текущата видима област на документа, отидете до менюто View в горната част на екрана и изберете Fit on Screen . Можете също да натиснете Ctrl + 0 (Win) / Command + 0 (Mac), за да изберете командата Fit on Screen с пряк път на клавиатурата:
Отидете на Изглед> Подходящ на екрана.
Photoshop незабавно ще намали мащаба, доколкото е необходимо, за да постави цялата снимка в видимата област на документа, така че да имате достъп до дръжките за безплатна трансформация. За да промените размера на снимката, задръжте клавиша Shift, който ще ограничи съотношението на страницата на снимката, докато я преоразмерите, след което плъзнете някоя от четирите ъглови дръжки (малките квадратчета). За да преместите снимката, просто щракнете навсякъде в полето за ограничаване на безплатна трансформация и плъзнете изображението с мишката. Докато преоразмерите и препозиционирате изображението, ще го видите да се движи вътре във формите:
Преоразмерете и преместете изображението във фигурите според нуждите.Когато сте доволни от това как изглеждат нещата, натиснете Enter (Win) / Return (Mac), за да приемете промените и да излезете от Free Transform. И с това сме готови! Ето и последния ми резултат от "показване на снимки във форма на клъстер":
Крайният резултат.