Utforma från ett foto Snabba tips och bästa praxis

Fotografi är det bästa att träffa designen sedan typografi. Ett kvalitetsfotografi kan göra en dålig designer ser bra ut och en bra designer ser bra ut. Det kan förmedla känslor, ge färg, ge och ge en stark kontaktpunkt.

Idag ska vi titta på några tips, tekniker och idéer för att utforma en fantastisk fotografering.

Var hittar jag bra bilder?

Först och främst är en av de bästa färdigheterna som du kan hämta som designer en fotografi. Fotografer skapar bilder, designers använder bildspråk för att kommunicera; de två fälten kunde helt enkelt inte bli mer gratis om de försökte.

Vi kommer snart att publicera en artikel som relaterar mer till detta så jag går inte längre nu förutom att säga att du ska kolla PhotoTuts, en fantastisk blogg som kan hjälpa dig att bli en bättre fotograf oavsett var du befinner dig på talangspektrumet.

Nu sagt, även om du är en fantastisk fotograf, kommer du inte alltid ha tid och resurser att skjuta det foto du behöver själv. I dessa fall är stock photography din vän.

Användning av lagerbilder kan dock vara svårt så var noga med att du läser vår artikel 10 Fallgropar att undvika när du använder Stock Photography.

Om du har en budget för stock photography, kolla iStock. Det kan vara cliche valet men det finns definitivt en anledning till det. De har massor av högkvalitativa prisvärda bilder.

Om du inte har någon budget, prova SXC istället, en helt gratis stock photography-webbplats. Det finns massor av hemska saker på SXC, men du hittar också en hel del pärlor om du är villig att lägga lite tid på det.

Slutligen bör du definitivt kolla in Flickr Creative Commons licensierade foton. Flickr är en enorm källa till utmärkt fotografering och kreativ samling är ganska stor.

Var noga med att hålla koll på behörighetskraven för varje bild. De är gratis att använda men brukar kräva en länk eller kredit av någon form tillsammans med användningen.

Färgscheman

En av de mest väsentliga metoderna för att designa en sida kring ett fotografi spikar färgschemat. Normalt innebär att skapa ett solidt färgschema mycket tanke och planering och kan vara ganska skrämmande uppgift om du är ny att utforma.

Men när du använder fotografi som hjälte, gör det allt arbete för dig. Ett av de äldsta trickarna i designerens väska med godis är att bygga ett färgschema direkt från färgerna på ett foto.

Tänk exempel på bilden nedan.

Vad jag har gjort här används helt enkelt Photoshop eyedropper för att ta tag i några färger från fotografiet. Detta ger oss en riktigt trevlig palett att börja från det som integreras tätt med vår bild.

Härifrån väljer du bara några som du gillar och kör med dem. Känn dig fri att experimentera med olika nyanser och opacitet. Färgerna är bara en utgångspunkt och är inte nödvändigtvis strikta riktlinjer för att lyda.

Typografi

Det som jag ser mest designers som kämpar med avseende på foton är hur man integrerar typ i dem. Jag kan inte hålla reda på hur många webbplatser och affischer jag ser på varje dag som slänger ut alla läsbarhetsidéer eftersom de vill använda en fin tunn typsnitt på ett "öga" bakgrund.

Vad detta resulterar i är något som kan se anständigt vid en blick men faktiskt gör ont i ditt huvud när du försöker läsa den.

Min första råd skulle vara att välja ett annat foto och / eller typsnitt, men ibland kan du inte helt enkelt hjälpa det. Klienten vill ha vad kunden vill ha och du kan ofta inte göra något för att ändra sina sinnen.

I dessa situationer är ditt jobb att öka tydligheten om meddelandet. Om du sitter fast med det upptagna fotot och det tunna flickaktigt tecknet, leta efter sätt att få det att stå ut mer.

Ett av de enklaste sätten att uppnå detta är att låna från färgpalettmetoden ovan. Prova en fin solid färg från bilden och skapa en färgfält för att hålla texten.

Stanna inte med att bara göra en färgad rektangel. I bilden ovan kan du se att jag applicerade en liten skugga på lådan, minskade opaciteten och suddade fotografiet i området bakom lådan för att ge den en slags frostad glasseffekt.

Välja rätt foto

Helst har du som designer rätt att välja både foto och typografi som du implementerar. I dessa fall vill du hitta något som har tillräckligt med nästan tomt utrymme för att hålla ditt meddelande.

Det behöver inte vara en solid bakgrund, men den ska vara så enkel som möjligt och inte ha mycket färgkontrast i det område där typen ska placeras.

Kontrast är en bra sak i design, men att lägga den i bakgrunden bakom din text är helt enkelt felaktig användning som orsakar visuell förvirring. Kontrasten borde istället vara mellan typen och bakgrunden som i bilden nedan.

Här har vi bilderna tryckt alla till ena sidan och texten till den andra. Vita och gula i bokstäverna väljs inte från bilden som exemplen ovan men valdes istället för att de har en hög kontrastnivå på en svart bakgrund. Om jag hade tagit prov på mannens tygfärg, skulle läsbarheten ha lidit mycket.

Om du klickar på bilden ovan kan du se originalfotoet. Bakgrunden var faktiskt lite upptagen och sträckte sig inte mycket långt förbi manens axel. Jag målade lite bokeh och förlängde den högra kanten för att passa mitt syfte. Det tog bara en minut och sparade mig timmar med att söka för att hitta det där fotot som passar perfekt för mina behov.

Oroa dig inte om att hitta det perfekta fotot, istället hitta en som har en bra struktur som du kan arbeta med.

Blöda

Oavsett om det är på webben eller i tryck, finns det något om ett helt blöderfoto som bara ser elegant ut och vackert. Det är dock inte alltid praktiskt eller möjligt för det du måste jobba med.

T.ex. att klienten ger dig ett vertikalt foto och ett horisontellt annonsutrymme, vad då? I dessa fall finns det flera knep du kan prova. Att skära bilden på ett horisontellt sätt är det första som kommer att tänka på, men fungerar bara under ett fåtal omständigheter.

En mycket mer praktisk lösning är att låta ditt foto fylla det vertikala utrymmet och fylla upp resten med en solid färg. Denna lösning är enkel och ser skarp ut. Det ger dig också mycket utrymme att placera dina meddelanden och eventuella mindre bilder du behöver.

I designen nedan använde jag igen färgprovtagningsliten ovanifrån (du kan helt enkelt inte överanvända det här tricket när du designar med bilder) för att ta tag i en av de mörkaste färgerna jag kunde hitta i bilden, i detta fall färgen från giraffens fläckar .

Eftersom fotot har en ljus bakgrund gör provtagningen en av de mörkare färgerna en djärv kontrast mellan de två halvorna och ger verkligen mycket visuellt intresse för sidan.

Gråt inte när du inte kan blöda

När du arbetar med utskrift, kommer det att finnas många gånger när du helt enkelt inte kan blöda antingen fotografiet eller färgen utanför papperskanten. Denna begränsning kommer ofta från att arbeta med små organisationer som själva kommer att skriva ut material och inte riktigt kan hantera gränslösa jobb.

Vad du inte vill göra i dessa situationer är att designa något som blöder i kanten och sedan låta skrivaren helt enkelt klippa av det där det kommer, och lämna en vit kant runt kanten. Detta skriker billigt utskriftsjobb och är därför ganska klibbigt.

I stället vill du skapa en design som har en hel del blankytor så att gränserna är avsiktliga. Om det görs ordentligt, kommer ingen att någonsin veta att din skrivare inte kunde gå till kanten, det ser helt enkelt ut som om du gjorde ett designbeslut att inte ta det så långt.

I bilden ovan har jag applicerat mycket avstånd på alla sidor av fotot så att gränsen verkar avsiktlig snarare än tillfällig. Observera också hur jag tog med himmeltexturen bakom bokstäverna för att få det att känna att fotot sträcker sig under den vita. Detta är ett annat bra litet knep du kan använda för att öka effektiviteten av den gränslösa illusionen.

Metoden ovan fungerar ganska bra i många fall men om du har frihet i ditt bildval är det ett ännu snabbare sätt att ta itu med detta problem.

Att hitta ett bildskott på en vit bakgrund ger dig verkligen ett gränslöst utseende som inte verkar vara billigt eller oprofessionellt minst.

Lägg märke till hur mycket spåret ovan verkligen hoppar (ordspråk) av bakgrunden. När du använder den här tekniken, se till att du hittar en bild med mycket kontrast och ljusa färger så att det verkligen tar upp dina tittares uppmärksamhet.

Observera också hur jag snurrade originalbilden så att spetsen möttes i annonsutrymmet. Detta är ett enkelt trick som gör din uppmärksamhet till annonsen och mot innehållet snarare än bort från det.

Slutsats

Informationen ovan borde ge dig mycket att tänka på nästa gång du överväger att designa med fotografering. Faktum är att nyckelutrymmet här är att nödvändigtvis utforma med fotografi men att designa kring fotografering.

En stark bild är den perfekta hjälten för din design och ditt jobb blir då att sätta ihop kommunikationen runt den på ett sådant sätt att båda är markerade effektivt.

De bästa bitarna av råd ovan inkluderar aldrig offerläsbarhet, dra alltid färgerna från bilden om du kan, kontraster är din vän och låt aldrig blödningsbegränsningar få ner den upplevda kvaliteten på slutprodukten.
Tack för att du läste, gör oss en tjänst och dela artikeln på Twitter eller genom din föredragna metod om du tyckte om det!