Facebook bejelentkezés
Üdvözlünk az oldalon!
Lépj be, vagy regisztrálj
Felvéve: 14 éve
Megtekintve: 14773
Értékeld a videót:
17 szavazat alapján
Értékeléshez lépj be!

további opciók »

A(z) "Őszi weboldal készítése Photoshopban" című videótipp megosztásához használhatod a saját leveleződet, vagy ezt a felületet:
Neved:

E-mail címed:

Címzett e-mail címe:
Üzenet (opcionális):

Ez a videótipp a következő klub(ok)ba tartozik:

  • Ez a videó nem még nem tartozik egy klubhoz sem.

Ha van egy kis időd, nézz szét meglévő klubjaink között!

  • Nyomtatás

    Őszi weboldal készítése Photoshopban

    2010. november 3. 13:09:08 |

    Készítette: cyrexone

    Egyszerű weboldal sablon készítése Photoshopban őszi- és tavaszi dizájnnal, a kezdetektől, egészen a végletekig!

    Őszi weboldal készítése Photoshopban részlet

  • 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

Vélemények, hozzászólások

Rendezés:
Hozzászóláshoz jelentkezz be, vagy regisztrálj!
Előző oldal 1 2 3 4 5. oldal 6 7 8 Következő oldal
k3l3m3n (14 éve)
2010. november 9., 00:13:57 , kommentjeim száma: 71 db

20

Milyen fasza dizájn néhány perc alatt! Grat hozzá, nagyon jó!
cyrexone (14 éve)
2010. november 8., 20:48:51 , kommentjeim száma: 82 db

19

...válasz thefour 18. kommentjére:
Photoshop CS5, abból is a 64bit-es verzió.
thefour (14 éve)
2010. november 8., 20:25:26 , kommentjeim száma: 79 db

18

ez mien verziójú photoshop?
zdomiter (14 éve)
2010. november 6., 12:42:06 , kommentjeim száma: 3 db

17

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 (14 éve)
2010. november 6., 09:13:59 , kommentjeim száma: 82 db

16

...válasz zdomiter 15. kommentjére:
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ő. (?)
Előző oldal 1 2 3 4 5. oldal 6 7 8 Következő oldal

Statisztika

Megtekintések száma: 14773 Hozzászólások: 40
- VideoSmart.hu-n: 14773 Kedvencek között: 23
- Más oldalon: 0 Értékelések: 17
cyrexone kicsi avatar cyrexone

cyrexone további videótippjei »

Egyszerű weboldal sablon készítése Photoshopban őszi- és tavaszi dizájnnal, a kezdetektől, egészen a végletekig! (több infó) (kevesebb infó)

Videó beillesztése:

(hogyan működik?)