Kaip sukurti ekrano maketą „Photoshop“.

Daugelis dizainerių ir menininkų savo darbams demonstruoti naudoja maketus. Šioje ekrano maketo mokymo programoje sužinosite, kaip sukurti maketus nuo nulio naudojant išmaniuosius objektus ir kaukes programoje „Photoshop“. Tai lengviau, nei manote. Įšokime tiesiai.

Kas yra maketai ir kaip jie veikia?

Maketai – tai vaizdai, suformatuoti taip, kad dalį vaizdo galėtumėte pakeisti savo dizainu. Jie dažnai naudojami ekranų dizainui, pakuočių dizainui ar drabužiams.

Internete rasite daug nemokamų PSD maketų, kuriuos galite naudoti. Šie maketai pateikiami su nuotrauka ar net kompiuteriu sugeneruota scena ir papildomi išmaniojo objekto sluoksniu, todėl maketui galima pritaikyti jūsų dizainą.

Išmanusis objektas manipuliuoja jūsų dizaino perspektyva, kad plokščią dizainą būtų galima iškreipti ant bet kurio nuotraukos paviršiaus, pvz., telefono ekrano ar marškinėlių. Galite atsisiųsti paruoštus maketus su išmaniojo objekto sluoksniu, esančiu ant dizaino. Viskas, ką jums reikia padaryti, tai pridėti savo dizainą, o išmanusis objektas padarys visa kita už jus.

Susijęs: Kaip naudoti „Adobe Camera RAW“ kaip išmanųjį objektą „Photoshop“.

Labai paprasta sukurti savo ir įtraukti išmanųjį objekto sluoksnį, kuris tinka jūsų nuotraukai ir patobulina jūsų dizainą. Pradėkime nuo mokymo programos.

1. Paruoškite savo nuotrauką

Pradėti reikia nuo aukštos kokybės ekrano nuotraukos. Jei peržiūrėsite fotografijos svetaines, pastebėsite, kad ekranų vaizdai mažai blaško dėmesį.

Apsvarstykite savo galutinio dizaino išvaizdą, kuris bus rodomas ekrane, ir įsitikinkite, kad likusi nuotraukos dalis atitinka panašią temą. Jei jūsų dizainas yra moteriškas ir lengvas, papuoškite nuotrauką maža gėlių vaza arba gėlėtu audiniu. Jei jūsų dizainas skirtas kavos reklamai, nuotraukoje šalia ekrano pridėkite kavos puodelį.

Apskritai įsitikinkite, kad aplink pagrindinį jūsų nuotraukos objektą (kuris bus tam tikras ekranas) yra švarus fonas.

Galite naudoti savo nuotrauką arba ieškoti svetainėse, pvz., „Unsplash“ arba „Pixabay“, ieškodami to, ko jums reikia. Jei jį reikia redaguoti, pats laikas tai padaryti.

2. Sukurkite išmanųjį objektą

Norėdami sukurti maketą, atidarykite ekrano nuotrauką „Photoshop“. Tada turime sukurti išmanųjį objektą. Norėdami tai padaryti, naudokite Stačiakampio įrankis (U) ir vaizdo ekrane nubrėžkite grubų stačiakampį. Pasirinkite stačiakampio užpildymo spalvą ir pašalinkite brūkšnį.

Sluoksnių skydelyje dešiniuoju pelės mygtuku spustelėkite sluoksnį su stačiakampiu ir spustelėkite Konvertuoti į išmanųjį objektą. Iš čia galime transformuoti išmanųjį objektą. Norėdami įjungti Transformavimo įrankis paspauskite [Cmd + T] „Mac“ ir [Ctrl + T] sistemoje „Windows“.

Įjungę transformavimo įrankį, laikykite nuspaudę Cmd („Mac“) arba Ctrl („Windows“) paspauskite mygtuką žemyn ir užveskite žymeklį ant stačiakampio kampo, kol jis pavirs balta rodykle. Naudodami šią rodyklę spustelėkite ir vilkite kiekvieną stačiakampio kampą į nuotraukos ekrano kampus.

Kai stačiakampis yra vienoje linijoje, dukart spustelėkite bet kur, kad pritaikytumėte efektą. Dabar buvo sukurtas išmanusis objektas, į kurį bus įtrauktas jūsų dizainas.

3. Jei reikia, pridėkite kaukę

Jei vaizde turite papildomų kliūčių, pvz., nešiojamojo kompiuterio ekranas užstoja kompiuterio ekraną mūsų vaizde, galite naudoti sluoksnio kaukę, kad dirbtumėte su išmaniuoju objektu.

Sukurkite išmanųjį objektą, dengiantį kliūtis, atlikdami ankstesniame skyriuje nurodytus veiksmus. Tada sluoksnių skydelyje spustelėkite Sukurkite sluoksnio kaukę. Naudodami pasirinkimo įrankį (L), pasirinkite viską, kas yra nuotraukoje, išskyrus ekraną, kuriame bus jūsų maketas.

Pasirinkę visa kita, paspauskite Ištrinti klaviatūros klavišą. Sluoksnio kaukės miniatiūra jūsų sluoksnių skydelyje ekrano vietoje parodys baltą formą, o visa kita bus juoda ir užmaskuota.

4. Pridėkite savo dizainą

Sukūrę išmanųjį objektą, laikas pridėti savo dizainą prie maketo.

Atidarykite numatytą dizainą „Photoshop“ ir pasirinkite viską paspausdami [Cmd + A] „Mac“ arba [Ctrl + A] sistemoje „Windows“. Nukopijuokite pasirinkimą ir grįžkite į langą su savo maketo dizainu. Raskite sluoksnį, kuriame yra jūsų išmanusis objektas, ir dukart spustelėkite išmaniojo objekto laukelį sluoksnių skydelyje. Tai atidaro išmanųjį objektą naujame lange.

Dabar galite įklijuoti anksčiau nukopijuotą dizainą. Pakeiskite dydį taip, kad jis apimtų visą stačiakampį. Nustatę dydį, išsaugokite vaizdą paspausdami [Cmd + S] „Mac“ arba [Ctrl + S] sistemoje „Windows“. Išsaugokite jį iš lango.

Grįžkite į pagrindinį langą; turėtumėte matyti maketo dizainą užbaigtą su nauju ekranu.

5. Padarykite tai tikrovišką

Galite palikti maketą tokį, koks yra, bet norėdami perkelti dizainą į kitą lygį, galite pridėti tikroviško akinimo arba atspindžių kompiuterio ekrane virš išmaniojo objekto.

Norėdami pamatyti natūralų blizgesį, naudokite Matomumas mygtuką išmaniojo objekto sluoksnyje. Pažiūrėkite, kaip šviesa krenta į ekraną originalioje nuotraukoje. Kai įjungiate matomumą, natūralus ekrano akinimas išnyksta ir atrodo šiek tiek plokščias.

Numatomame sluoksnyje pasirinkite sluoksnio kaukės miniatiūrą, spustelėkite ją dešiniuoju pelės mygtuku ir pasirinkite Pridėti kaukę prie pasirinkimo. Tada pridėkite naują sluoksnį ir spustelėkite gradientas įrankis. Naudosime juodos ir baltos spalvos linijinį gradientą, pateikdami baltą spalvą ten, kur šviesa patenka į ekraną.

Kai gradientas yra vietoje, pakeiskite sluoksnio maišymo režimą į Padauginti. Tai suteikia ekrano akinimo poliarizuojantį efektą, todėl jūsų maketas atrodo tikroviškesnis.

Dabar turite užbaigtą maketą, kurį galite išsaugoti kaip PSD, kad ateityje galėtumėte naudoti kelis dizainus. Viskas, ką jums reikia padaryti, tai pakeisti vaizdą išmaniojo objekto sluoksnyje.

Susijęs: Kaip išsaugoti aukštos kokybės vaizdus „Photoshop“.

Sukurkite savo ekrano maketus naudodami „Photoshop“.

Naudodami savo maketines nuotraukas ir dizainą suteiksite darbui daugiau vientisumo ir išskirsite jus nuo kitų menininkų. Tai suteikia jūsų dizainui asmeniškumo ir suteikia daugiau galimybių kontroliuoti galutinį rezultatą. Norėdami sukurti savo ekrano maketą nuo nulio, žr. šį paprastą vadovą.

Behance vs. Dribbble: kuri platforma yra geresnė menininkams?

Jei esate grafikos dizaineris ar menininkas, jums reikia platformos savo darbams pristatyti. Čia palyginame „Behance“ ir „Dribbble“.

Skaitykite toliau

Apie autorių