Hogyan készítsünk képernyőmakettet a Photoshopban

Sok tervező és művész maketteket használ munkái megjelenítéséhez. Ebből a képernyőminta-oktatóanyagból megtudhatja, hogyan készíthet semmiből maketteket intelligens objektumok és maszkok segítségével a Photoshopban. Könnyebb, mint gondolnád. Ugorjunk be rögtön.

Mik azok a makettek, és hogyan működnek?

A makettek olyan képek, amelyek úgy vannak formázva, hogy Ön a kép egy részét saját tervezésűre cserélje. Ezeket gyakran használják képernyő-, csomagolás- vagy ruházati tervekhez.

Számos ingyenes PSD-makett található az interneten, amelyeket használhat. Ezeket a maketteket fényképpel vagy akár számítógéppel generált jelenettel látják el, és intelligens objektumréteggel egészítik ki, így az Ön tervét a makettre lehet alkalmazni.

Az intelligens objektum manipulálja a terv perspektíváját, így a lapos mintát a fénykép bármely felületére, például telefon képernyőjére vagy pólójára vetítheti. Kész maketteket tölthet le úgy, hogy az intelligens objektum réteget a tervre helyezik, csak hozzá kell adnia a tervet, és az intelligens objektum elvégzi a többit.

Összefüggő: Az Adobe Camera RAW használata intelligens objektumként a Photoshopban

Nagyon egyszerű létrehozni saját fotót, és olyan intelligens tárgyréteget is beilleszteni, amely együttműködik a fényképével, és javítja a terveket. Kezdjük az oktatóanyaggal.

1. Készítse elő a fényképét

A képernyőről készült jó minőségű fényképpel kell kezdenie. Ha átnézi a stockfotós webhelyeket, észre fogja venni, hogy a képernyők képei kevés zavaró tényezőt jelentenek a téma körül.

Vegye figyelembe a végső terv megjelenését, amely végül megjelenik a képernyőn, és gondoskodjon arról, hogy a fénykép többi része is hasonló témát kövessen. Ha a dizájn nőies és könnyű, formálja a fényképet egy kis virágvázával vagy virágos anyaggal. Ha kávéreklámot tervez, helyezzen el egy kávéscsészét a képen látható képernyő mellett.

Összességében ügyeljen arra, hogy tiszta háttér legyen a fotó elsődleges témája körül (ami egy képernyő lesz).

Használhatja saját fényképét, vagy kereshet olyan webhelyeken, mint az Unsplash vagy a Pixabay, amire szüksége van. Ha szerkesztést igényel, akkor itt az ideje.

2. Hozzon létre egy intelligens objektumot

A makett létrehozásához először nyissa meg a képernyőn lévő fényképét a Photoshop alkalmazásban. Ezután létre kell hoznunk egy intelligens objektumot. Ehhez használja a Téglalap eszköz (U), és rajzoljon egy durva téglalapot a kép képernyőjére. Válasszon kitöltőszínt a téglalaphoz, és távolítsa el a körvonalat.

A Rétegek panelen kattintson a jobb gombbal a téglalappal rendelkező rétegre, majd kattintson a gombra Konvertálás intelligens objektummá. Innentől kezdve átalakíthatjuk az intelligens objektumot. A bekapcsolásához Átalakító eszköz nyomja meg [Cmd + T] Mac rendszeren és [Ctrl + T] Windows rendszeren.

Az Átalakító eszköz bekapcsolt állapotában tartsa lenyomva a gombot Cmd (Mac) vagy Ctrl (Windows) nyomja le a gombot, és vigye a kurzort a téglalap egyik sarkára, amíg az fehér nyíllá nem változik. Ezzel a nyíllal kattintson a téglalap minden sarkára, és húzza a képen a képernyő sarkaihoz.

Miután a téglalap egy vonalba került, kattintson duplán bárhova a hatás alkalmazásához. Ezzel most egy intelligens objektumot hozott létre, amelyhez a design kerül.

3. Adjon hozzá maszkot, ha szükséges

Ha további akadályok vannak a képen, például a laptop képernyője akadályozza a számítógép képernyőjét a képünkön, akkor rétegmaszkot használhat az intelligens objektumhoz.

Hozza létre az akadályokat lefedő intelligens objektumot az előző szakasz lépéseivel. Ezután a Rétegek panelen kattintson a gombra Rétegmaszk létrehozása. Kijelölő eszköz segítségével (L), jelöljön ki mindent a fotón, kivéve azt a képernyőt, ahol a makett lesz.

Ha minden mást kiválasztott, nyomja meg a gombot Töröl gombot a billentyűzeten. A Rétegmaszk bélyegképe a Rétegek panelen fehér alakot jelenít meg a képernyőn, minden más pedig fekete és el van takarva.

4. Adja hozzá terveit

Miután létrehozott egy intelligens objektumot, itt az ideje, hogy hozzáadja a mintát a maketthez.

Nyissa meg a kívánt tervet a Photoshopban, és válassza ki az összeset a [ gomb megnyomásávalCmd + A] Mac rendszeren vagy [Ctrl + A] Windows rendszeren. Másolja ki a kijelölést, és térjen vissza az ablakhoz a makett tervével. Keresse meg az intelligens objektumot tartalmazó fóliát, és kattintson duplán az intelligens objektum mezőre a Rétegek panelen. Ez új ablakban nyitja meg az intelligens objektumot.

Most beillesztheti a korábban másolt tervet. Alakítsa át a méretet úgy, hogy az lefedje a teljes téglalapot. A méret beállítása után mentse el a képet a [Cmd + S] Mac rendszeren vagy [Ctrl + S] Windows rendszeren. Mentés után lépjen ki az ablakból.

Menjen vissza a főablakba; látnia kell a makett tervét az új képernyővel.

5. Tedd valósághűvé

Meghagyhatja a makettjét, de a terv magasabb szintre emeléséhez valósághű tükröződést vagy tükröződést adhat a számítógép képernyőjén, az intelligens objektuma felett.

A természetes csillogás megtekintéséhez használja a Láthatóság gombot az intelligens objektum rétegen. Nézd meg, hogyan esik a fény a képernyőre az eredeti képen. Ha bekapcsolja a láthatóságot, a képernyő természetes tükröződése eltűnik, és kissé laposnak tűnik.

Válassza ki a Rétegmaszk bélyegképét a kívánt rétegen, kattintson rá jobb gombbal, és válassza ki Maszk hozzáadása a kijelöléshez. Ezután adjon hozzá egy új réteget, és kattintson a gombra gradiens eszköz. Fekete-fehér lineáris gradienst fogunk használni, ahol a fehéret oda helyezzük, ahol a fény eléri a képernyőt.

Ha a színátmenet a helyén van, módosítsa a réteg keverési módját erre Szorozni. Ez a képernyő tükröződésének polarizáló hatását adja, ami valósághűbbé teszi a makett megjelenését.

Most már van egy kész makettje, amelyet elmenthet PSD-ként, hogy a jövőben többféle tervhez is felhasználhassa. Mindössze annyit kell tennie, hogy módosítja a képet az intelligens objektum rétegben.

Összefüggő: Kiváló minőségű képek mentése a Photoshopban

Készítsen saját képernyő-maketteket a Photoshopban

A saját makettfotóinak és -terveinek használata nagyobb integritást ad munkája számára, és elválasztja Önt a többi művésztől. Személyes hatást kölcsönöz a terveknek, és jobban irányíthatja a végeredményt. Tekintse meg ezt az egyszerű útmutatót saját képernyő-makettének létrehozásához a semmiből.

Behance vs. Dribbble: Melyik platform jobb a művészek számára?

Ha Ön grafikus vagy művész, szüksége van egy platformra, ahol bemutathatja munkáit. Itt összehasonlítjuk a Behance-t és a Dribbble-t.

Olvassa el a következőt

A szerzőről