Facebook bejelentkezés
Üdvözlünk az oldalon!
Lépj be, vagy regisztrálj
Felvéve: 13 éve, 4 hónapja
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 6 7. oldal 8 Következő oldal
OnLyHS (13 éve, 4 hónapja)
2010. november 5., 09:19:00 , kommentjeim száma: 49 db

10

...válasz cyrexone 9. kommentjére:
Jah értem már, kösz!
cyrexone (13 éve, 4 hónapja)
2010. november 4., 21:13:13 , kommentjeim száma: 82 db

9

...válasz OnLyHS 6. kommentjére:
Ez egy weboldal tervezésének az első fázisa, hogy egy grafikai programmal megtervezed az oldal kinézetét. Ezután jön a "darabolás" aminek során megírod a HTML és CSS fájlokat, majd végezetül a programozás, ahol életre kel az oldal és megszületnek a dinamikus funkciók.

Ez általában két ember munkája, a webdesigner legyártja a grafikai tervet és megcsinálja a HTML és CSS kódot, majd a programozó ebben készíti el a dinamikus részeket, és végül ismét a webdesigner az aki gatyába rázza és végleges formába önti.
cyrexone (13 éve, 4 hónapja)
2010. november 4., 21:02:53 , kommentjeim száma: 82 db

8

...válasz dagattka87 7. kommentjére:
Ezeknek nincs külön billentyűkombója, hanem a réteg stílusoknál fogod megtalálni. A réteg panel F7-re jön elő, és annak az alján találod a réteg stílusok gombot, ha egyáltalán így van magyarul. Ha nézed a videót, akkor mindent meg fogsz ugyanúgy találni a magyar photoshopban is.
dagattka87 (13 éve, 4 hónapja)
2010. november 4., 19:13:03 , kommentjeim száma: 8 db

7

Hali!
Bocs a tudatlanságomért, photoshop-ban még kezdő vagyok!
Magyar nyelvű photoshopon ezeket milyen billentyű parancsal tudom elő hívni:
gradient overlay
color overlay??
Előre is köszi a választ!
OnLyHS (13 éve, 4 hónapja)
2010. november 4., 16:41:44 , kommentjeim száma: 49 db

6

Nagyon szuper Köszi!
És azt még eltudnád mondani hogyan is lehet ezt felhasználni weboldalunkhoz ?
Előző oldal 1 2 3 4 5 6 7. oldal 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?)