Sådan får du strøm til et godt beskåret billede
Som webdesigner har jeg altid været fascineret af design (af enhver art), der "virker" og hvorfor.
For sent er jeg blevet særlig taknemmelig for fotografien til at forankre et visuelt tiltalende design, der fortæller den rigtige historie, udløser de ønskede følelser, engagerer seeren og forstærker indholdet (enten ved at bryde det op eller kalde det ud) .
Denne nyopfriskede prisværdi for billeder skød virkelig rod i Venedig i løbet af efteråret.
Venedig: beskrevet som "den smukkeste by bygget af mennesket"
Jeg havde altid hørt om Venedig! Og jeg havde forventninger, jeg fortæller dig! Forventninger til en malerisk, smuk og romantisk by bygget på vandet - helt anderledes end noget, jeg nogensinde havde set.
Men i virkeligheden? ... Venedig er lidt af et dump.
Det er vejrslået, smuldrende og køre ned. Når du ser det som en helhed, kan du se en flok uensartede scener mish-mashed sammen. Det betyder ikke at være, men Venedig er dårligt klædt i klude og tatters.
Men ... Når du kigger på Venedig i små stykker - når du lader øjet "beskære" ud i omgivelserne og fokusere på et begrænset område - er det en meget anderledes oplevelse. Der er så mange detaljer at glæde øjet. Især øjnene på en designer, der tager inspiration fra alt, hvad hendes blik møder.
Efter at have realiseret dette kunne jeg flytte mit fokus fra "hele" til detaljerne og tilbage igen og sætte pris på det hele. Venedig er virkelig en smuk by.
Den vigtigste afhentning her er, der er stor magt i at beskære ting ud, så det der er tilbage i er en stærkere.
Billede af Venedig, før beskæring (til venstre) og efter beskæring (højre).
En af mine foretrukne "detaljer" i Venedig. Fotoet til venstre er det røde billede ud af kameraet. Her gjorde jeg beskæringen med kameraet ved at zoome ind i denne detaljer. Til højre er det samme billede beskåret yderligere.
Fotoafgrøder, der virker
I resten af denne artikel deler jeg nogle af mine yndlingsfotoafgrøder fra de seneste projekter, jeg har arbejdet med.
Nogle er personlige projekter. Nogle er professionelt arbejde gennem Gravity Switch (webdesign og marketing bureau hvor jeg er medstifter). Men alle fortæller en historie.
Fitness Fusion
Fitness Fusion er et nichelstudio gym kendt for intens, kreativ og sjov gruppetræning og 1-1 personlig træning. Når jeg redesignede deres hjemmeside, hældte jeg over 600 + billeder på jagt efter billeder, der ville arbejde i et ekstremt vandret format - ikke et usædvanligt format til et webbannerbillede, men altid en udfordring.
Ved første øjekast ser billedet til venstre som en usandsynlig kandidat. Men når den drejes 90 grader mod uret, vendes vandret, og med (nu bagud) ordet "coach" på hætten er stemplet ud, er det et kraftigt bannerbillede. Perfekt til siden "Meet the Trainer"!
Afgrøden ovenfor fungerer på grund af:
- den varme belysning;
- stænk af farve;
- Det ægte, fokuserede og nærliggende blik i øjnene.
Sammen med smilfotoet af sidelegemeindholdet er de overordnede følelser, der er formidlet, tilgangsmuligheder, ekspertise, hårdtarbejdende, jordnær indstilling og sjovt!
Her er en anden af mine favoritbannerafgrøder fra dette projekt. Ved at fjerne dele af det originale billede (beskæring) får vi en mere dynamisk, intim og interessant visuel oplevelse - et koldt billede, der viser hårdt arbejde, dedikation og sved. Den subtile berøring af gymnasiet branding på armbåndet var en utilsigtet bonus.
Stockbridge School of Agriculture
Stockbridge School of Agriculture ved UMass Amherst er kendt som den bedste skole i sin art i landet. Det har forskellige programmer, der tiltrækker meget forskellige typer studerende (fx den potentielle, der er interesseret i Turf Management, er meget forskellig fra den person, der er interesseret i Sustainable Food & Farming eller Equine Management osv.).
Udfordringen var at finde et hjemmeside foto, der:
- følte sig passende for en landbrugskole
- var et stærkt billede for at tegne seeren i;
- fremmedgjorde ikke nogen potentiel udsigt til noget potentielt program Gør ingen skade!
På den tekniske side havde vi brug for et billede, der ville fungere som en "flydende afgrøde" (dvs. afgrøden ændres, da vinduet er ændret, og det skal altid se godt ud).
Vi gjorde et bestemt fotografisk skud bare for at fange billedet til hjemmesiden. Vi har mange gode skud. Vi indsnævret det til disse 7:
Så valgte vi denne til at gå med:
Vi spillede med zoomniveauet på afgrøden i PhotoShop for at bekræfte, at fotografiet er stærkt som en flydende afgrøde. Her er et par udforskninger:
Sådan ser det ud på mobil og skrivebord:
Pioneer Valley Information Exchange - PVIX
Her er et lagerbillede, der blev brugt til et websted i sundhedssektoren ... forsøger at vise teamwork, familie, positivitet, energi, optimisme:
Her er en billedbehandling, jeg prøvede, men kunne ikke lide. Du mister for meget kontekst zoomet i denne meget:
Som et alternativ (som jeg også ikke kunne lide). Jeg zoome helt ud, så du kunne se hele billedet. For at gøre bredden til at fungere rigtigt, tilføjede jeg det blå mellemrum til venstre:
Et godt medium (beskæring nogle af billedet) virker bedst:
Forældre blog post
Jeg ledte efter et billede af min søn for at være "banner image" i en af mine blogindlæg.
Jeg fandt dette billede. Jeg elsker udtrykket på min søns ansigt. Men han er så lille i billedet, og du sætter dig ikke pris på den detaljer:
Sådan beskærede jeg det. Fungerer meget bedre:
Får det rigtigt
Vi har alle hørt ordene: "Et billede er 1.000 ord værd." Men hvordan laver vi vores billeder, så de formidler de 1000 ord, som vi vil have?
At få det rigtigt kræver:
Gode råfotografier: Hvis du kan, skal du ansætte en professionel fotograf, så du kan få billeder og kompositioner, der ser godt ud og tilpasses til dit formål. Hvis du ikke kan ansætte en professionel, er der mange stock photography muligheder - nogle er gode, nogle mindre så. Det er bedst at have en person, du stoler på at have et "øje til det", håndtere jobbet med fotojagt.
God efterproduktion: Farvekorrektion, rydning og beskæring. Jeg kalder det de tre C'er.
God fotoplacering: Indsæt fotos i designet på det rigtige sted ved siden af det rigtige indhold på højre side, og så hjælper de med at fortælle den rigtige historie. Placering, beliggenhed, beliggenhed.
Hvordan vælger du billeder til dine designs? Hvordan vælger du hvilke dele af billeder der skal beskæres? Lad os vide i kommentarerne.