Background

PIXELZ BLOGG

Lär dig allt om best practices inom produktfotografering, bildredigering och produktbilder för e-handel.

Resultat

Sökningen gav inga träffar. Försök igen!

Gör det själv 3: Redigera produktbilder


Main Image
Efter att du har installerat din egen fotostudio och tagit högkvalitativa bilder med dina manuella kamerainställningar, är du nästan redo att börja sälja dina produkter online. Det är bara ett steg kvar på vägen mot perfekta produktbilder, som du kan ladda upp till din webbutik. Det finns många saker att tänka på när man förbereder sina bilder för e-handel. I detta blogginlägg kommer jag att visa dig hur man steg för steg redigerar sina produktbilder för bästa resultat.

Å andra sidan – om du behöver redigera ett stort antal bilder och du känner att det blir alldeles för tidskrävande, så kan du alltid välja att hitta någon som kan hjälpa dig med detta. Att outsourca vissa funktioner kan göra din verksamhet avsevärt mer effektiv. De flesta fotografer och företagsledare har inte tid att retuschera och optimera sina bilder för e-handel. Bara det att fotografera själv, kan vara väldigt tidskrävande, så var inte rädd för att ta hjälp av företag som Pixelz, vad gäller bildredigering. Du får högupplösta bilder optimerade för webb, på 24 timmar eller mindre.

Mjukvara vi rekommenderar

Till att börja med, behöver du en dator med antingen Lightroom eller Photoshop (eller liknande) samt de bilder du har valt ut. Följ med i min steg-för-steg process genom att kika på dessa videoklipp, som guidar dig genom processen. Första gången kan det kännas lite trögt, men ju mer du övar, desto snabbare blir du.

Jag använder mig av Photoshop, men om du är osäker på vilket program, som passar dig bäst, så prova deras gratis testperioder! Du kan också unyttja Adobe’s “Creative Cloud Plan” som ger dig möjlighet att välja det medlemskap som passar dina behov bäst. Du kan välja ett medlemskap utan bindning där du betalar månadsvis eller ett lite billigare alternativ med en 1-årig bindningstid. Om du planerar att retuschera själv, rekommenderar jag att du väljer den 1-åriga lösningen eftersom det blir billigare, du kommer att använda det jättemycket och du kommer alltid att ha uppdaterade program! Här förklaras medlemskapen i detalj: Plans at a glance

Ett annat bra tips för att du ska kunna redigera produktbilder mer effektivt, är att lära sig kortkommandon i Photoshop/Lightroom. Det finns en rad kommandon du kan använda för att göra processen snabbare. Ju mer du använder dem, desto mer naturligt kommer det att kännas och till slut kommer du att göra det helt automatiskt! Till att börja med kan du bara fokusera på några få verktyg, som jag använder i denna process innan du dyker in i resten.

Adobe Keyboard Shortcuts button

Låt oss börja!

Steg 1: RAW Korrigeringar

1 RAW Corrections från PixelzVimeo.

När du har valt och markerat bilderna i mappen, så öppnar du dem i Photoshop RAW. Om du inte fotade i RAW, ingen fara, hoppa bara direkt till steg 2!

Det är viktigt att du tänker på att det du ser på kameran kan se annorlunda ut än din RAW eftersom kameran har sina egna standardinställningar för att visa bilderna direkt i kameran. Så det måste innebära lite justeringar på dina bilder. Först, se till att välja alla bilder som du vill ska se lika ut, genom att klicka på ”Välj alla”. Detta betyder att alla ändringar du gör på en bild, appliceras på alla andra bilder också. Här använder jag några grundläggande verktyg, som hjälper till med att snabbt och smidigt korrigera alla bilder på en och samma gång!

  1. Jag väljer först white balance eyedropper tool för att jämna ut färger och nyanser i bilden. Som du ser, så är min bild ganska blå, så genom att röra verktyget över den vita bakgrunden och klicka, ändrar den automatiskt till den nivå Camera RAW tycker är rätt. Kolla, den har redan fått en varmare ton, och inte bara denna bild, utan alla andra också!
  2. När jag tittar på min produkt nu, tycker jag att den ser ganska mörk och grådaskig ut, så jag använder Exposure-verktyget för att ljusna upp hälen. Om du rör den åt vänster blir det mökare och åt höger ljusare. Jag fotograferade svart, så det behöver ett boost.
  3. Nästa steg, jag tycker att vissa områden på produkten behöver lite mer fill light, vilket ljusnar upp de mörkaste områdena i bilden. Det gör att strukturen lyfts fram. Ju mer du rör den åt vänster, desto mer ljusnas, eller fylls, de mörka områdena.
  4. Sen lekte jag med några verktyg samtidigt för att få det look jag var ute efter. Jag ljusnade upp produkten lite mer genom att använda Brightness-verktyget, men så kände jag att det såg lite platt ut. Så då testade jag Contrast-verktyget och Blacks-verktyget, vilket verkligen påverkade det svarta och vita i bilden och lät det gråa vara. Detta fick strukturen att synas ännu mer!

När du har gjort dina ändringar, kommer du att se att alla bilder du valde har fått samma uppdatering. Prova att se dina bilder i förhandsgranskning!

När du är klar med dina enkla RAW korrigeringar kan du öppna upp bilderna direkt från RAW och börja jobba med dem, men jag vill spara de som JPEGs. Om detta är det enda steg du tror att du hinner mer, är det en riktigt bra idé att spara bilderna i JPEG-format, eftersom du då enkelt kan överföra de till en bildbehandlare för att fortsätta efterbehandlingen.

Jag klickade på ”spara bilder” för att spara versioner av dessa ändringar i samma mapp och hålla de samlade. När Photoshop har sparat bilderna, klicka på ”klar”. Då bör du kunna se dina bilder sparade som JPEGs i samma mapp.

Steg 2: Retuschering

2 Spot Retouching from Pixelz on Vimeo.

Öppna dina bilder i JPEG i Photoshop. Börja med den första ‘viktiga’ produktbilden (den första bild dina kunder kommer att se när de besöker din hemsida).

Jag borstade av mina mockaskor innan fotografering, men på grund av strukturen i materialet, fastnade det damm och hår på skorna, vilket jag inte märkte förrän jag såg bilderna på datorn. Det finns också några små slitagemärken på mockaskinnet. Detta är ett vanligt problem med skor, så jag redigerar bort dessa små defekter med Photoshop. Först har jag duplicerat mina lager, så att jag kan se bilden före och efter retuschering. Sen börjar jag ta bort damm och hår med patch-verktyget.

Börja genom att ringa in det område du vill korrigera. Sedan tar du försiktigt tag i sektionen och flyttar det till ett område i närheten, som liknar det du vill att det ska se ut som. Detta verktyg ersätter det du inte vill ha, med det du vill ha istället. Du kan använda det på nästan vad som helst!

Jag använder även clone stamp-verktyget på delar som har slitits på skon. Det är ett verktyg som är väldigt likt patch tool.

Gå till utbudet av olika penslar och välj en mjuk fjäderlik pensel, du kan justera storleken på penseln efter behov. Jag brukar göra den opak (ogenomskinlig), eftersom jag kunna se och kontrollera alla ändringar den åstadkommer. Zooma in på de små områden du vill korrigera och ”Option/Click” på det område som du vill att det ska efterlikna.

Gå sedan till dina markeringar och ”måla” över området. Oftast klickar jag på ett område i närheten för att få det att se konsekvent ut. Du kommer att märka att jag skiftar mellan dessa två verktyg ganska ofta. För områden som är mer krävande, använder jag verktyget Clone Stamp eftersom jag vill ha mer manuell kontroll. För små enkla korrigeringar, håller jag mig till patchverktyget.

Ett annat verktyg jag använder mycket är Dodge and Burn, vilket jämnar ut tonerna på din produkt. Om något behöver ljusas upp, använd Dodge och om något ska göras mörkare, använd Burn.

Det hjälper om man känner till kortkommandon för hur man skiftar mellan dessa två verktyg, eftersom du kan jobba fortare när du använder dem simultant. Som du ser, börjar jag med att ‘burn’ de ljusare partierna på mockaskinnet, som jag anser bör vara något mörkare.

Växla mellan dina retuscheringslager för att se din förvandling före och efter! Om du tycker att det behövs mer, fortsätter du bara med dessa verktyg tills du når önskat resultat. Jag slår vad om att din produkt ser kanonbra ut nu, men låt oss fortsätta och göra det ännu bättre!

Steg 3: Snabb färgkorrigering

3 Quick Color Adjustment från PixelzVimeo.

Även om du gjorde några justering i RAW, så vill jag göra några fler justeringar i efterbehandlingen för att få produkterna att verkligen sticka ut! Börja med att göra en ”curves layer”. Detta kan vara lite knepigt första gången, men när du väl har provat så är det ett jättebra verktyg som får dina bilder att se fantastiska ut.

När du använder detta verktyg, behöver du vara medveten om att toppen av kurvan påverkar det vita, det mittersta påverkar gråtonerna och nedre delen av kurvan påverkar det svarta. Så titta på din bild och fundera på vad du tycker behöver förbättras.

I mitt fall, tyckte jag att jag behövde lite mer kontrast i hela bilden, så jag gjorde det vita vitare och det mörka lite mörkare. Lutningen i ‘curves’-rutan visar dig att oavsett hur du drar båda dessa sidor, kommer det antingen att bli ljusare eller mörkare. Efter att ha gjort dessa små justeringar, kände jag att bilden generellt behövde ljusas upp, så jag tog tag i mitten och drog den uppåt så att hela skon blev lite ljusare.

Att fotografera vissa färger kan vara svårt, så ha gärna produkten till hands när du retuscherar. Det hjälper dig att justera färgerna om det behövs. Eftersom hälen på skon jag fotograferade är svart, behöver jag neutralisera mockaskinnet, då omkringliggande färger kan påverka. Jag har gjort ett nyans/mättnadsskikt som kan påverka färgerna (t.ex från röd till lila) och hur lysande de är (t.ex. från blek till neon).

(t.ex från röd till lila)

(t.ex från röd till lila)

(t.ex från blek till neon)

(t.ex från blek till neon)

När du ändrar en färg till en annan, använd ‘hue toggle’ (nyans) och flytta den tills du når önskad färg. Om färgen är för matt eller lysande, använd mättnadsverktyget (saturation) och flytta den till vänster för att minska mättnaden och till höger för att öka mättnaden.

Jag ville minska mättnaden på mitt svarta, så jag flyttade den till vänster. Jag ville inte att justeringen skulle påverka vissa delar av min produkt, så jag kryssade i den lilla vita rutan och ”maskerade” de områden jag inte ville ändra. Detta ger dig möjligheten att välja ut områden som inte ska ”röras”, vilket är perfekt, eftersom det ibland finns områden i bilden, man inte vill ska ändras. Sedan använde jag Brightnedd/Contrast för att öka kontrasten lite, vilket fick mockaskinnet att verkligen sticka ut. Sen kikade jag på mina justeringar före och efter.

Steg 4: Filstorlek och placering

4 Making File & Alignment från PixelzVimeo.

De flesta e-handelsplattformarna använder samma riktlinjer för bilder, men kolla gärna upp detta, eftersom det kan finnas vissa skillnader. Du kan oftast hitta denna information ganska enkelt hos din e-handelsleverantör. Använd största tillåtna storlek, för att få dina bilder att se så bra ut som möjligt.

Image Alt

Börja med att skapa ett nytt dokument under File>New. Eftersom du nu vet vilken dimension dina bilder måste ha, kan du ändra till pixlar, och ange den max. filstorlek som gäller för dig, och se till att upplösningen är 72 dpi och att bakgrundsfärgen är vit. Jag har inte någon speciell namngivningspolicy vad gäller mina bilder, men de allra flesta namnger sina filer med produktnamn och artikelnummer/färgkod för att det underlättar hanteringen framöver.

Efter att du har klickat på ok och skapat din nya bildfil, dra jämna linjer på din bild från topp till botten och sida till sida. Dessa blir dina riktlinjer, som produkten ska hållas inom, så att objektet får samma placering på alla bilder. Dra din retuscherade produktbild över på din nya fil med vit bakgrund. Du kommer att behöva storleksjustera produkten, så att den passar i de riktlinjer du har skapat. Se till att bottenjustera din produkt, i mitt fall hälen, så att produkten förblir konsekvent och har samma placering på alla dina bilder.

När du har centrerat produkten i bilden, inom de marginaler du har valt, kan du använda verktyget Magic Wand för att välja nuvarande bakgrund. Gå sedan till Select>Refine Edge så kan du jämna ut kanterna. Du kan röra det cirkulära verktyget runt produktens kanter, så kommer de automatiskt att jämnas till.

Gör sedan en mask av denna sektion genom att klicka på den lilla rutan med en cirkel i mitten. Det kommer per automatik att maska ditt retuscherade lager. Om du går in på din mask genom att klicka “”, så kan du kontrollera att allt är maskat så som du vill. I mitt fall, var det en liten bit av skuggan som jag gärna ville ta bort. Du kan använda borstverktyget för att enkelt borsta bort önskade delar. Klicka på “” igen för att lämna mask-läget. Nu har du produkten på vit bakgrund!

Gör sedan en mask av denna sektion genom att klicka på den lilla rutan med en cirkel i mitten. Det kommer per automatik att maska ditt retuscherade lager. Om du går in på din mask genom att klicka “”, så kan du kontrollera att allt är maskat så som du vill. I mitt fall, var det en liten bit av skuggan som jag gärna ville ta bort. Du kan använda borstverktyget för att enkelt borsta bort önskade delar. Klicka på “” igen för att lämna mask-läget. Nu har du produkten på vit bakgrund!

Steg 5: Skugga & Spara

5 Shadow & Saving från PixelzVimeo.

Ett sista steg innan vi är klara! Om du vill framhäva din produkt ännu mer, prova att lägga till en skugga! Det kommer att ge bilden extra dimension och djup.

Eftersom jag fotograferade min produkt på vit bakgrund med naturligt ljus från fönster, så fick jag en skugga under hälen. Jag kommer att återskapa skuggan på bilden genom att duplicera det retuscherade lagret. Jag tar bort den understa lagermasken och nu ser man att skuggan kommer fram. Sedan tonade jag ner skuggan eftersom den såg lite röd ut. Jag gör en ny mask och så raderar jag bort allt utom skuggan under skon. Se till att borsten du använder är extra mjuk, så att övergången blir slät. VOILA! Här är före- och efterbilderna av mina snygga produktbilder!

FÖRE

FÖRE

EFTER

EFTER

Nu när produkten ser fantastisk ut, så låt oss spara bilden och fortsätta. Spara din färdiga PSD-fil så att du kan gå tillbaka till originalet om det behövs. Spara sedan också en JPG-fil som du kan använda på din webbutik! Nu när din första produktbild är färdig, gå vidare till nästa på tur. Följ samma process och spara din nya fil med postfixet ‘_2’ o.s.v.

Jag har hållit på med retuschering i lång tid och allt har blivit så naturligt för mig, att det är svårt att ge en indikation på hur lång tid det kommer att ta för dig. I början får man ha lite tålamod, men ju mer erfaren man blir, desto fortare går det.

Om mig Mitt namn är Krysten Leighty och jag är fotograf med fokus på mode och kläder. Du kan följa mitt liv genom kameralinsen via Instagram @LeightUpLife

https://se.pixelz.com/blog/gor-det-sjalv-1-bygg-egen-fotostudio-billigt

Gör det själv 2: Så använder du manuella kamerainställningar