Cum să creați machete de produse realiste de marcă

În acest tutorial, vă voi arăta cum să creați machete logice cu aspect realist în After Effects folosind stiluri de straturi. Voi arăta, de asemenea, câteva sfaturi mici despre modul în care putem folosi câteva plug-in-uri native AE pentru a realiza aceste aratări diferite. Hai să intrăm!

Construirea efectului nostru central

Pasul 1

Inserați imaginile stocului într-o nouă compoziție.

Pasul 2

Deoarece acesta este un jurnal cu o copertă din piele, logo-ul ar fi un fel de embosare în el. Înainte de a începe să creăm macheta, este important să înțelegeți direcția luminoasă a imaginii.

Înțelegerea direcției luminoase va ajuta la obținerea unui aspect realist.

Pasul 3

Creați o nouă compoziție pentru Logo.

Introduceți aici sigla.

Pasul 4

Introduceți compoziția logo-ului în compoziția fotografiilor de stoc, transformați-o într-un strat 3D și ajustați-o în funcție de perspectiva imaginii.

Pentru această imagine, aceste setări ar trebui să funcționeze.

Puteți vedea că logo-ul arată plat pe jurnal. Jucați în jur pentru a obține rezultate mai bune, dar pentru moment acest lucru pare destul de bun.

Pasul 5

Duplicați imaginea stocului și alegeți Alpha Matte.

Pasul 6

Din nou duplicați aceste două straturi și schimbați modul de mată de top la Alpha Inverted Matte.

Pasul 7

Faceți clic dreapta pe imaginea care are opțiunea Alpha Matte și selectați Stiluri strat> Bevel și Emboss.

Pasul 8

Utilizați următoarele setări.

Ar trebui să înțelegeți că setările de aici sunt subiective acestei imagini. Orice altă imagine poate necesita setări ușor diferite. Din moment ce este un obiect din piele, dimensiunea ar fi un pic mai mare.

De asemenea, aplicați curbele pentru a le oferi un fundal mai întunecat.

Ar trebui să vezi ceva de genul ăsta.

Pasul 9

Faceți clic dreapta pe cea de-a doua imagine care are opțiunea Alfa Inverted Matte și selectați opțiunea următoare.

Pasul 10

Aplicați Drop Shadow cu următoarele setări

Ar trebui să vezi ceva de genul ăsta.

Puteți vedea umbra și puțină evidențiere sunt în direcții opuse. Aceasta este cheia pentru a obține aceste efecte.

O lucrare în jurul pentru Photoshop

Pasul 11

Să o exportim în Photoshop.

Veți vedea acest avertisment, dar faceți clic pe OK.

Acesta este fișierul de ieșire deschis în Photoshop.

Puteți vedea că nu există efecte de logo aici, și asta pentru că Photoshop nu acceptă Alpha & Luma Mattes.

Pasul 12

Să rezolvăm lucrurile pentru Photoshop. Este posibil să nu aveți nevoie niciodată de acest lucru pentru Photoshop, dar este bine să învețe cum să rezolve această problemă doar pentru caz.

Creați o cameră nouă.

Și face un nou nou Solid.

Pasul 13

Aplicați Placă de mișcare pe stratul solid.

Acum, precompune solidul, mutați toate atributele în noul comp.

Pasul 14

Activați Transformarea restrângerii pentru acest strat.

În mod normal, nu aveați nevoie de un aparat de fotografiat sau de efectul Placă de mișcare, dar dacă doriți să aveți o cameră în mișcare, solidul solid, Motion Tile și Transformation Collapse vor veni la îndemână.

Pasul 15

Permiteți urmărirea automată a logo-ului nostru.

Acum există un număr de măști create pe acest logo.

Pasul 16

Lipiți toate măștile pe stratul solid precompus.

Copiați, de asemenea, proprietățile Transformă ale stratului Logo pe care l-am ajustat la început și le lipiți pe solidul precompus.

Pasul 17

Copiați stilul stratului de relief și stratul de relief și aplicați-l pe stratul alb precompus.

Setați toate modurile de mască la Adăugare, deoarece Bevel și Emboss se vor afla în afara marginilor logo-ului.

Puteți vedea că unul dintre ele a scos-o selectată și asta pentru că există un cerc mic în litera "A" care trebuie ajustată. Sigla dvs. ar putea avea și unele dintre aceste lucruri.

Aceasta este ceea ce ar trebui să vedeți.

Pasul 18

Acum copiați stratul solid precompus, copiați stilurile Transformare și Strat din cel de-al doilea strat de imagine stoc care are Drop Shadow și lipiți-l pe stratul duplicat.

Pasul 19

Acum schimbați toate setările de mască pentru a scădea cu excepția celei care a fost anterior scăzută. De această dată selectați Adăugați pentru acea singură mască.

Motivul pentru care am făcut acest lucru este pentru că vrem ca umbră să fie în interiorul siglei.

Puteți vedea rezultatul.

Acum, aceasta arată foarte bine.

Pasul 20

Acum puteți șterge aceste patru straturi.

De asemenea, dorim ca zona dintre efectul reliefului să fie puțin mai întunecată.

Aduceți un alt strat de logo sub aceste două straturi precompuse. Aplicați aceleași proprietăți Transform și aplicați efectul Fill la acesta.

Modificați setările opacității și reduceți valoarea.

Ar trebui să vedeți acum acest rezultat.

Asta arată destul de bine.

Pasul 21

Să-l exportim din nou în Photoshop. Aici este fișierul nostru actualizat deschis în Photoshop.

Încă nu arată bine și motivul din spatele acestui lucru este că Photoshop acceptă opțiunile de amestecare un pic diferit decât After Effects și fiecare stil de stil oferă un mod de amestecare suplimentar împreună cu acesta.

Deci, culoarea gri va fi efectuată diferit cu Multiply selectat în Photoshop decât în ​​After Effects.

Schimbă-l la acest în After Effects.

Pasul 22

Dacă îl exportați acum, ar trebui să vedeți exact același rezultat pe care îl obțineți în After Effects.

De asemenea, puteți să selectați și să ascundeți separat straturile în Photoshop la fel cum puteți face în After Effects.

Exemple suplimentare

Pasul 23

Să aruncăm o privire la o altă imagine.

Am folosit aceeași tehnică aici ca și cea precedentă, cu excepția faptului că teșitura va fi mai mică decât cea din jurnal. Asta se datorează naturii materialului. Semnul de logo-ul computerului dvs. arată în acest fel în cea mai mare parte a timpului și sarcina noastră este să obțineți aspectul dorit.

Înțelegerea direcției luminoase va contribui semnificativ.

Pasul 24

Să lucrăm la un alt lucru acum.

Pasul 25

Introduceți sigla.

Faceți-i un strat 3D și ajustați unghiul în funcție de geantă.

Pasul 26

După cum puteți vedea, punga are unele suisuri și coborâșuri pe suprafața sa. Putem realiza acest efect cu ajutorul efectului Bezier Warp. Aplicați pe logo-ul Fill și Bezier Warp.

Ajustați setările lui Bezier Warp astfel încât să pară exact în imagine.

Reglați după cum este necesar și aplicați curbele pentru a ajuta culoarea logo-ului să se simtă ca și sacul.

Pasul 27

Aplicați un stil strat pe sigla selectând Inner Shadow cu următoarele setări.

Duplicați stratul Logo și faceți o mască pe aceasta.

Pasul 28

Schimbați culoarea umplerii ușor și folosiți următoarele setări pentru dvs. Inner Shadow. Selectați modul de amestecare Adăugați pentru strat.

Acesta este rezultatul pe care îl veți obține.

Schimbând culoarea într-un stil de aur pe ambele straturi, veți vedea acest lucru. Este susținută de o sursă de lumină cu o lumină de aur.

Pasul 29

Pentru următoarea imagine, tocmai am ajustat setările de transformare și am aplicat umplerea cu o culoare gri albă. Apoi am folosit niște stiluri Shadow and Bevel Layer Layer pentru a face acest aspect.

Pasul 30

Când descărcați acest fișier de proiect, veți vedea mai multe imagini stoc, care vă vor ajuta să explorați alte variații ale acestui efect.

Pentru sticla de sticlă, am folosit doar efectul CC Cilindru pentru a da o imagine cilindrică pentru a se potrivi cu rotunjirea sticlei, iar restul este Styles Layer.

Acum am terminat cu tutorialul. De asemenea, puteți să verificați portofoliul meu pe Videohive pentru a vedea câteva exemple minunate de machete animate, care nu sunt incluse în descărcarea acestui fișier proiect.

Acestea sunt doar câteva exemple care utilizează stilurile de straturi din After Effects.

Concluzie:

În acest tutorial am învățat cum să creăm machete de logo realiste cu ajutorul aplicației After Effects. În plus, am învățat câteva modalități de bază pentru a exporta fișierul în Photoshop, astfel încât rezultatele ambelor versiuni ar arăta la fel.

Sper că ați luat ceva util din acest tutorial. Simțiți-vă liber să lăsați orice întrebări în comentariile de mai jos.