Keresés Kategóriák Kedvencek

Ő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.

    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.

    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.

    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.

    A Hírek dobozba is illesszünk szöveget, valamint pár fotót is. A fotón is alkalmazzuk a stroke-ot.
    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.


    http://cyrex.hu/videosmart/template_autumn.jpg
    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
cyrexone - 14 éve

Nem kell külön progi hozzá, Photoshop-al azt is.

Brien97 - 14 éve

Nagyon köszyh ezt a vidit, naon jóó
zsír

Milyen programmal fogod "darabolni" :?:

nagyon profi vagy grat

OnLyHS - 14 éve

Már rájöttem! A sortávolság 0-ra volt állítva, ezért írt mindent egy sorba

cyrexone - 14 éve

Először a szöveg eszközzel rajzolj egy szövegdobozt, aztán abba szúrd bele a szöveget. Szerintem a videóban is így van.

OnLyHS - 14 éve

Hali, lenne egy olyan gondom, hogy mikor egy szövegmezőbe bemásolok egy máshonnan kimásolt szöveget, mindent egy sorba ír, tehát összefolyik az egész. Remélem érted miről beszélek, és tudsz segíteni, mert így elég rossz

Vissza Tovább
Mobil verzió - Normál verzió

© 2024 Next Project Kft. - Minden jog fenntartva.