Share
În acest tutorial vă voi arăta cum să vă luați designul plat (ca în două dimensiuni, nu apartament ca în tendința curentă de design) și să adauge o viață prin bătăi de cap într-un avion 3D în perspectivă. Scopul acestui lucru este să vă prezentați designul într-un mod mai dinamic, oferindu-i mai multă profunzime și atracție vizuală. Poate fi o modalitate foarte eficientă de a prezenta vizuale clienților.
Există câteva moduri de a obține acest efect, cum ar fi utilizarea propriilor instrumente 3D ale Photoshop și crearea de straturi 3D. Cu toate acestea, sunt mai confortabil folosind software-ul 3D adecvat, cum ar fi 3ds Max, deoarece oferă mult mai mult control asupra camerei, permițându-vă să vă rotiți în jurul planului 3D cu un control mai mare asupra iluminării și umbririi. Inițial s-ar putea să fie mai complicat, dar când ați făcut acest lucru o dată, veți fi în stare să vă bateți mai târziu munca într-o chestiune de minute.
Dacă sunteți nou la 3D, avem o mulțime de tutoriale pentru a începe să începeți ... Principiile demonstrate aici sunt aplicația agnostică; veți putea să le aplicați oricăror programe 3D existente acolo. Pentru a urmări de-a lungul ar trebui să cunoașteți drumul în jurul Photoshop-ului și să aveți cel puțin un program de instrumente 3D înainte.
Oricum, pentru acest tutorial voi fi batjocorit de proiectare a ultimei noastre aplicație numit TriplAgent, care pare să se răspândească ca wildfire pe aceste interwebs. Puteți vedea întregul design în portofoliul meu Behance.
Deschideți aplicația 3D. Folosesc 3ds Max 2012, dar așa cum am menționat mai înainte, puteți folosi doar orice instrument 3D.
Eu folosesc Vray ca motor principal de randare pentru ca ofera iluminare si umbre realiste. Asigurați-vă că porniți Iluminarea indirectă, dar ai putea folosi și funcția de redare prestabilită a lui Max și să obțină rezultate similare.
Aplicați setări similare celor din capturile de ecran.
Acum este timpul să creați fundalul. Mergi la Creați> Sub Primitive Standard alegeți VRayPlane. Un avion va apărea ca în imaginea de mai jos. Glisați-o în lateral, nu contează exact unde.
VRayPlane va fi fundalul scenei tale. Bine, să creăm planul propriu în care va sta designul tău. Din nou, du-te la Creați caseta> Primitive standard>. Sub "parametri" introduceți dimensiunile de mai jos (aceasta este dimensiunea ecranului pentru iPhone 5).
Evident, puteți introduce toate dimensiunile care vă plac atâta timp cât designul dvs. aderă la aceleași proporții. Acum trebuie să aplicăm o hartă UV, astfel încât designul să se împacheteze frumos în jurul colțurilor avionului. Mergeți la "Modificați" în panoul din dreapta și alegeți Cartografierea UVW din lista modificatorilor. Asigurați-vă că este selectat "Planar".
Timpul de aplicare a materialelor, deschideți astfel Editorul materialelor în colțul din dreapta sus al barei principale de instrumente. Creați două materiale VRay, unul pentru fundal (planul VRay) și unul pentru cutia pe care tocmai ați creat-o. Trageți și lăsați materialul pe fiecare obiect.
Să facem o renderare rapidă. Dați clic pe Producția de Render (pictograma ceainicului) ...
Cam greu și gol, dar este un început bun. Bună treabă, timp pentru a pune o rochie frumoasă. Trebuie să aplicăm imaginea machetă reală ca material pentru obiectul 3D. Deschideți editorul de material și faceți clic pe materialul pe care l-ați alocat casetei.
Derulați în jos până când vedeți derularea hărților, apoi faceți clic pe Difuzare> Hărți> Standard> Bitmap și navigați la dosarul în care ați salvat designul.
Notă: Fișierul meu a fost .png cu dimensiunile de 1136 x 640 pixeli.
Veți vedea acum fișierul înfășurat în jurul sferei în slotul pentru material. Faceți clic pe pictograma carouri și veți vedea designul înfășurat în jurul casetei dumneavoastră în perspectivă. Nu uitați să setați valoarea neclarității la 0,01 pentru a obține un aspect clar al imaginii.
Lovit Face...
Voila! Designul împachetează frumos în jurul cutiei. Continuați și salvați acest fișier ca un png sau tif. Timpul de schimbare a culorii de fundal și a lucrurilor de condimente ...
Există două moduri de a modifica culoarea de fundal. Fie puteți schimba culoarea materialului pe care l-ați alocat la VRayPlane, fie puteți schimba culoarea în Photoshop. Vă voi arăta cum să faceți acest lucru în Photoshop, deoarece este mult mai ușor să schimbați culoarea fără a redefinia scena.
Sa trecem peste. Faceți clic dreapta pe VrayPlane și faceți clic pe "Ascundeți selectat".
Trebuie să ascundem backgound-ul, astfel încât să nu apară în redare. Lovit Face și faceți clic pe pictograma alfa după cum se vede mai jos în captura de ecran. Salvați imaginea ca .png și am terminat aici.
Este timpul să mergeți la cel mai bun prieten al tău, Photoshop.
Cu canalul alfa putem crea o mască și izolează fundalul. Luați fișierul alfa pe care tocmai l-ați salvat și îl deschideți în Photoshop. Mergi la canale și selectați (CMD + A) canalul alfa din partea de jos. Copiați-l în clipboard.
Deschideți imaginea randată pe care ați salvat-o anterior. Din nou, accesați fereastra canalelor și lipiți canalul alfa pe care tocmai l-ați copiat. De data aceasta trebuie să selectăm masca reală, deci țineți apăsat CMD și faceți clic pe mască.
Asigurați-vă că este selectată masca. Deschide fereastra de straturi. Ținând jos CMD cheie, faceți clic pe stânga Adăugați masca de strat după cum se vede mai jos. Planul ar trebui să fie izolat frumos din fundal.
Demontarea fundalului și izolarea planului. Creați un strat nou și completați-l cu orice culoare doriți. Atâta timp cât arată bine. Mkay.
Acum vom adăuga umbre. Ați putea păstra umbra care a fost în imagine, dar să folosim umbrele lui Photoshop de data aceasta. CMD + faceți din nou clic pe masca și creați un nou strat. Completați selecția cu o culoare închisă care se potrivește cu fundalul. Deschideți stilurile de strat și jucați cu efectul de umbră până când găsiți ceva ce vă place.
Asigurați-vă că unghiul umbrelor pare drept. Bună treabă, am terminat! O modalitate mai plăcută de a privi un design 2D, nu credeți?
Cu asta puteți ajunge:
În acest tutorial, am trecut prin modul în care să luăm un design 2D și să îl transformăm într-un mockup 3D cu perspectivă. Cred că mulți dintre voi ați fost puțin intimidați de întregul lucru 3D, dar într-adevăr este destul de simplu de îndată ce ați atârnat-o.
Câțiva pași interesanți ar fi încercarea de a experimenta diferite dimensiuni ale planului, folosind diferite unghiuri ale camerei și, de asemenea, schimbarea obiectivului camerei pentru a obține o distorsionare a perspectivei. Puteți vedea întregul design pe portofoliul meu Behance și, de asemenea, verificați aplicația mobilă TriplAgent. Mulțumesc că ați urmat!
Nu aveți timp sau abilități pentru a lucra cu Photoshop? Nu lăsa să te oprească.
Placeit este un generator de machete; un instrument online care vă permite să încorporați propriile desene sau modele (fie ele UI, logo-uri, alte elemente de branding) în scene fotorealiste. În mod sigur o alternativă rapidă și ușoară la Photoshop.
Pisoi de lângă un iPhone X Mockup situată peste o carte pe un pat de fete
iPhone X Template Situat pe partea de sus a unui tabel de Vintage
Accentsconagua