Összes Photoshop HTML, CSS PHP Flash Egyéb
Home > Tutorial > Photoshop > Tutorial: őszi hangulatú weboldal

Tutorial: őszi hangulatú weboldal

2010. október 26.

Néhány kattintásos őszi hangulatú weboldal template-et fogunk készíteni Photoshopban. Bónuszként egy kis tavasz is helyet kapott :mrgreen:

A videóban elkészített minták

24 hozzászólás

  1. Gergely
    2011. október 15. szombat - 10:14

    Szia!
    Ezek a képek amik a photoshopos videókba vannak azokat honnan vannak ?

    • Gergely
      2011. október 15. szombat - 10:17

      Amugy nagyon jó lett az oldal

  2. Resetx
    2011. augusztus 7. vasárnap - 00:27

    Kedves Cyrex!

    Ezeket a fejléceket, hol találtad?
    illetve az a kérdésem lenne nekem Photoshop CS5 portable verzió van és nem találok mini bridge-t ezt hol kell bekapcsolni vagy mi kell hozzá?

    várom válaszod. köszi

    • bammer
      2011. szeptember 23. péntek - 15:43

      én speciel a deviantart.com- on találtam meg őket….

      mini bridge: window>extensions>mini bridge

  3. Gery
    2011. május 26. csütörtök - 13:26

    Hello.

    Nekem az lenne a kérdésem hogy hogyan kell azt megcsinálni,hogy a header képek pl automatikusan váltogassák egymást mint ha egy slideshow lenne. ? Mondjuk van 10db képem és azt szeretném hogy az a 10 kép non stop cserélgesse egymást.

    Nagyon jók a videók, gratulálok.

    Üdv

    • 2011. május 27. péntek - 16:45

      hát nekem arra van egy megoldásom, egy template-ből…html-ben bekéri a slideshow-t, és jquery fájlban beállítja h mennyi időnként váltson, milyen legyen a bejövő kép sebessége meg ilyenek…majd átküldöm a template-t ha esetleg küldesz nekem egy e-mailt a kopiroli@gmail.com-ra…

  4. Rockerlev
    2011. május 3. kedd - 01:08

    Szia cyrex!

    nekem a következő bajom van próbálok behúzni képet de mindig kicsi a ps-ba és nagyitásnál meg nagyon pixelesedik igy rossz lesz a minősége de amikor behúztad az őszi képeket azok eredetileg milyen méretűek?
    És amikor kihúztad hogy hogy nem vesztettek a minőségükből

    Űdv Lev

  5. Sunny
    2011. február 15. kedd - 08:40

    Szia!

    A kérdésem az lenne, hogy szeretnék két newsboxot és közé egy body részt, valamint az oldalsó newsboxokban vertikálisan több helyem legyen. Ezekre megoldás volna ha ha a contant magasságát és szélességét nagyobbra állítom? A 800X600 -as contant milyen felbontáshoz készül?Azt nem szeretném, hogy a végén az oldal látogatásához horizontális gördítésre volna szükség.
    Köszönöm a válaszod!

  6. Ps
    2010. december 28. kedd - 17:51

    Értem!
    Köszönöm a gyors választ!
    Végig néztem a “HTML + CSS az alapoktól” videókat, nagyon hasznos videók.
    Az oldal is nagyon jó, ha nem hanyagolod el még sokra viheti! :)
    Egész biztosan gyakran fogok felnézni az oldalra!

  7. Ps
    2010. december 28. kedd - 12:44

    Szia!

    Nagyon ügyes vagy photoshop terén!
    Viszont én is arra lennék kíváncsi hogy hogyan tudom megcsinálni a gombokat.
    Esetleg nem csinálnál 1 videót?

    • 2010. december 28. kedd - 16:47

      Lesz majd ilyen videó, csak macerás megcsinálni, ezért nem halogatom :)

  8. ifjuhorgasz
    2010. november 6. szombat - 15:26

    Ez nagyon jó lett…Nekem nagyon tetszik…Én még NAGYON KEZDŐ “weboldalkészítő” vagyok, bár inkább saját célú weboldalakat csinálnék…lenne pár kérdésem:
    1.- Így hogy megcsinálom ezt a weboldalt photoshoppal akkor a kis szövegekből hogy tudok például frontpage-ben linket csinálni?

    2.- Azt hogy lehet megoldani, hogy ha a szöveg több lesz mint amennyi kifér akkor ne az egész weblapon kelljen legörgetni, hanem csak a szöveges résznél? Mint ennél az oldalnál: cyberc.try.hu

    3.- Ha feltöltöm atw.hu-ra a weboldalam kezdőlapját, és a többi menüpontot amit photoshop-ban megcsináltam, plusz még a frontpage-eseket is akkor ott belül atw-n hogy hivatkozok egymásra?

    Csak ez a 3 kérdésem lenne…légsz válaszolj a kopiroli@gmail.com-ra, és írd oda a válasz elé a kérdés számát!…Persze csak ha van időd, ezért előre is köszi…

    • 2010. november 6. szombat - 16:28

      Szia!

      A frontpage-hez nem értek, életemben nem használtam. A kis tartalom dobozon belüli görgetést fixméretű scrollozható DIV-el lehet megoldani, de szerintem kezdőként ne ezekre összpontosíts.

      A hivatkozásaid minden esetben legyenek relatívak, és akkor a weboldalad bárhova feltöltve működni fog. Tehát a beillesztett képek ne úgy nézzenek ki, hogy pl., hogy file:///C:/akarmi/kepek/kep.jpg, hanem csak simán kepek/kep.jpg tekintve, hogy a weblapod HTML állományai az akarmi könyvtárban vannak.

      - cyrex -

    • ifjuhorgasz
      2010. november 6. szombat - 20:31

      de így hogy kép…így hogy lesz gomb?…és foggalmam sincs mi az hogy scrollozható div…van esetleg olyan elérhetőséged ahol közvetlenül lehet beszélgetni?…MSN, Skype, ICQ…Bármi…?

    • 2010. november 7. vasárnap - 08:38

      Ez a videó bemutatja, hogyan kell Photoshopban megtervezni egy oldal kinézetét. A darabolás egy teljesen másik téma, majd lesz olyan videó is, de nem tudom még mikor mert hosszú a kívánságlista.

      Most kezdőknek szóló videók fognak következni, majd azokat nézd meg. MSN címet nem tudok adni, ha írsz e-mailt a cyrex@cyrex.hu-ra és van időm válaszolok, de azt nem fogom tudni Neked leírni, hogyan tudod földarabolni, mert az egy hosszabb folyamat, amivel néha órákat is elpöcsöl az ember.

      - cyrex -

    • ifjuhorgasz
      2010. november 7. vasárnap - 15:32

      Értem köszi…

    • ifjuhorgasz
      2010. december 9. csütörtök - 21:10

      engem még az is érdekelne, hogy (gondolom megcsinálni nem próbáltad, ha igen akkor elnézést) meg lehet-e csinálni gimp-pel ezt a sablont, mert az opendir.hu oldalon láttam hogy hogy an lehet websablont csinálni gimppel, de szeretnék ennél a sablonnál maradni mert nagyon tetszik…szóval az érdekelne hogy egyáltalán meg lehet-e csinálni ezt gimp-ben?

    • 2010. december 10. péntek - 08:40

      Fogalmam sincs, nem használok Gimp-et, nekem őrült körülményesnek tűnt a használata a Photoshophoz képest plusz instabil volt, állandóan fagyott :( Vitathatatlan előnye, hogy ingyenes, de professzionális munkára aligha alkalmas.

    • ifjuhorgasz
      2010. december 11. szombat - 11:53

      értem köszi…csakhát azért kérdeztem, mert gimphez találtam tutorialt hogy hogyan kell “szeletekre” vagy mikre szétvágni a képet és akkor azt utána html kóddal meg lehet csinálni…de GIMP-hez nem értek, úgy gondoltam megpróbálom a lépéseket oda átvinni de az nehéznek tűnt, nem sikerült…a html nekem meg nagyon bonyolult…főleg css-sel egybekötve…nagyon belezavarodtam, pedig a videók alapján könnyű lenne tanulni…de nekem a sok TAG, meg hogy melyik mit csinál…huh…nehéz megjegyezni…valamikor, persze csak később, lesz majd tutorial arról hogy a photoshop-os részt hogy kell szétvágni?…mert nekem nagyon tetszik ez a kinézet…photoshopot nagyon jól tudom használni…válaszodat előre is köszönöm…

    • 2010. december 11. szombat - 12:36

      A Gimp-et felejtsd el, Photoshop-ban van slice tool, de arról nem fogok videót készíteni, mert sosem használom, mindig kézzel darabolok. De a youtube-on van róla rengeteg anyag, pl. ez: http://www.youtube.com/watch?v=ndCfYykFCIU

      Vagy a tutorial.hu-n is van róla leírás:
      http://www.tutorial.hu/slice-tool-avagy-a-kepek-darabolasa/

    • ifjuhorgasz
      2010. december 11. szombat - 13:43

      újra köszi…és akkor ha “feldaraboltam” akkor utána vagy html-ben, vagy pedig weblapszerkesztő progiban hivatkozáshoz ráirányítom…igy már értem…köszi szépen…

  9. Hoszy
    2010. november 5. péntek - 22:44

    Bravó. Nagyon jó. Gratulálok hozzá! Nem tudom hogy te hogyan tudsz ilyeneket készíteni, én általában mindig csak egyszínűeket tudok, amik 80%-ban szürkék. Minden oldal amit terveztem az szürke centrikus lett, tehát én mindig megcsodálom az ilyen szép weboldalakat. Üdvözlettel:Hoszy

    U.i.: Nagyon örülnék, ha felvennéd velem a kapcsolatot, és véleményeznéd, kritizálnád pár munkámat, igaz, még gyerek cipőben járok e téren. Persze, csak ha van időd. A kapcsolatot felvenni velem a hoszy@citromail.hu e-mail címen, vagy a hoszy@hotmail.com MSN címen tudod felvenni. Üdvözlettel.:Hoszy

    • 2010. november 6. szombat - 15:23

      Szia!

      MSN-t nem tudok adni, de, ha írsz nekem a cyrex@cyrex.hu-ra, szívesen megnézem a munkáidat :)

      - cyrex -

    • 2010. november 11. csütörtök - 07:40

      Nem tudok válaszolni a leveledre, mert a citromail szerint spam és visszadobja. Használj másik levelezőt, a citromail a legszarabb ami létezik.

Hozzászólás