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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.