? Den högsta prestationen är att oskärpa linjen mellan arbete och lek.?
- Arnold Toynbee
Ämnet för dagens diskussion är suddiga bilder. Nej, inte det slag du oavsiktligt tar för att dina barn inte kommer att sitta kvar. Den avsiktliga sorten, vars användning kan tjäna flera praktiska ändamål i design.
Vi lär oss allt om hur du använder uskarpseffekter för att göra texten mer läsbar, rikta betraktarens uppmärksamhet och bara göra bakgrunden roligare. Vi ska också ta en titt på några olika typer av oskärpa och hur man korrekt applicerar selektiv suddring.
Oskärpa för att göra texten läsbar
När du har en ganska upptagen bild kan det vara ganska svårt att införliva text i. Den fotografiska bakgrunden kan ge din design ett mycket större överklagande, men du offrar för mycket om du är villig att döda din läsbarhet för estetikens skull.
Tänk på följande design:
Det här är en snygg snygg bit. Bakgrunden är mycket slående och texten ger en bra kontaktpunkt. Tyvärr bildar de en något konkurrenskraftig relation där närvaron av den förra skadar läsbarheten hos den senare.
Det finns många sätt att du kan närma sig detta problem. Som du kan se lade jag till en droppskugga, som hjälpte till, men inte i den utsträckning som jag verkligen skulle kalla det en färdig produkt.
Låt oss nu försöka lägga till en suddighet. Detta är ett tufft beslut eftersom det betyder att du kommer att döda all detaljer i den här vackra bilden, men som designer måste du vara öppen för att göra radikala förändringar!
Här kan vi se att detta helt löste vårt problem. Texten är nu ganska läsbar och drar verkligen in ditt fokus samtidigt som bakgrundsbilden lägger till mycket intresse. Du kan fortfarande ta fram den grundläggande scenen så att du fortfarande drar nytta av skönheten i bilden, du har helt enkelt ändrat den estetiska för att bättre passa dina behov.
Medel:
Bild: Eneas De Troya
Font: Band
Skapa en frostad glaseffekt
Vi kan ta denna effekt ytterligare genom att tänka på en slags frostat glasmetafor. För att uppnå detta kan vi förutom en suddning kasta i ett vitt överlag och ett ljudlager.
Skapa ett solidt svart lager i Photoshop och gå sedan till Filter> Buller> Lägg till buller. Se till att du väljer "Monochromatic"? alternativ. Detta borde ge dig något så här:
Ställ nu det lagret på skärmen och ta upp opaciteten ner till omkring tio procent. Skapa sedan ett vitt lager och få det opacitet till cirka 15 procent. Resultatet kommer att bli en annan unik ta på den ursprungliga designen.
Lokalisera suddningen
Tänk på att du inte behöver suddas ut. Du kan fortfarande hjälpa läsbarheten av din text utan att döda historien som bilden berättar om. Tänk på följande exempel:
Här återigen har vi ett fall där bakgrundsbilden är stor, men verkligen skräp vår text. Med lite selektiv blurring kan vi dock hålla det fantastiska fotot och göra texten lite mer läsbar.
Tips för att lokalisera suddning
Det stora med den här tekniken är att du ofta inte ens behöver förfalska den. Många bilder ger en helt naturlig separation av fokus och suddighet, försök att hålla text och andra element begränsade till suddigt område för en effekt som liknar den ovanstående.
Om du suddar en del av en bild selektivt, var försiktig med att minska opaciteten hos ditt suddlager, oavsett om det är enhetligt eller gradvis genom en mask. Generellt kommer detta att ge dig några ganska fula resultat. Prova här istället:
- Steg 1: Gör ett snabbt oskärmslag.
- Steg 2: Applicera en mask och använd en lutning på masten för att blekna ut suddningen.
- Steg 3: Konvertera masken till ett urval.
- Steg 4: Gå tillbaka till originalbilden och använd nu oskärpa med det aktiva valet.
Denna process kan verka som en smärta, men det ger vanligtvis mycket bättre resultat än att bara maskera ut suddskiktet.
Medel:
Bild: Dave Conner
Font: Hemman
Skapa en Tilt Shift-effekt
Under de senaste åren har tilt shift fotografering verkligen tagit av. Ofta är det inte fallet att fotografen använder en tilt-skiftlins så mycket som det är en eftertanke i efterbehandlingssteget.
Låt oss till exempel säga att vi arbetade med följande design. Det är inget fel med det, men bilden är inte riktigt lika iögonfallande som det kan vara.
Om vi kasta i en tilt-växlingseffekt, drar den primära gruppen av byggnader i centrum verkligen in oss. Sammantaget känns bilden enklare att titta på och vi får omedelbart en känsla för var designern riktar vår uppmärksamhet.
Medel:
Bild: Nosha
Font: Flygplan
Blur för färg
Det är ofta så att jag använder ett foto rent för det fina färgschemat som det erbjuder. Jag är inte nödvändigtvis intresserad av innehållet, bara den naturliga paletten som ofta beror på bra fotografering.
Ta följande bild som ett exempel. De varma färgerna är mycket intensiva och det finns en hel del kontrast att arbeta med. Bilden är så vacker att du kanske tror att det är synd att förstöra, men inte varje design kräver ett foto av ett fält vid solnedgången.
Precis som i vårt första exempel går vi in och suddar hela bakgrunden. Men den här gången vill vi vrida styrkan i suddningen uppåt så att all detaljer går förlorad. Resultatet är en fin, unik bakgrundsbild som tog mycket liten ansträngning att skapa.
Medel:
Bild: Leland Francisco
Font: Vevey
Prova olika oskärpa
Medan du experimenterar med att använda oskärpa i din design, bli inte upptagen i fällan att hålla fast vid en enda teknik.Photoshop och andra bildredigeringsprogram erbjuder många olika funktionaliteter när det gäller suddiga filter.
Prova varje oskärpa du kan hitta för att se hur de påverkar bilden annorlunda, blanda ihop blurs tillsammans för att se vad som händer. Här är några av de viktigaste typerna av oskärpa du vill vanligtvis leka med:
Originalbild
Gaussisk suddighet
Linsoskärpa
Rörelseoskärpa
Radiell oskärpa
Medel:
Bild: Dave Morrow
Font: Deming
Slutsats
Jag hoppas att den här korta diskussionen om oskärpa trick och tekniker har funderat på hur man kreativt tillämpar suddighet i dina mönster. Nästa gång du befinner dig i en stram plats med lite oläslig text på en upptagen bakgrund, kom tillbaka till den här artikeln och kolla på exemplen ovan för att hjälpa dig.
Har du upptäckt några exempel på att avsiktlig suddning använts i design nyligen? Vi vill se dem. Lämna en länk nedan i kommentarsektionen och berätta vad du tycker om exemplet.