Share
Det ville være flott hvis hver klient ga deg perfekte bilder å jobbe med, men altfor ofte er dette ikke sant. Når du får bilder som er for små, ikke visuelt interessante, eller av dårlig kvalitet må du bli kreativ. I denne opplæringen tar jeg deg gjennom et tilfelle der jeg måtte lage et A4-blad dekning ut av et øyeblikksbilde fra et billig kamera.
Denne opplæringen følger en faktisk jobb jeg gjorde kanskje for et år siden for en av våre veldedighetskunder. De hadde hatt et par dokumentarfilmprodusenter ute i Vanuatu og hadde et ganske vanlig bilde av dem de ønsket for et månedlig nyhetsbrev / magasin.
Legg merke til at jeg har skalert prøven PSD og opplæringsbildene ned til en størrelse som fungerer for Internett, det virkelige arbeidet ble selvfølgelig gjort med 300dpi og A4-størrelse og alt var mye større, men det er ikke noe viktig for oss her.
Så her er bildet jeg fikk. Det er et fint nok bilde ved at det viser filmmakeren og lokalområdet vel, men det er lite og feil dimensjoner. Hvis jeg skaler det opp til A4, vil det se forferdelig både fordi kvaliteten på bildet ikke er der, og fordi det er feil dimensjoner, vil jeg ende opp med å kutte mesteparten av bildet uansett.
Så jeg besøkte iStockPhoto.com, som er hvor jeg får mesteparten av bildene mine, og jeg fant denne av en retro som ser TV ut i gresset. Dette er perfekt for dekslet fordi de lager en film, så det er pent hvis bildet er på en TV og scenen ser sol og tropisk ut som matcher Vanuatu.
Bildet er imidlertid ikke helt A4, så det første vi må gjøre er å forlenge det. Vi kan gjøre dette med Clone Stamp Tool (S). Hvis du aldri har brukt dette verktøyet, fungerer det i utgangspunktet i to trinn. Først holder du nede Alt og velger hva du vil klone da du maler et annet sted og kopierer det første punktet. Det er noen ting jeg vil si om dette verktøyet. Først når du holder Alt nede, ser du noen krysshår som er svært nyttige for å sikre at du plasserer verktøyet riktig. Så her velger jeg først nøyaktig kanten, flytt deretter markøren og trykk igjen Alt for et øyeblikk, så jeg kan se hvor krysshåret er igjen (men ikke klikk musen igjen, eller du vil reposisjonere hvor du klonerer fra). Deretter kan du justere kantene nøyaktig. Den andre tingen å merke seg er at det generelt er bedre å bruke en myk børste ved kloning.
Uansett så i dette trinnet brukte jeg en myk børste, dupliserte fotolaget slik at det er to kopier, byttet synligheten til toppen og så dupliseres bare bakgrunnen over det nederste hvite området. Vær oppmerksom på at dette ikke ser ganske riktig ut, men vi vil fikse det i et øyeblikk.
Skift nå topplaget igjen, og bruk Clone Tool igjen, børst de større gresnene ned etter vinkelen på bladene. I bildet nedenfor har jeg falt ut bunnen, slik at du kan se hvilken del som er klone og som er originalt bilde.
Så det som skjer her er i det forrige trinnet, du fylte laget med en generell gresstekstur (som ikke så 100% korrekt ut). Så i dette laget på toppen, pusser vi hovedbladene av gress over toppen. Dette bør lure alle men de mest kresne øynene til å tro at det er et kontinuerlig bilde. Den gresskledde teksten er rotete nok til at med mindre du ser nøye ut, skjønner du ikke, er ikke helt riktig.
Nå lager vi et nytt lag på toppen og bruker fargeplukeren til å plukke ut det øverste blå for forgrunnsfargen. Deretter velger bakgrunnsfargen en litt mørkere blå. Deretter tegner vi i vårt nye lag en lineær gradient rett ned fra mørkblå til lysere blå. Pass på at lyseren blå begynner rett forbi kanten på bildet du dekker.
Deretter tar du en myk viskelør og sletter det blå gradientlaget slik at alt er borte, med unntak av at toppdelen fades inn i bildet. Det er selvfølgelig noen problemområder hvor gressstenglene fortsetter, men vi løser de neste ...
Nå zoomer inn tett og med klonverktøyet taper av gressstenglene slik at de har endret seg (noe) naturlig.
Så nå har vi vår TV-bakgrunn som går ut til kantene med fjernsynet pent sentrert. Hvis du vil, kan du bruke mer tid på himmelen / gressstenglene, men i dette tilfellet skal vi ha tekst der, men det er ikke uber viktig..
Det vi vil gjøre er å få bildet til å se ut som det er en del av bildet (spesielt som det er på skjermen). Så først legger du bildet på toppen av skjermen og bruker Ctrl-T for å transformere, få den til omtrent den riktige størrelsen.
Nå slår vi siktet av fotolaget midlertidig av og bruker pennverktøyet til å gå rundt i området på fjernsynet som normalt viser bilder. Når du har fått banen, høyreklikk på lerretet (pass på at du fortsatt har pennverktøyet på), og velg Lag valg og trykk OK i dialogboksen som vises.
Med valget fremdeles, skru fotolaget tilbake og klikk på det slik at du jobber med bildet. Trykk deretter Ctrl + Shift + I for å invertere valget og trykk slett. Dette vil kutte bort resten av bildet du ikke trenger.
Dupliserer nå dette fotolaget og slår av synligheten da vi trenger det senere.
Merk: Faktisk i dette trinnet og videre trinn, bør du sannsynligvis bruke Lag Masker, slik at du beholder bildet. Jeg har noen veldig dårlige Photoshop-vaner, og en av dem bruker ikke masker. Jeg vil prøve å huske i fremtiden og skrive beste praksis neste gang :-))
Deretter setter vi fotolaget til 50% Opacity slik at vi kan se hva som står bak det. Deretter velges med en myk viskel børste forsiktig ut delene av bildet som dekker gressstenglene.
Med noen stengler av gress er det bedre å bruke pennverktøyet. Her har jeg for eksempel trukket en sti rundt stilken som er ganske triangulær og deretter høyreklikket og valgt Lag valg og hit Slett når valget var oppe.
Så snart dette er ferdig, begynner bildet å se ut som om det er en del av scenen, men ikke helt. Belysningen for bildet er ganske feil fortsatt, så det er hva vi skal jobbe med på neste.
Så først og fremst gå tilbake til duplikatet av fotolaget vi lagde i trinn 9 og hold nede Ctrl og klikk på det laget for å velge dets piksler. Deretter lager du et nytt lag på toppen av det andre bildet og fyller det med svart. Du kan slette duplikatbildet nå, da vi ikke trenger det lenger. Deretter holder vi nede Ctrl igjen og velg det svarte laget for å velge piksler, og deretter gå til Velg> Endre> Kontrakt og bruk en verdi på 5px.
Deretter klikker du Slett for å legge en 5px-ramme. Still opaktheten til dette laget til ca 20%. Dette vil være en slags skygge ved kantene på TV-skjermen for å gi inntrykk av at den er litt buet.
Hold nede Ctrl og klikk på hovedfotolaget for å velge piksler. Trykk deretter Ctrl + Shift + I for å omverve valget og gå til det nye skyggelaget og trykk Slett. Dette stopper bare skyggen fra å gå over toppen av gressstenglene.
Neste, med en tynn Eraser-børste valgt, går du til fotolaget og sletter litt av de øverste venstre og høyre hjørner. Vi gjør dette fordi vi vil ha de to fremhevende lagene for å fortsette på over bildet (som vi vil fullføre i et par trinn).
Neste i et nytt lag på toppen, la jeg en hvit til gjennomsiktig radialgradient mot øverste høyre hjørne. Jeg ble så utvannet til ca 20%.
Jeg har også lagt med en myk børste litt hvit ned i bunnen, selv om det er vanskelig å se. Hvis du åpner prøven PSD på slutten av opplæringen, ser du hva jeg mener.
Det viktigste vi prøver å gjøre her er å gi inntrykk av at du ser på buet glass, noe som er litt reflekterende.
Deretter slår vi av fotolagene slik at vi kan se det opprinnelige bildet på baksiden og bruke Pen Tool-verktøyet til å spore de to høydepunktene øverst til venstre og øverst til høyre. Når du har en bane rundt hver, høyreklikker du banen og velger Lag valg. Deretter fylles utvalget med hvitt i et nytt lag øverst. Gjør dette for begge høydepunktene.
Nå kan vi slå bildet på igjen og høydepunktene vil fortsatt være over toppen. Du vil kanskje fade dem ut litt og slette bort noen områder der en gressstengel er ment å stikke gjennom (som vi tidligere gjorde for bildet selv). Det endelige bildet er vist nedenfor.
Som jeg nevnte tidligere, var dette faktisk et dekning av et nyhetsbrev / magasin jeg gjorde et år eller så siden. Du kan se omtrent hva den endelige tingen så ut som i bildet nedenfor.
Hovedpoenget med denne opplæringen er delvis å vise deg noen grunnleggende måter å slå sammen et bilde med et annet og utvide et bilde, men enda viktigere å vise hvordan du ikke bør begrenses av de tingene kunden gir deg. Det er så fristende som en grafisk designer for å bekjempe kvaliteten på bildene eller en logo eller andre designbegrensninger, men med litt kreativitet kan du ofte gjøre mye med svært lite og fremdeles oppnå en profesjonell effekt.
Merk at fordi bildet ikke er ledig tilgjengelig, har jeg slått det sammen med et vannmerkelag.
Last ned PSD for denne opplæringen
Accentsconagua