How å lage fotorealistiske merket produkt mockups

I denne opplæringen, vil jeg vise deg hvordan du kan lage realistiske logo mockups i After Effects ved hjelp lagstiler. Jeg vil også vise noen små tips om hvordan vi kan bruke noen innfødte AE plug-ins for å oppnå disse forskjellig utseende. La oss hoppe i!

Bygge våre kjerne Effect

Trinn 1

Sett din lager opptak i en ny sammensetning.

Trinn 2

Siden dette er en dagbok med et skinn cover, logoen skulle slags preget inn i den. Før vi begynner å lage den mockup det er viktig å forstå lyset retning av bildet.

Forstå lyset retning vil bidra til å oppnå et bilde realistisk utseende.

Trinn 3

Lag en ny sammensetning for Logo.

Sett din logo her.

Trinn 4

Sett logoen sammensetningen inn i aksje bilder sammensetning, gjør det til en 3D-lag og justere det henhold til perspektivet i bildet.

For dette bildet, disse innstillingene skal fungere.

Du kan se logoen ser flatt på dagboken. Lek deg å få bedre resultater, men for nå dette ser bra nok.

Trinn 5

Duplicate aksje bildet og velge Alpha Matte.

Trinn 6

Igjen kopiere disse to lagene og endre topp matt modus til Alpha Inverted Matte

Trinn 7

Høyreklikk på bildet som har Alpha Matte alternativet og velg Layer Styles >.; Skråkant og preg.

Trinn 8

Bruk følgende innstillinger.

Du bør forstå at innstillingene her er subjektive til dette bildet. Et annet bilde kan kreve litt forskjellige innstillinger. Siden det er en skinn objekt, vil størrelsen være litt større.

gjelder også Curves å gi den en mørkere bakgrunn.

Du burde se noe som dette.

Trinn 9

Nå høyreklikk på andre bildet som har Alpha Inverted Matte alternativet velges, og gjøre følgende.

Trinn 10

Bruk Drop Shadow med følgende innstillinger
< p> Du burde se noe som dette.

Du kan se skyggen og lite høydepunkt er i motsatte retninger. Det er nøkkelen til å oppnå disse effektene.

en omgå for Photoshop

Step 11

La oss eksportere den til Photoshop.

Du vil se denne advarselen , men bare klikk OK

Dette er utdatafilen åpnet i Photoshop

Du kan se at det ikke er noen logo effekter her og det er fordi Photoshop ikke støtter Alpha &..; Luma Mattes.

Trinn 12

La oss løse ting for Photoshop. Du kan aldri trenger dette for Photoshop, men det er bra å lære hvordan du kan løse dette problemet bare i tilfelle.

Opprett en ny kamera.

Og gjør en veldig stor ny Solid. Anmeldelser
Step 13

Bruk Motion Tile til solid lag.

Nå pre-komponere solid, flytte alle attributter i den nye comp.

Trinn 14

Aktiver Lukk Transformation for dette laget.

Normalt ville du ikke trenger et kamera eller Motion Tile effekt, men hvis du vil ha et bevegelig kamera, stor solid, Motion Tile, og trekk Transformation vil komme godt med.

Trinn 15

Lar Auto-spore vår logo.

Det er nå en rekke masker som er opprettet på denne logoen.

Trinn 16

Lim alle maskene på pre-komponerte solid lag.

Også kopiere Transform egenskapene til Logo lag som vi justert i begynnelsen og lime dem på pre-komponerte solid.

Trinn 17

Kopier Lagstil Bevel og preg og anvende den på White Solid forhåndskomponert lag.

Sett alle masker modus til Legg fordi Bevel og preg ville være på utsiden av logo kantene.

Du kan se en av dem har trekke valgt og det er fordi det er en liten sirkel i bokstaven "A" som må justeres. Logoen kan ha noen av disse tingene å se etter også.

Dette er hva du bør se.

Trinn 18

Nå duplisere pre-komponerte solid lag, kopiere Transform og Layer stiler fra andre lager bildelaget som har Drop Shadow, og lim den på dupliserte laget.

Trinn 19

Nå endre alle maske innstillinger for å trekke unntatt én som tidligere ble subtrahert. Denne gangen velger Legg til at en enkelt maske.

Grunnen til at vi gjorde dette fordi vi ønsker skyggen å være inne i logoen.

Du kan se resultatet.

Nå er dette ser virkelig bra.

Trinn 20

Du kan nå slette disse fire lagene.

Vi vil også ønske området mellom preget effekt å være litt mørkere.

Ta en annen Logo lag under disse to forhånds komponert solide lag. Påfør samme Transform egenskaper og bruke fylleffekt til det.

endre tettheten innstillinger og redusere verdien.

Du skal nå kunne se dette resultatet. Anmeldelser

Dette ser ganske bra.

Trinn 21

La oss eksportere den igjen til Photoshop. Her er vår oppdaterte filen åpnes i Photoshop.

Det er fortsatt ikke ser flott og årsaken bak dette er at Photoshop aksepterer Blending Options litt annerledes enn After Effects og hvert lag stil tilbyr et ekstra overgangsmodus sammen med det .

Så den grå fargen vil skje annerledes med Multipliser valgt i Photoshop enn det gjør i After Effects.

Endre den til dette i After Effects.

Trinn 22

Hvis du eksporterer det nå, bør du se nøyaktig samme resultat som du får i After Effects.

Du kan også velge og skjule lag separat i Photoshop, akkurat som du kan gjøre i After Effects .

Andre eksempler

Step 23

La oss ta en titt på et annet bilde.

Jeg har brukt samme teknikk her som den forrige, bortsett skråkant vil være mindre enn det var på dagboken. Det er på grunn av beskaffenheten av materialet. Datamaskinens logo sign ser på denne måten mesteparten av tiden, og vår oppgave er å få ønsket utseende.

Forstå lyset retning vil hjelpe betraktelig.

Step 24

La oss arbeide på en annen ting nå.

Trinn 25

Sett din logo.

Gjør det til en 3D-lag og justere vinkelen i henhold til posen.

Step 26

Som du kan se, har posen noen oppturer og nedturer på overflaten. Vi kan oppnå den effekten ved hjelp av Bezier Warp effekt. Påfør Fill og Bezier Warp til logoen.

Juster innstillingene av Bezier Warp så det ser rett i bildet.

Juster etter behov og bruke Curves å hjelpe logoen farge føler det samme som posen.

Trinn 27

Påfør et lag stil på logoen ved å velge Indre skygge med følgende innstillinger.

Dupliser Logo laget og lage en maske på det som dette.

Trinn 28

Endre fargen på Fill litt og bruke følgende innstillinger for deg Indre skygge. Velg blending mode Legg til laget.

Dette er resultatet du får.

Ved å endre farge til en gyllen stil på begge lagene, vil du se dette. Den er støttet av en lyskilde med et gyllent lys.

Trinn 29

For det neste bildet, jeg bare justert forandre innstillingene og anvendt Fyll med en hvit grå farge. Så jeg brukte noen Shadow og Bevel Layer Styles for å gjøre denne looken.

Trinn 30

Når du laster ned dette prosjektet filen vil du se noen flere lager bilder, som vil hjelpe deg til å utforske andre varianter av denne effekten.

For glassflaske, jeg bare brukt CC Cylinder effekt for å gi den en sylindrisk utseende for å matche rundhet av flasken og resten er Layer Styles.

Vi er nå ferdig med opplæringen. Du kan også sjekke min portefølje på Videohive å se noen fine animerte mockup eksempler som ikke er inkludert i dette prosjektet filnedlasting.

Dette er bare noen få andre eksempler at utnytte lagstiler i After Effects

Konklusjon:.

I denne opplæringen vi lærte å lage fotorealistiske logo mockups bare bruker After Effects. I tillegg lærte vi noen grunnleggende måter å eksportere filen til Photoshop slik at produksjonen av begge versjonene vil se det samme.

Jeg håper du plukket opp noe nyttig fra denne opplæringen. Legg gjerne igjen noen spørsmål i kommentarfeltet nedenfor. Anmeldelser