V tem navodilu se boš naučil, kako ustvariti realističen Mockup za sliko v okvirju in mobilno napravo v Photoshopu. To je odlična tehnika, s katero lahko svojim oblikovalskim projektom dodate profesionalen videz. Ali gre za predstavitev portfelja ali družabnih omrežij, ti koraki ti bodo pomagali, da bodo tvoje slike maksimalno izstopale.

Najpomembnejša spoznanja

  • Ustvarjanje Mockupa je učinkovit način za predstavitev oblik v realističnih situacijah.
  • Spoznal boš, kako postaviti slike v okvirje in na mobilne naprave, ne da bi jih popačili.
  • Z ustrezna orodji in tehnikami lahko optimiziraš in izboljšaš svoje Mockupe.

Korak-za-korak navodila

Za ustvarjanje Mockupa za sliko v okvirju, sledi tem korakom:

Najprej odprite Photoshop in naložite sliko, ki jo želite vstaviti v okvir. Kliknite na sliko in zmanjšajte prosojnost na približno 50%, da vam olajša pozicioniranje. Sedaj lahko aktivirate preoblikovanje tako, da pritisnete Ctrl + T (oziroma Cmd + T na Macu). Tako lahko sliko pozicionirate tako, da popolnoma ustreza okvirju.

Realistične predloge v Photoshopu: oblikovanje okvirja za sliko in mobilnega telefona

Ko ste zadovoljni z razporeditvijo, pritisnite tipko Enter, da potrdite transformacijo, in ponovno nastavite prosojnost slike na 100 %. Da nadaljujete z ustvarjanjem Mockupa, skrijte plasti s slikami in izberite orodje za pravokotno izbiro na levi strani. Približajte se in narišite nov pravokotnik, ki pokriva celotno površino okvirja.

Realistični prikazi v Photoshopu: oblikovanje okvirja za slike in mobilnega telefona

Ko je pravokotnik ustvarjen, znova prikažite sliko in kliknite ikono za maskiranje območja. Tako boste videli, kako se slika prikaže čisto v okvirju. Natančno preverite, ali je slika pravilno postavljena, in jo po potrebi prilagodite s Ctrl + T.

Realistični mockupi v programu Photoshop: oblikovanje slikovnega okvirja in mobilnega telefona

Za ustvarjanje realistične sence določite napolnitveno možnost slike na "Množenje". S tem bo naravna senca, ki je običajno prisotna v okvirju, vidna. Nastavitev prosojnosti te plasti lahko prilagodite, da izboljšate učinek.

Realistični izdelki v Photoshopu: oblikovanje okvirja in telefona

Ko ste končali, lahko nadaljujete s popravki. Pojdite v paleto popravkov in dodajte krivuljo tonov. Krivuljo tonov nastavite kot masko, da bo prizadeta samo slika v okvirju. Tako lahko nastavite kontrast in svetlost ter naredite sliko bolj privlačno.

Realistične predloge v Photoshopu: oblikovanje okvirjev za slike in mobilnih telefonov

Po zaključku tega koraka pride kompleksnejši primer: Mockup za mobilno napravo. Za postavitev slike na mobilni telefon se vrnite na plasti s slikami in pritisnite Ctrl + C (Cmd + C na Macu) za kopiranje. Nato ustvarite novo prazno plast za uporabo funkcije za točko bežišča.

Realistični koncepti v Photoshopu: Oblikovanje okvirjev in telefona

Določite nekaj točk za določitev usmeritve vaše mobilne naprave. Te točke morajo biti relativne glede na robove vašega telefona. Pomembno je, da pazite, da so črte, ki jih risate, vzporedne z robovi mobilne naprave.

Realistične predloge v Photoshopu: oblikovanje slikovnih okvirov in telefona

Ko ste zadovoljni z usmeritvijo, lahko vstavite sliko tako, da pritisnete Ctrl + V (Cmd + V). Prilagodite pozicijo tako, da jo povlečete v okvir mobilnega telefona. Zdaj morate ustvariti izbor roba telefona, da bo slika popolnoma prikazana.

Realistične postavitve v Photoshopu: oblikovanje slikovnih okvirov in mobilnega telefona

Uporabite orodje za risanje poti, da ustvarite natančen izbor okoli robov mobilne naprave. Poskrbite, da so robovi dobro definirani in da so vidne čim manj bele prostore. Te točke lahko premikate kasneje, da dosežete najboljšo prileganje.

Realistični prikazi v Photoshopu: oblikovanje okvirov za slike in telefona

Ste ustvarili izbiro, pojdite na meni "Izbor" in izberite "Ustvari izbiro". Prepričajte se, da izberete mehko robo ničelne pike. Nato kliknite V redu, da potrdite izbiro.

Realistični mockupi v Photoshopu: oblikovanje slikovnih okvirjev in mobilnega telefona

Ponovno prikažite sliko, ki jo želite uporabiti na mobilni napravi, in nato kliknite ikono slojne maski. Pazite, da preverite pravilen položaj in po potrebi izboljšate robove.

Realistični predlogi v programu Photoshop: oblikovanje okvirjev in mobilnih telefonov

Za nadaljnje zglajevanje robov lahko previdno prekrijete bele madeže z čopičem. Spremenite prosojnost čopiča in uporabite dele slike, da slika deluje čim bolj harmonično.

Realistične predloge v Photoshopu: oblikovanje okvirjev za slike in telefona

Na koncu prilagodite možnosti polnila slike in eksperimentirajte z nadaljnimi prilagoditvami prosojnosti, da bo celotni prikaz še bolj realističen. Sami odločate, kako močno naj bo ozadje prosojno in ali želite uporabiti dodatne učinke.

Realistične predloge v Photoshopu: oblikovanje slikovnih okvirjev in telefona

Povzetek

V tej vadnici ste se naučili, kako ustvariti mockup tako za slikovne okvirje kot tudi za mobilne naprave v programu Photoshop. Prehodili ste korake za postavitev slike, uporabo orodij za izbiro in za uporabo popravkov slik. Če uporabite vse tehnike, lahko učinkovito predstavite svoje oblikovalske ideje.

Pogosto zastavljena vprašanja

Kako prilagodim prosojnost v programu Photoshop?Prosojnost lahko prilagodite v orodni vrstici za plasti na desni strani.

Kaj je maska za obrezavo?Maska za obrezavo omogoča, da spodnji sloj vidite samo v obliki zgornjega sloja.

Kako prilagodim sliko brez popačenja?Uporabite funkcijo transformacije z ustrezno izbiro sidrnih točk, da sliko ustrezno povečate.

Ali lahko ustvarim mockupe tudi v drugih oblikah?Da, lahko uporabite poljubne oblike in objekte za izdelavo mockupov, dokler uporabljate ustrezne tehnike.

869,1066,683,1109,870,122