Help - Search - Members - Calendar
Full Version: design készítés
photoshop és webszerkesztés - tutorial.hu > www.tutorial.hu > Webdesign és honlapkészítés
Pages: 1, 2, 3, 4, 5, 6, 7
zoli1991
mivel készítsek designt egy oldalhoz? még eléggé kezdő vagyok de ne xara mert azon azért már túl vagyok
LeGaS
Adobe Photoshop vagy Macromedia Fireworks
zoli1991
photoshoppal hogy kell? mert arra még nem jöttem rá
Harder
Rajzolsz egy grafikát, szétvágod kisebb képekre, egy HTML szerkesztő programban pl. összerakod CSS vagy táblázatok segítségével.
zoli1991
amúgy a macromedia fireworxhoz vagy dreamweaverhez nincs magyarítás?
LeGaS
Nincs.
Harder
Nah, annyiszor hallottam már a kezdőkérdést, hogy úgy döntöttem nekiállok egy komplett leírásnak, ami végigmegy a photoshop-on és a dreamweaver-en és bemutatja, hogy lehet elkészíteni egy képből egy honlapot. smile.gif
Nem tudom mikorra lesz kész, de azért haladok vele.
cob
Ezt sokan várjuk "szerintem" Harder, előre is köszönjük up.gif
bíró
3'N is tongue.gif smile.gif !!
Harder
asszem kész vagyok vele, kitettem a lapra. Ha menet közben még eszembe jut vmi majd kiegészítem, a főlapra majd csak jövő héten kerül ki mert soron kívül készült el. smile.gif

http://www.tutorial.hu/content/view/362/28/

megjegyzés: 2 oldalas lett, szal tessék lapozni az alján. smile.gif
LeGaS
Bár én csak a PS részét olvastam el, de így is tanultam néhány dolgot.

Köszi!
RoolY
Jó hosszú lett, részletes, érthető. Jó

RoolY
toxin
szevasz lessétek meg ezt is

http://www.tutorialized.com/tutorial/CSS-T...geReady-CS/4997

smile.gif
cob
Szuper Harder! Gyorsan jött és érthető, köszi:)
- az ImageReady -vel nem lehet ilyet csinálni?
LeGaS
Megpróbálhatod IR-el, de avval sokkal nehezebb lesz. Az inkább GIF-ek animálására van. wink.gif
Harder
Biztos lehet, de nincs értelme ... a grafikát úgyis photoshop-ban csinálod meg, utána csak plusz meló átváltani imageready-re és ott folytatni a darabolást meg mentést.
joe04
QUOTE(Skullkid @ 2005. Mar 6., 08:28)
Megpróbálhatod IR-el, de avval sokkal nehezebb lesz. Az inkább GIF-ek animálására van. wink.gif
*



jaja
joe04
QUOTE(Harder @ 2005. Mar 5., 21:32)
asszem kész vagyok vele, kitettem a lapra. Ha menet közben még eszembe jut vmi majd kiegészítem, a főlapra majd csak jövő héten kerül ki mert soron kívül készült el. smile.gif

http://www.tutorial.hu/content/view/362/28/

megjegyzés: 2 oldalas lett, szal tessék lapozni az alján. smile.gif
*


csá
van msn-ed?
küld el lécci priviben
thx
a demo oldal szövegét fotosopban vagy drímvívörben csináltad?
mért kell a hátteret annyi szeletre felosztani?
nem elég négy részre?
Harder
msn-em nincs és nem chatelek. szöveg photoshop-ban készül. 4 részre nem elég, ez a minimális szeletszám amivel meg lehet normálisan csinálni. (persze ha a header-t és a footert csak 1-1 képként teszem be, akkor megúszható kevesebből is, de az nagyobb lapméretet eredményez és amúgy is csak max 1-2 perc munkát spórolsz meg vele)
joe04
QUOTE(Harder @ 2005. Mar 6., 10:16)
msn-em nincs és nem chatelek. szöveg photoshop-ban készül. 4 részre nem elég, ez a minimális szeletszám amivel meg lehet normálisan csinálni. (persze ha a header-t és a footert csak 1-1 képként teszem be, akkor megúszható kevesebből is, de az nagyobb lapméretet eredményez és amúgy is csak max 1-2 perc munkát spórolsz meg vele)
*



akkor én nem jól csinálom
nem szoktam csak négy részre felosztani:(
a weblapra a felvágott képeket táblázatokba kell rakni?
én így szoktam
joe04
QUOTE(Harder @ 2005. Mar 6., 10:16)
msn-em nincs és nem chatelek. szöveg photoshop-ban készül. 4 részre nem elég, ez a minimális szeletszám amivel meg lehet normálisan csinálni. (persze ha a header-t és a footert csak 1-1 képként teszem be, akkor megúszható kevesebből is, de az nagyobb lapméretet eredményez és amúgy is csak max 1-2 perc munkát spórolsz meg vele)
*


aza baj hogy nincs idő a tutorodat végigolvasni
meg amúgyse értem amit eddig elolvastam belőle sad.gif
Harder
A képet megnéztem, azt tudom mondani hogy így teljesen rossz a felvágás, de ha úgy gondolod nincs időd elolvasni amit írtam, nem tudok segíteni. Ott megkapnál minden választ, én most nem fogom újra leírni az egészet.
FlowM@N
QUOTE(joe04 @ 2005. Mar 6., 10:35)
aza baj hogy nincs idő a tutorodat végigolvasni
meg amúgyse értem amit eddig elolvastam belőle sad.gif
*



No, nekünk meg nincs időnk válaszolgatni a kérdéseidre. smile.gif
bíró
Sorry, lehet hogy hülyének tertetok, de "készítesz egy grafikát a Photoshop-ban
a grafikát felvágod slice-okra (szeletekre), olyan egységekben, ahogy azt a honlapon fel fogod használni (hátterek, gombok stb.) "
namost azt hogy érted, hogy "darabokra" ?!
html+images-ben mentsem el ?
bíró
Megintcsak sorry, de van itt valahol 1 olyan tutorial, hogy hogyan lehet használni a Photoshop-ot ?
valami tutorial...
me' amit írtál nekem nem derül ki belőle semmi sad.gif biggrin.gif .
Harder
QUOTE
namost azt hogy érted, hogy "darabokra" ?!

az egész tutorial erről szól, hogy kell felvágni darabokra a képet .. smile.gif

QUOTE
html+images-ben mentsem el ?

mentheted abba is, de a HTML fájlt úgysem használod fel, ezért írtam is hogy szerintem azt felesleges menteni. De ha akarod, mentsd wink.gif
Overdrive
QUOTE(bíró @ 2005. Mar 6., 14:37)
Megintcsak sorry, de van itt valahol 1 olyan tutorial, hogy hogyan lehet használni a Photoshop-ot ?
valami tutorial...
me' amit írtál nekem nem derül ki belőle semmi sad.gif biggrin.gif .
*



A helyzet az hogy, az egész oldal erről szól, szinte csak olyan tutorialok vannak.
Tirion
Vki tudja ez hányas photoshoppal lehet megcsinálni?
Harder
A módszer nem photoshop függő, szerintem 6-8 között biztos működik (8-assal 100%, 7-essel is 99.99% stb.) smile.gif Esetleg lehet hogy nincs a 6-os és 7-es verzióban save for web, már nem emlékszem.
bíró
QUOTE(Harder @ 2005. Mar 6., 15:19)
az egész tutorial erről szól, hogy kell felvágni darabokra a képet .. smile.gif

O.K. De hol találom pontosan ennek a leírását ?
vmi link ? pls !
Tirion
Harder:köszi nekem még az 5-ös van meg.
bíró:http://www.tutorial.hu/content/view/362/28/1/0/
toxin
akit érdekel egy komplett css oldal elkészítésének videója (angol) a Macromedia? Dreamweaver? MX 2004 Magic c. könyvből az szedje le a
http://safariexamples.informit.com/0735713782/Videos/ oldalról a 6-os videót, akit a könyv is érdekel az keressen rá a matuskán smile.gif

bíró
QUOTE(Harder @ 2005. Mar 5., 21:32)
asszem kész vagyok vele, kitettem a lapra. Ha menet közben még eszembe jut vmi majd kiegészítem, a főlapra majd csak jövő héten kerül ki mert soron kívül készült el. smile.gif

http://www.tutorial.hu/content/view/362/28/

megjegyzés: 2 oldalas lett, szal tessék lapozni az alján. smile.gif
*



Kösz Harder !
De áruldd el : van majdnem ugyanilyen leírás, csak nem html-lel hanem php-vel ?!
Mert az nekem nagyon jól jönne ... up.gif
Archie
a phpben is html tagekkel rendezed el az oldalt, esetleg css-t is használhatsz, de az alapja ugyanaz, mint itt...
a másik dolog pedig, csak akkor használj szvsz php-t, ha tényleg szükséged van rá. tehát ebben a leírásban olyan dolgot nem csinálunk, amihez php-re lenne szükség...
bordy
hello.

http://novolibro.hu/novoportal/index.php?o...=1&limitstart=6

inenn ezt a részt 1általán nem értem. van1 700x100 pixeles képem
de nem vágom mit kellene csinálni vele és hol. valaki magyarázza már el nekem deodosan pls smile.gif
amúgy már majdnem megvan mert 1 piros x jelenik meg fent az oldalon.

A kulcsa a dolognak az, hogy a fejlécben a képet középre kell elhelyezni és csempézett formában. Ehhez válasszátok ki a a fejlécképet és a jobboldalán készítsetek egy kijelölést, amely 3 pixel széles és a magassága pedig megegyezik a fejléckép magasságával. Ezt a kijelölést tegyétek a vágólapra (CTRL +C), nyissatok egy új dokumentumot és szúrjátok be a vágülapra kitett képrészletet. Ezután lépjetek be a Méretezés (Scale) módba (CTRL +T). Az egérrel a nyújtsátok a képet oldalsó irányban
norbre
Üdv!

remélem van aki olvassa még ezt a topicot biggrin.gif

szeretném kérni a segítségeteket
egy biz. stílusjegyekkel felvértezett oldalt csinálnék, és szeretnék kicsit ötleteket nyerni, csak az a baj hogy nem találok hasonló oldalakat v képeket.
Hogy milyen ez a bizonyos stílus? Valahogy úgy tudnám leírni, hogy mechanikus elemek lennének az oldalon, fogaskerekek, mozgó kis mütyürök, karok, stb, (asszem talán) a 18-19 sz stílusában. díszes elemek, néha kicsit fölöslegesnek tűnő megoldások.

Amit hasonlókat eddig össze tudtam vadászni kb ezek:

http://www.foxhome.com/lxg/
http://www.culturex.hu/
http://www.jinwicked.com/en/art/drawings/iconoclast.html
http://www.jinwicked.com/en/art/drawings/k...clockmaker.html

köszi

Siluro
Flash, vagy Javascript.... asszem biggrin.gif
norbre
QUOTE(Siluro @ 2005. Jun 17., 14:09)
Flash, vagy Javascript.... asszem biggrin.gif
*



ez gondolom nem nekem volt válasz? crazy.gif biggrin.gif
Rendo
QUOTE(Siluro @ 2005. Jun 17., 13:09)
Flash, vagy Javascript.... asszem biggrin.gif
*



Én se igazán értem mire válaszoltál. smile.gif
Siluro
De igen! Megnéztem az első linket és azon is ezek a kis marhaságok flashes cuccok. Ennek a lényege, hogy megszerkeszted a mozgását é, hogy mikor mire reagáljon és asszerint fog működni. Remélem nem mondtam sok hülyeséget, de én nem vagyok flash guru biggrin.gif , de azt láttam, hogy az oldal abból áll. Vagy pedig nekiállsz és photoshopban megszerkeszted a képeket, amik fixek lesznek.... remélem érted, bocsi, de mint mondtam már egy párszor, szarul tudok fogalmazni sorry.gif
norbre
QUOTE(Siluro @ 2005. Jun 17., 14:19)
De igen! Megnéztem az első linket és azon is ezek a kis marhaságok flashes cuccok. Ennek a lényege, hogy megszerkeszted a mozgását é, hogy mikor mire reagáljon és asszerint fog működni. Remélem nem mondtam sok hülyeséget, de én nem vagyok flash guru biggrin.gif , de azt láttam, hogy az oldal abból áll. Vagy pedig nekiállsz és photoshopban megszerkeszted a képeket, amik fixek lesznek.... remélem érted, bocsi, de mint mondtam már egy párszor, szarul tudok fogalmazni  sorry.gif
*



jaaa
köszi, de akkor félreértettél
nem az elkészítés módja érdekel, hanem hasonló dizájnokat keresek
Toto
Helló!

Van egy oldalam az art.2u.hu. Itt szeretném megoldani azt, hogy minden új oldalnál a felül lévő kép változzon. Van erre vmiféle megoldás?


Harder
google: random image script
LeGaS
Magyarul: http://www.tutorial.hu/content/view/317/28/
Lóri
kippróbáltam a tutort--vagyishogy tetszik ez a keret, és megmutatom, hogy énistudokilyen-agyonhasznált-marhaunalmasmert-sokhelyenvan keretet
http://lorisite.uw.hu/probalkozas/cucc.html
tongue.gif biggrin.gif
[marha büszke magára]
Siluro
QUOTE(Lóri @ 2005. Jul 2., 18:21)
kippróbáltam a tutort--vagyishogy tetszik ez a keret, és megmutatom, hogy énistudokilyen-agyonhasznált-marhaunalmasmert-sokhelyenvan keretet
http://lorisite.uw.hu/probalkozas/cucc.html
tongue.gif  biggrin.gif
[marha büszke magára]
*


Szerintem ez baromi sötét lett! Alig lehet elolvasni.... sad.gif
Tomi
Sziasztok

Szerintetek ez a darabolás így jó lesz?
Photoshopal készítettem.
Tirion
Hát ha te így szeretnéd... de táblázat helyett inkább használj css-t.
moikboy
QUOTE(Tomi @ 2005. Jul 5., 10:55)
Sziasztok

Szerintetek  ez a darabolás így jó lesz?
Photoshopal készítettem.
*



hát a darabolás jó lenne de maga a design elég nyomi... dry.gif
bíró
Van benne valami biggrin.gif laugh.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.