+- HHW.hu (https://hhwforum.hu)
+-- Fórum: Informatika (https://hhwforum.hu/forumdisplay.php?fid=72)
+--- Fórum: Képszerkesztés (https://hhwforum.hu/forumdisplay.php?fid=73)
+---- Fórum: Tutorialok (https://hhwforum.hu/forumdisplay.php?fid=75)
+---- Téma: Kompakt weblap (/showthread.php?tid=31)
RE: Kompakt weblap - Guest - 2007-05-05
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) :
![[Kép: 2_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/2_ko.jpg)
Jobb klikk a rétegre -> Blending Options és állítsuk be ezeket:
![[Kép: 3_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/3_ko.jpg)
![[Kép: 4_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/4_ko.jpg)
![[Kép: 5_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/5_ko.jpg)
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:
![[Kép: 6_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/6_ko.jpg)
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:
![[Kép: 7_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/7_ko.jpg)
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:
![[Kép: 8_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/8_ko.jpg)
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:
![[Kép: 9_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/9_ko.jpg)
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:
![[Kép: 10_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/10_ko.jpg)
Fogjuk egy jóféle ecsetet és rajzoljunk rá pár mintát (én a circles -t használtam) hogy pofásabb legyen:
![[Kép: 11_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/11_ko.jpg)
Gyakorlatilag megvagyunk, még apróságokat ha akarunk módosíthatunk rajta. Sok sikert!
![[Kép: 12_ko.jpg]](http://adobeplanet.extra.hu/feltoltes/25_kompaktoldal1/12_ko.jpg)
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
![[Kép: biggrin.gif]](http://www.hhw.hu/style_emoticons/<#EMO_DIR#>/biggrin.gif)
RE: Kompakt weblap - Guest - 2007-08-29
Ez tetszik, igaz én ennél jobbakat is tudok csinálni
RE: Kompakt weblap - Zozi - 2007-08-30
(Tornad @ 2007.08.29. 08:59)
Kód:
http://index.php?act=findpost&pid=3997Idézet:Ez tetszik, igaz én ennél jobbakat is tudok csinálni
MUTASD!