Paljud disainerid ja kunstnikud kasutavad oma tööde eksponeerimiseks makette. Sellest ekraanimudeli õpetusest saate teada, kuidas Photoshopis nutikate objektide ja maskide abil nullist makette luua. See on lihtsam kui arvate. Hüppame kohe sisse.

Mis on maketid ja kuidas need töötavad?

Maketid on pildid, mis on vormindatud nii, et saate osa pildist oma kujundusega asendada. Neid kasutatakse sageli ekraanikujunduse, pakendikujunduse või rõivaste jaoks.

Internetist leiate palju tasuta PSD-makette, mida saate kasutada. Need maketid on varustatud foto või isegi arvutiga loodud stseeniga ning koos nutika objektikihiga, mis võimaldab teie kujundust maketile rakendada.

Nutikas objekt manipuleerib teie kujunduse perspektiiviga, nii et lamedat kujundust saab kõverdada mis tahes fotol olevale pinnale, näiteks telefoniekraanile või T-särgile. Saate alla laadida valmis makette, kus nutika objekti kiht on kujundusele paigutatud, peate vaid lisama oma kujunduse ja nutiobjekt teeb ülejäänu teie eest.

Seotud: Kuidas kasutada Adobe Camera RAW-d Photoshopis nutika objektina

instagram viewer

Väga lihtne on ise luua ja lisada nutikas objektikiht, mis töötab teie fotoga ja täiustab teie kujundust. Alustame õpetusega.

1. Valmistage oma foto ette

Alustada tuleb kvaliteetsest ekraanifotost. Kui vaatate fotode fotoveebisaite, märkate, et ekraanipiltidel on vähe segavaid tegureid.

Mõelge oma lõpliku kujunduse välimusele, mis lõpuks ekraanile ilmub, ja veenduge, et ülejäänud foto järgiks sarnast teemat. Kui teie disain on naiselik ja kerge, kujundage foto väikese lillevaasi või lillelise kangaga. Kui teie kujundus on mõeldud kohvireklaamile, lisage fotol oleva ekraani kõrvale kohvitass.

Üldiselt veenduge, et teie fotol (mis on teatud tüüpi ekraan) põhiobjekti ümber oleks puhas taust.

Saate kasutada oma fotot või otsida vajalikke saite nagu Unsplash või Pixabay. Kui see nõuab redigeerimist, on nüüd aeg seda teha.

2. Loo nutikas objekt

Maketi loomiseks avage Photoshopis oma ekraanifoto. Seejärel peame looma nutika objekti. Selleks kasutage Ristküliku tööriist (U) ja joonistage pildi ekraanile töötlemata ristkülik. Valige ristküliku täitevärv ja eemaldage joon.

Paremklõpsake kihtide paneelil oma ristkülikuga kihti ja klõpsake nuppu Teisenda nutikaks objektiks. Siit saame nutika objekti teisendada. Et sisse lülitada Teisendustööriist vajuta [Cmd + T] Macis ja [Ctrl + T] Windowsis.

Kui teisendustööriist on sisse lülitatud, hoidke nuppu all Cmd (Mac) või Ctrl (Windows) nupp alla ja hõljutage kursorit ristküliku nurgal, kuni see muutub valgeks nooleks. Selle noolega klõpsake ja lohistage ristküliku iga nurka fotol oleva ekraani nurkadesse.

Kui ristkülik on joondatud, topeltklõpsake efekti rakendamiseks kõikjal. See on nüüd loonud nutika objekti, kuhu teie disain läheb.

3. Vajadusel lisage mask

Kui teie pildil on täiendavaid takistusi, näiteks sülearvuti ekraan takistab meie pildil arvutiekraani, saate oma nutika objektiga töötamiseks kasutada kihtmaski.

Looge nutikas objekt, mis katab takistused, kasutades eelmises jaotises toodud samme. Seejärel klõpsake kihtide paneelil Loo kihimask. Valiku tööriista abil (L), valige fotol kõik, välja arvatud ekraan, kus teie makett asub.

Kui kõik muu on valitud, klõpsake nuppu Kustuta klahvi klaviatuuril. Kihtmaski pisipilt teie kihtide paneelil kuvab ekraani kohas valge kuju ja kõik muu on must ja varjatud.

4. Lisage oma kujundused

Kui olete nutika objekti loonud, on aeg lisada oma kujundus oma maketile.

Avage Photoshopis kavandatud kujundus ja valige kõik, vajutades [Cmd + A] Macis või [Ctrl + A] Windowsis. Kopeerige valik ja minge tagasi oma maketi kujundusega aknasse. Otsige üles kiht, mis hoiab teie nutikat objekti ja topeltklõpsake kihtide paneelil nutika objekti kasti. See avab nutika objekti uues aknas.

Nüüd saate kleepida oma varem kopeeritud kujunduse. Muutke suurust nii, et see kataks kogu ristküliku. Kui suurus on määratud, salvestage pilt, vajutades [Cmd + S] Macis või [Ctrl + S] Windowsis. Kui see on salvestatud, väljuge aknast.

Minge tagasi põhiaknasse; peaksite nägema maketi kujundust uue ekraaniga.

5. Muutke see realistlikuks

Võite jätta maketi selliseks, nagu see on, kuid kujunduse järgmisele tasemele viimiseks võite lisada arvutiekraanile oma nutika objekti kohale realistliku sära või peegeldusi.

Loomuliku sära vaatamiseks kasutage nuppu Nähtavus nupp nutika objekti kihil. Vaadake originaalfotol, kuidas valgus ekraanile langeb. Kui lülitate nähtavuse sisse, kaob see loomulik ekraani sära ja tundub veidi tasane.

Valige soovitud kihil kihimaski pisipilt, paremklõpsake seda ja valige Lisa mask valikule. Seejärel lisage uus kiht ja klõpsake nuppu gradient tööriist. Kasutame mustvalget lineaarset gradienti, asetades valge kohale, kus valgus ekraani tabab.

Kui gradient on paigas, muutke kihi segamisrežiimiks Korrutada. See annab ekraani pimestamise polariseeriva efekti, mis muudab teie maketi realistlikumaks.

Nüüd on teil valmis makett, mille saate salvestada PSD-na, et kasutada seda tulevikus mitme kujunduse jaoks. Kõik, mida pead tegema, on muuta nutika objekti kihi pilti.

Seotud: Kuidas salvestada Photoshopis kvaliteetseid pilte

Looge Photoshopis oma ekraanimaketid

Enda makettide ja kujunduste kasutamine annab teie töö terviklikkuse ja eraldab teid teistest kunstnikest. See lisab teie kujundusele isikupära ja annab teile suurema kontrolli lõpptulemuse üle. Vaadake tagasi seda lihtsat juhendit, et luua nullist oma ekraanimakett.

Behance vs. Dribbble: milline platvorm on kunstnikele parem?

Kui olete graafiline disainer või kunstnik, vajate oma tööde tutvustamiseks platvormi. Siin võrdleme Behance'i ja Dribbble'i.

Loe edasi

JagaSäutsMeil
Seotud teemad
  • Loominguline
  • Photoshopi õpetus
  • Pildiredaktor
  • Pilditöötluse näpunäited
Autori kohta
Ruby Helyer (Avaldatud 6 artiklit)

Ruby on kirjanik MUO loomingulises kategoorias, keskendudes disainitarkvarast kirjutamisele. Olles töötanud disaineri, illustraatori ja fotograafina, on Rubyl ka bakalaureusekraad graafilise kommunikatsiooni alal ja magistrikraad inglise keeles loomingulise kirjutamise alal.

Rohkem Ruby Helyerilt

Liituge meie uudiskirjaga

Liituge meie uudiskirjaga tehniliste näpunäidete, arvustuste, tasuta e-raamatute ja eksklusiivsete pakkumiste saamiseks!

Tellimiseks klõpsake siin