Topic locked 
  • 0 szavazat - átlag 0
  • 1
  • 2
  • 3
  • 4
  • 5
Egyszerű bemutatkozó oldal készí­tése
#1
Egyszerű bemutatkozó oldal készí­Ã‚­tése

Ez egy egyszerű kis bemutatkozó oldal, gyakorlatilag bárki számára. Számí­tástechnikai cégeknél mindenképpen a világoskék szí­nt ajánlom, egyébként meg tetszés szerint.
Nyissunk egy új dokumentumot, én egy 800x800-ast használok most. Töltsük be a hátteret fehérrel. Húzzunk az oldal tetejére egy csí­kot (én 10pixelest húztam) a négyzetes kijelölő segí­tségével, és töltsük fel egy nekünk tetsző sötétszürke szí­nnel pl ez: #616161. Ismételjük meg ugyanezt az oldal alján is, csak oda legalább dupla ilyen vastag sávot húzzunk, és egy világosabb szí­nnel töltsük be, mint ez: #8f8f8f
[Kép: 1_bo.jpg]

Hozzunk létre egy új réteget a fejlécünknek (Ctrl+Shift+N) és jelöljünk ki egy jókora részt neki, majd töltsük be a nekünk megfelelő szí­nnel. Én ezt használtam: #99e800.
[Kép: 2_bo.jpg]

Most hogy kicsit változatosabbá tegyük, mejnünk a Filter -> Artistic -> Sponge -ra és állí­tsuk be tetszés szerint. Én ezt használtam:
[Kép: 3_bo.jpg]

Ha ez megvolt egy új rétegre firkáljunk egy alap ecsettel feketével és fehérrel össze-vissza egy párat. Az se baj ha kilóg, majd korrigáljuk később.
[Kép: 4_bo.jpg]

Most menjünk a Filter -> Blur -> Motion Blur-re és valami ehhez hasonlót állí­tsunk be:
[Kép: 5_bo.jpg]

A blendingjét a rétegnek állí­tsuk overlay-re, majd a fejléc szí­ne és eközött a firka réteg közötti vonalra kattintsunk az Alt gomb nyomvatartása mellett. Ha jól csináltuk ilyen most a layer palette:
[Kép: 6_bo.jpg]

Vigyük fel a fejlécre a szövegünket valamilyen szí­nnel. Most csináljuk meg szürkével a menüt oldalra. Fogjuk a Rounded Rectangle Tool-t és húzzunk vele egy alakzatot a számunkra szükséges méretben:
[Kép: 7_bo.jpg]

Jobb klikk erre a rétegre majd Rasterize Layer, hogy kellőképp tudjunk vele dolgozni. A tetejét csináljuk meg a sötétebb szürke szí­nnel.
Majdnem elfelejtettem a fejléc alját, de jobb később mint soha tehát a világosabb szürkével egy szintén 10 pixeles szürke csí­kot húzzunk:
[Kép: 8_bo.jpg]

Most mentsük le ezt a png képet, nyissuk meg majd Edit -> Define Pattern. A fejléc fölött és alatt lévő szürke sávokra, valamint a menü felső sötét szürke rétegére vigyük fel a Layer Style -> Pattern Overlay menüből és állí­tsuk be 5%-ra. Valahogy í­gy néz ki:
[Kép: 9_bo.jpg]

Vigyük fel a szövegeket (menü, stb) majd a fejléc zöld részére vigyünk egy kis "fényt". Jelöljük ki nagyjából a felét, töltsük be fehérrel egy új rétegen (ami a fejléc fölött van) és állí­tsuk az áttetszőséget 20%-ra. Készen is vagyunk:
[Kép: 10_bo.jpg]

Sok sikert!
Topic locked 


Üzenetek ebben a témában
RE: Egyszerű bemutatkozó oldal készí­tése - szerző Guest - 2007-05-05, 20:45

Hasonló témák...
Téma: Szerző Válaszok: Megtekintések: Utolsó üzenet
  Photoshop -> Sraffozás készí­tése Palee 3 4,408 2010-10-15, 15:00
Utolsó üzenet: firegame
  Yugioh kárty készí­tése crancker 1 1,942 2007-07-21, 17:53
Utolsó üzenet: tunyo
  Mutatós, egyszerű sötét weblap Guest 1 1,661 2007-06-28, 10:26
Utolsó üzenet: Guest
  Egyszerű aranyszí­nű szöveg Guest 0 1,720 2007-05-05, 20:37
Utolsó üzenet: Guest
  Valentin napi képeslap készí­tése Guest 0 1,646 2007-05-05, 20:33
Utolsó üzenet: Guest
  Régi kép készí­tése Guest 0 1,906 2007-05-05, 20:30
Utolsó üzenet: Guest
  Névjegykártya készí­tése Guest 0 1,693 2007-05-05, 20:29
Utolsó üzenet: Guest

Digg   Delicious   Reddit   Facebook   Twitter   StumbleUpon  


Jelenlevő felhasználók ebben a témában:
1 Vendég