Ezt az oktatóanyagot írta Martijn Breeuwer különösen a Lorelei Web számára

Ebben az oktatóanyagban megmutatom, hogyan hozhat létre apró mintákat, hogy feldobja grafikáját vagy webdesignját. A mintákat nem nehéz létrehozni, de nagy hatással lehetnek a tervek „szexuális vonzására”.

Megmutatom, hogyan hozhat létre néhány népszerű mintát és egy szakadásgátló mintát. Mutatok néhány példát alternatív mintákra is.

Diagonal Scanlines
Egy nagyon népszerű mintával kezdjük. Az átlós pásztázási vonalak.

Nyisson meg egy új dokumentumot a Photoshopban, és állítsa be 3 x 3 képpontra.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Hozzon létre egy új réteget, és törölje a "Háttér" réteget, hogy a kép átlátszó legyen.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Nagyítson 1600%-ig a gomb megnyomásával CTRL + egy-két alkalommal.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Ragadja meg a ceruza eszköz és állítsa 1 képpont méretre Mód: Normál és átlátszatlanság 100%
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

nyomja meg D a színek visszaállításához fekete-fehérre, és festsen egy 3 szaggatott vonalat a jobb felső saroktól a bal alsó felé.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Most menj Szerkesztés>Minta meghatározása és nevezd el scanline-nek vagy más néven.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Ez könnyű volt, nem?

A minta használatához válassza a Festő vödör eszköz, válassza ki: Mintás a legördülő menüből, és válassza ki a mintát.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Vagy lépjen a keverési beállításokhoz, és alkalmazzon mintafedőt.

Győződjön meg róla, hogy hozzon létre egy új réteget, mielőtt alkalmazza a mintát a munkájára. Néha a minta jobban fog kinézni, amikor
az átlátszóság egy kicsit csökken.

Nézze meg az eredményt.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Természetesen olyan mintát is készíthet, ahol a sorok közötti tér nagyobb. Ehhez használja a fenti módszert, de készítsen 5 x 5 pixeles vásznat.
Ez lesz az eredmény.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Horizontális Scanlines
Mit szólnál néhány vízszintes letapogatáshoz? (Hasznos, ha például tévét vagy számítógépet készít stb.)

Nyisson meg egy új dokumentumot a Photoshopban, és állítsa be 1 szélesség x 2 magasság pixel méretre.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Most hozzon létre egy új réteget, és törölje a „Háttér” réteget, hogy a kép átlátszóvá váljon.

Nagyítson 1600%-ig a CTRL + párszori megnyomásával.

Most fogja meg a ceruza eszközt, és állítsa 1 képpont méretűre Mód: Normál és 100%-os átlátszatlanság. Ugyanaz a beállítás, mint korábban

Nyomja meg a D gombot a színek visszaállításához fekete-fehérre, és a felső képpontot feketére fesse.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Most lépjen a Szerkesztés>Minta meghatározása menüpontra, és nevezze el Horizontális szkennelési vonalaknak.

Eredmény.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Kis pöttyök
Rendben, most létrehozunk néhány apró pontot.
Ugyanazt a módszert használjuk, mint a scanline-eknél.

Nyisson meg egy új dokumentumot a Photoshopban, és állítsa be 3 szélesség x 3 magasság pixel méretre.

Most hozzon létre egy új réteget, és törölje a „Háttér” réteget, hogy a kép átlátszóvá váljon.

Nagyítson 1600%-ig a CTRL + párszori megnyomásával.

Most fogja meg a ceruza eszközt, és állítsa 1 képpont méretűre Mód: Normál és 100%-os átlátszatlanság.

Nyomja meg a D gombot a színek visszaállításához fekete-fehérre, és festsen egy pontot a vászon közepére.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Most lépjen a Szerkesztés>Minta meghatározása menüpontra, és nevezze el Small dots-nak.

Eredmény.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Keresztek
Készítsünk corss mintát. Hozzon létre egy 5 x 5 pixeles dokumentumot, és használja a fenti módszert

De most keresztet húzol.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

menj a Szerkesztés>Minta meghatározása menüpontra, és nevezd el keresztek1-nek vagy bármi másnak.

Eredmény
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

ANTI RIP/szerzői jogvédelem minta
Végül, de nem utolsósorban megtanítalak egy ripszedésgátló mintát készíteni.

Nyisson meg egy új dokumentumot, és ellenőrizze, hogy van-e elég helye. A 600x600 pixel jó lesz. Később levágjuk.

Hozzon létre egy új réteget, és törölje a „Háttér” réteget, hogy a kép átlátszó legyen.

Most fogja meg a Szöveg eszközt, és használjon olvasható betűtípust. Ariel, Tahoma, Verdana, Times stb.

Ezeket a beállításokat használtam:
Verdana | félkövér | 12 pont | aa: nincs

A méretnek körülbelül 12 képpontnak kell lennie, ne legyen túl nagy, különben nem működik jól mintaként.

Most írjon be valami ilyesmit: „a neved hozta létre” vagy „(c) a neved”. Beírom (c), majd a nevemet.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Kattintson a jobb gombbal a szövegrétegre, és válassza ki a raszterezés típusát, vagy lépjen a Kijelölés > Rasztarizálás > típus menüpontra.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Most nyomja meg a CTRL T (Free Transform) billentyűt, és forgassa el a nevet körülbelül -30 fokkal.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Nyomja meg az Enter billentyűt a forgatás megerősítéséhez. Nagyítson egy kicsit, és válassza ki a vágóeszközt.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Vigye az egeret a szöveg alsó részére, kattintson rá, és húzza a szöveg tetejére. Ügyeljen arra, hogy az összes szöveget kijelölje, és hagyjon helyet felül és alul.

Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Most nyomja meg az entert.
Most valami ilyesmit kellene kapnod.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Nyissa meg a Szerkesztés>Minta meghatározása menüpontot, és nevezze szerzői jognak.

Nyissa meg legújabb webdesignját, amelyet meg szeretne védeni a rippertől, és készítsen egy új réteget.

Válassza a Paint Bucket eszközt, és válassza ki a szerzői jogi mintát. Csökkentse az átlátszatlanságot, hogy a kép látható legyen azok számára, akik meg akarják nézni
de nehezebb azoknak, akik tépni akarnak.

Ezt egy olyan sablonra alkalmaztam, amelyen dolgozom. Az átlátszatlanság körülbelül 20%.
Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Összevonás és lejáratás
Most, hogy ismeri a minta létrehozásának módját, ideje kombinálni és lejáratni.

Tekintse meg ezeket a különböző mintákat. A lehetőségek végtelenek. Szövegből, formákból (virágok stb.) és vonalakból mind felhasználhatók minták készítésére.

Minden, amit tudnod kell a mintákkal való munkáról – Hozzon létre és implementáljon – PS oktatóanyagok Lorelei Web Design

Thx, hogy megnézted ezeket az oktatóanyagokat, remélem tanultál valamit.