Съвети и идеи за проектиране с замъглени изображения
„Върховното постижение е да се размие границата между работа и игра.“
- Арнолд Тойнби
Темата на днешната дискусия са размазани снимки. Не, не от вида, който случайно приемате, защото децата ви няма да седят неподвижно. Умишленият вид, използването на който може да послужи на няколко практически цели в дизайна.
Ще научим всичко за това как да използвате ефекта на замъгляване, за да помогнете да направите текста по-четлив, да насочим вниманието на зрителя и просто да направим фона по-забавен. Ще разгледаме и някои различни видове замъглявания и как правилно да приложите избирателно замъгляване.
Разгледайте дизайнерските ресурси
Размиване, за да направи текста четим
Всеки път, когато имате доста зает образ, може да бъде доста трудно да включите текст в. Фотографският фон може да придаде на вашия дизайн много по-голяма привлекателност, но вие жертвате твърде много, ако сте готови да убиете своята четимост в името на естетиката.
Помислете за следния дизайн:
Това е хубаво изглеждащо парче. Фонът е много поразителен, а текстът осигурява приятна фокусна точка. За съжаление, двамата образуват някак конкурентни отношения, при които присъствието на първия навреди на четливостта на втория.
Има много начини, по които можете да подходите към този проблем. Както можете да видите, добавих капка сянка, която помогна, но не до степента, в която наистина бих го нарекла като завършен продукт.
След това нека опитаме да добавим размазване. Това е трудно решение, защото означава, че ще убиете всички детайли в това красиво изображение, но като дизайнер трябва да сте отворени за радикални промени!
Тук можем да видим, че това напълно реши нашия проблем. Текстът вече е доста четим и наистина привлича вниманието ви, като все пак позволява на фоновото изображение да добави голям интерес. Все още можете да разберете основната сцена, така че все още да се възползвате от красотата на изображението, просто сте променили тази естетика, за да отговарят по-добре на вашите нужди.
ресурси:
Изображение: Eneas De Troya
Шрифт: Лента
Създайте ефект на матирано стъкло
Можем да постигнем този ефект още повече, като мислим за някаква метафора от матирано стъкло. За да постигнем това, в допълнение към замъгляване, може да хвърлим бял слой и шум слой.
Създайте плътен черен слой във Photoshop и след това отидете на Filter> Noise> Add Noise. Уверете се, че сте избрали опцията “Monochromatic”. Това трябва да ви даде нещо подобно:
Сега поставете този слой на екран и намалете непрозрачността до около десет процента. След това създайте бял слой и докарайте неговата непрозрачност до около 15 процента. Резултатът ще бъде още едно уникално поемане на оригиналния дизайн.
Локализирайте замъгляването
Имайте предвид, че не е нужно да размивате всичко. Все още можете да помогнете за четенето на вашия текст, без да убивате историята, разказана от изображението. Помислете следния пример:
Тук за пореден път имаме случай, в който фоновото изображение е страхотно, но наистина разрушава нашия текст. С малко селективно размиване обаче можем да запазим страхотната снимка и да направим текста ни малко по-четим.
Съвети за локализиране на замъгляването
Страхотното в тази техника е, че често дори не се налага да я фалшифицирате. Много снимки осигуряват напълно естествено разделяне на фокуса и размазването, опитайте се да държите текст и други елементи, ограничени до замъглената зона за ефект, подобен на този по-горе.
Ако избирателно замъглявате част от изображението, внимавайте да намалите непрозрачността на вашия размазан слой, независимо дали е равномерно или постепенно чрез маска. Като цяло това ще ви даде някои доста грозни резултати. Опитайте това вместо това:
- Стъпка 1: Направете бърз слой размазване.
- Стъпка 2: Нанесете маска и използвайте градиент върху мачтата, за да избледнява размазването.
- Стъпка 3: Преобразувайте маската в селекция.
- Стъпка 4: Върнете се към оригиналното изображение и сега приложете размазването, като използвате активния избор.
Този процес може да изглежда като болка, но обикновено ще осигури много по-добри резултати, отколкото просто маскиране на размазания слой.
ресурси:
Изображение: Дейв Конър
Шрифт: Homestead
Създайте ефект на изместване на наклона
През последните няколко години фотографията със смяна на наклона наистина изчезна. По-често не е случаят с фотографа, използващ обектив за смяна на наклона дотолкова, колкото е последваща мисъл в стъпката след обработка.
Като пример, да кажем, че работехме върху следния дизайн. В това няма нищо лошо, но изображението не е толкова привлекателно, колкото може да бъде.
Ако се хвърлим в ефект на изместване на наклона, изведнъж основната група сгради в центъра наистина привлича погледа ни. Като цяло изображението се чувства по-лесно и веднага усещаме къде дизайнерът насочва вниманието ни.
ресурси:
Изображение: Ноша
Шрифт: Самолет
Размазване за цвят
Често се случва да използвам снимка чисто за приятната цветова схема, която предлага. Не ме е задължително да се интересувам от съдържанието, а само от естествената палитра, която често е резултат от добра фотография.
Вземете за пример следното изображение. Топлите цветове са много интензивни и има много страхотен контраст за работа. Снимката е толкова красива, че може би смятате, че е срамота да се съсипе, но не всеки дизайн изисква снимка на поле при залез.
Точно както в първия ни пример, ще влезем и ще размием целия фон. Този път обаче искаме да изтръгнем силата на размазването, така че да се изгуби всеки и всички детайли. Резултатът е хубаво, уникално фоново изображение, за което бяха нужни много малко усилия.
ресурси:
Изображение: Leland Francisco
Шрифт: Vevey
Опитайте различни размивания
Докато експериментирате с използването на замъгляване в дизайна си, не се хващайте в капана да се придържате към една-единствена техника. Photoshop и други програми за редактиране на изображения предлагат много различни функции, когато става дума за замъгляващи филтри.
Пробвайте всяко различно размазване, което можете да намерите, за да видите как те въздействат върху изображението по различен начин, дори смесете замъглявания заедно, за да видите какво се случва. Ето няколко от основните видове замъглявания, с които обикновено искате да играете:
Оригинално изображение
Gaussian Blur
Размиване на обектива
Размиване на движението
Радиално замъгляване
ресурси:
Изображение: Дейв Мороу
Шрифт: Deming
заключение
Надявам се, че тази кратка дискусия относно замъгляващите трикове и техники ви замисля как да творчески да приложите замъгляване във вашите дизайни. Следващия път, когато сте на тясно място с нечетлив текст на зает фон, върнете се към тази статия и разгледайте примерите по-горе, за да ви помогнем.
Забелязахте ли някакви примери за преднамерено замъгляване, което се използва в дизайна наскоро? Искаме да ги видим. Оставете връзка по-долу в секцията за коментари и ни кажете какво мислите за примера.
