Őszi weboldal készítése Photoshopban
Készítette: cyrexone
2010. november 3. 13:09:08 - 14773 megtekintés
  • Egyszerű weboldal sablon készítése Photoshopban őszi- és tavaszi dizájnnal, a kezdetektől, egészen a végletekig!

  • Amire szükségünk van

    Adobe Photoshop

  • Őszi weboldal készítése Photoshopban

    Hozzunk létre egy 800x600-as dokumentumot, dupla kattintással konvertáljuk réteggé, majd nevezzük el contentnek. A CTRL+ALT-C-t megnyomva a canvas méretet állítsuk át 1000x800 képpontra. Hozzunk létre egy új réteget, nevezzük el bodynak, húzzuk be a content alá, töltsük ki feketével, legyen gradiant overlay. A style legyen radial, a szín maradjon, a reverse-t változtassuk meg, a scale legyen maximum. Húzzuk le a gradient középpontját oldalra, az opacity legyen 50%, majd rögzítsük ezt a réteget.<br /> <br /> A contenten alkalmazzunk color overlayt, válasszunk őszies színt. Alkalmazzunk rá stroke-ot, ami legyen fehér, 5 pixel és inside. Kattintsunk a stílusokra, legyen inner glow, szín legyen ugyanaz, mint a háttér, csak legyen sötétebb egy picit. A size-ot pedig húzzuk fel egy kicsit. Rögzítsük ezt a layert is.<br /> <br /> Néhány őszies fotót válasszunk ki, nyissunk meg, majd állítsuk be fejlécnek. Hozzunk létre egy új réteget, majd készítsünk egy fekete négyzetet, ami a menü háttere lesz, az átlátszósága legyen 50%. Írjuk fel a menüpontokat fehérrel. Alkalmazzunk egy kis drop shadowt a szövegen.<br /> <br /> Baloldalra tervezzünk egy lekerekített hírek dobozt, alkalmazzunk rajta néhány stílust, a színe legyen világosabb, mint a háttér, a stroke pedig sötétebb. Írjuk be, hogy Hírek, rakjunk elé egy kört a shape layer segítségével. Alkalmazzunk gradiant overlayt. A fejlécből válasszunk ki két színt. Duplikáljuk a feliratot, húzzuk a másik oldalra, írjuk át a szöveget. Készítsünk egy szövegdobozt, szúrjunk be tetszőleges szöveget, kövessük a videón látható formázási utasításokat. <br /> <br /> A Hírek dobozba is illesszünk szöveget, valamint pár fotót is. A fotón is alkalmazzuk a stroke-ot.<br /> Különböző menüpontokhoz készíthetünk másik fejlécet, akár minden évszakhoz más-más fejlécet készíthetünk.<br /> <br /> <br /> http://cyrex.hu/videosmart/template_autumn.jpg<br /> http://cyrex.hu/videosmart/template_spring.jpg

  • Címkék:

    photoshop weboldal adobe weblap internet fejlesztés design
Kapcsolódó videók Hozzászólások
tichi43 - 12 éve, 8 hónapja

A fejléc képeket át tudnád küldeni(A tavaszit is)? Sehol sem találok.
E-mail: tichi43@gmail.com

Ervin123 - 13 éve, 2 hónapja

7:08 -nál leaked Nem tudom végig nézni...

Ervin123 - 13 éve, 2 hónapja

Nagyon jó....Gratulálok...és köszönöm a folytatást !!

cyrexone - 13 éve, 11 hónapja

Itt a válasz, a VideSmart-on még nem hagyták jóvá a videót:
http://www.cyrex.hu/2011/01/04/tutorial-oszi-hangulatu-weboldal-2-resz/

Tomicska - 13 éve, 11 hónapja

szép lett, de ha ez kész, akkor h illesztem be az oldalra, még mindig sötét vagyok ehez, hiába néztem végig a html es videóidat, figyeltem de egyszerűen nekem ez nehéz, legalábbis most úgy érzem
szóval oké h csinálok egy szép honlapot de h illesztem be magára az oldalra?

Tovább