Създаване на изчезващи разделители на сайта
Може би сте виждали тези избледняващи разделители / разделители на различни сайтове, които сякаш избледняват както хоризонтално, така и вертикално. Ето пример за това, което искам да кажа:
Те предоставят чудесен начин за разделяне на съдържанието, като го правят по фин и ненатрапчив начин. Бих искал да споделя един прост начин за създаване на тези избледняващи разделители с помощта на Photoshop.
Етап 1
Първо, създайте нов слой. С помощта на инструмента с молив нарисувайте плътна хоризонтална линия с размер 1px. Задръжте клавиша SHIFT, докато щракнете и плъзнете линията, за да я поддържате права. Това е основата за целия ефект на избледняване.
Стъпка 2
Изберете инструмента за изтриване. Изберете много мека настройка на четката. Колкото по-голям е размерът на четката, толкова по-дълго избледнява (можете да експериментирате, за да намерите размера, който работи най-добре за вашите нужди).
Стъпка 3
Изтрийте левия и десния край на реда. Това прави линията да избледнява близо до краищата.
Стъпка 4
Дублирайте слоя, съдържащ линията (щракнете с десния бутон върху слоя в десния панел, след това изберете „дубликат“). Изберете долния от двата слоя.
Стъпка 5
Изберете филтър> размазване> размиване на Гаус. Изберете радиус от 3px, за да създадете ефекта на избледняване (или изберете този, който ви подхожда!).
Стъпка 6
Използвайте инструмента за маркиране, за да изберете всичко по или над плътната линия (с избран размазан слой). Натиснете клавиша за изтриване.
Стъпка 7
Регулирайте непрозрачността на плътната линия и / или сянката според вашите предпочитания. Ето как изглежда в крайна сметка.
Като последна забележка, ако искате по-голямо количество засенчване (като това, показано в примера в горната част на страницата), можете да постигнете това чрез дублиране на замъгления слой няколко пъти (веднага след прилагането на Гаус размазване), докато не са доволни от степента и интензивността на замъгляването (и след това, слейте замъглените слоеве).
Можете да използвате тази техника за създаване на хоризонтални и вертикални разделители на съдържанието. И с малко размишляване наоколо, не е твърде трудно да измислите нещо като:
Така че продължете и подправете вашите граници, разделители и ръбове! Ако знаете за други сайтове, използващи тази техника (или бихте искали да споделите свой собствен), моля, уведомете ни в коментарите. Никога не знаете, ако ни харесва вашият дизайн, може да се появи на сайта!
