G
Guest
Vendég
Ez egy elég egyszerű és kicsi oldal, ám mutatós. Ha valahol a screenshotok nagyon csúnyák lettek, azért elnézést kérek, a mentésnél én jpg-t és High-t használtam, nem tudom mitől lett olyan...
Nyissunk egy 700x600-as új dokumentumot, majd a Gradient Tool-al függőleges irányban húzzunk egy átmenetet. Ezeket a színeket használtam: #212225 és #343a43.
Csináljuk meg a testét az oldalnak. Ehhez használjuk a négyzetes kijelölő eszközt, majd töltsük be egy ugyanilyen színátmenettel mint tettük azt a háttérnél, csak most a másik irányba húzzuk az átmenetet (természetesen egy új rétegre) :
Jobb klikk a rétegre -> Blending Options és állítsuk be ezeket:
Most csináljuk meg a fejlécet. Jelöljük ki, majd öntsük be hasonlóan sötétkék színnel egy új rétegen így:
Remek, most ismét menjünk a Layer Style-ba és a Stroke-ot 1pixeles feketére állítsuk (úgy mint előbb).
Vigyük fel rá a szöveget, majd a menüt felülre:
A menühöz 14 pixeles Verdana betűtípust használtam, az AdobePlanet felirathoz pedig 32 pixeles Curls betűtípust.
Ez így elég natúr, úgyhogy hozzunk létre egy új réteget és jelöljünk ki egy ekkora részt a menü köré mint lentebb a képen. Ezt utána töltsük be egy színnel, pl fekete:
Most duplikáljuk az oldal címének rétegét (jelenleg az AdobePlanet felirat). A felsőre alkalmazzunk egy Filter -> Blur -> Motion Blur -re és állítsuk be így:
Ha ez megvolt, akkor ismételjük meg, de most az elmosás szögét (Angle) állítsuk 90 fokra, és vegyük le az elmosódás mértékét 50-ről 5-re!
Ennek a rétegnek az áttetszőségét (Opacity) vegyük le 25%-ra (vagy ahogy nekünk tetszik).
Hát így még elég karcsú a fejléc, úgyhogy hozzunk létre egy új réteget a fejléc színe fölé, majd nyomjuk le az Alt gombot és kattintsunk a két réteg közötti vonalra. Ha jól csináltuk most így néz ki a layer paletten:
Fogjuk egy jóféle ecsetet és rajzoljunk rá pár mintát (én a circles -t használtam) hogy pofásabb legyen:
Gyakorlatilag megvagyunk, még apróságokat ha akarunk módosíthatunk rajta. Sok sikert!
Ezt a kamuszöveget a lipsum.com-ról szedtem, azért jó mert nem tudom hogy mit jelent, de legalább van tartalom az oldalon
Nyissunk egy 700x600-as új dokumentumot, majd a Gradient Tool-al függőleges irányban húzzunk egy átmenetet. Ezeket a színeket használtam: #212225 és #343a43.
Csináljuk meg a testét az oldalnak. Ehhez használjuk a négyzetes kijelölő eszközt, majd töltsük be egy ugyanilyen színátmenettel mint tettük azt a háttérnél, csak most a másik irányba húzzuk az átmenetet (természetesen egy új rétegre) :
Jobb klikk a rétegre -> Blending Options és állítsuk be ezeket:
Most csináljuk meg a fejlécet. Jelöljük ki, majd öntsük be hasonlóan sötétkék színnel egy új rétegen így:
Remek, most ismét menjünk a Layer Style-ba és a Stroke-ot 1pixeles feketére állítsuk (úgy mint előbb).
Vigyük fel rá a szöveget, majd a menüt felülre:
A menühöz 14 pixeles Verdana betűtípust használtam, az AdobePlanet felirathoz pedig 32 pixeles Curls betűtípust.
Ez így elég natúr, úgyhogy hozzunk létre egy új réteget és jelöljünk ki egy ekkora részt a menü köré mint lentebb a képen. Ezt utána töltsük be egy színnel, pl fekete:
Most duplikáljuk az oldal címének rétegét (jelenleg az AdobePlanet felirat). A felsőre alkalmazzunk egy Filter -> Blur -> Motion Blur -re és állítsuk be így:
Ha ez megvolt, akkor ismételjük meg, de most az elmosás szögét (Angle) állítsuk 90 fokra, és vegyük le az elmosódás mértékét 50-ről 5-re!
Ennek a rétegnek az áttetszőségét (Opacity) vegyük le 25%-ra (vagy ahogy nekünk tetszik).
Hát így még elég karcsú a fejléc, úgyhogy hozzunk létre egy új réteget a fejléc színe fölé, majd nyomjuk le az Alt gombot és kattintsunk a két réteg közötti vonalra. Ha jól csináltuk most így néz ki a layer paletten:
Fogjuk egy jóféle ecsetet és rajzoljunk rá pár mintát (én a circles -t használtam) hogy pofásabb legyen:
Gyakorlatilag megvagyunk, még apróságokat ha akarunk módosíthatunk rajta. Sok sikert!
Ezt a kamuszöveget a lipsum.com-ról szedtem, azért jó mert nem tudom hogy mit jelent, de legalább van tartalom az oldalon
![]Lee Child – Biztonságban HK (2025)](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=)
