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
k3l3m3n - 13 éve, 10 hónapja

Milyen fasza dizájn néhány perc alatt! Grat hozzá, nagyon jó!

cyrexone - 13 éve, 10 hónapja

Photoshop CS5, abból is a 64bit-es verzió.

thefour - 13 éve, 10 hónapja

ez mien verziójú photoshop?

zdomiter - 13 éve, 10 hónapja

Ezek után már nem irigyellek
Amíg hobbi addig kényelmes, de neked munka. Akkor majd, ha lesz kedved és időd, akkor folytatod.

cyrexone - 13 éve, 10 hónapja

Megvannak még a PSD fájlok, elvileg lehetne darabolós videó, de darabolni utálok Majd meglátom, mert van még egy csomó kérés amiből szívesebben csinálnék anyagot.

A billentyűzetkombinációk feltüntetése nem rossz ötlet, megnézem a camtasia-ban, hogy a legegyszerűbb kivitelezni.

A sebesség olyan dolog, hogy amit napi 8-10 órában csinálsz 10-12 éve, az már csukott szemmel is megy. Az esetek többségében nincs sok idő összehozni egy oldalt. Gondolj csak bele, pl. karácsony előtt: á ráérünk még, majd december elején Aztán eljön a december: hú, már december van, és még nincs karácsonyi dizájn az oldalon, azonnal szólj a webdesigner-nek, hogy csináljon még ma valamit Ilyenből kapsz egy hét alatt mondjuk 10-et úgy, hogy még egyéb munkáid is vannak, esetleg határidőre készítesz éppen valamit Ráadásul, ha éppen rossz passzban vagy és egyáltalán nem jön az ihlet, akkor sem mondhatod azt, hogy most nem megy, mert senkit sem érdekel

Ezt csak azért írtam le, mert nagyon sokan képzelik azt, hogy a webdesigner az álomszakma, ahol egész nap csak annyi a dolgod, hogy ülsz a Photoshop előtt és szép komótosan oldalakat tervezel. Ez elvileg így is lenne, de webdesignerként ipari mennyiségben kell ezt csinálni, és elég könnyen ki lehet égni. Ez is csak egy szakma, mint bármelyik, vannak szép részei, de van amikor legszívesebben kivágnád az ablakon az egész gépet

Egyébként én nem szeretem a lassan magyarázó videókat, amiben állandóan tekerni kell, hogy lényegi részhez érjünk, ezért is szoktam egy kicsit gyorsabban magyarázni. De azért szerintem követhető. (?)