Jump to content
Sign in to follow this  
enisz

Sig készítése linkelt navigációval

Recommended Posts

Ebben a tutorialban azt szeretném bemutatni, hogy hogyan készíthettek az enyémhez hasonló linkelt navigációval ellátott aláírást. Feltételezem, hogy mindenkinek már készen van a saját aláírása a linkekkel együtt, ezért nem írnám le, hogy hogyan kell magát a siget elkészíteni, valamint azt, hogy tisztában van a BBcode-al való linkeléssel. Én most a saját sigemmel fogom bemutatni, hogy mit és hogyan kell csinálni.

 

playbar.png

Most a Slice Tool slice_tool.jpg ikonra kattintsunk, ezzel az eszközzel fogjuk szeletekre vágni a képünket. Ezeket a szeleteket úgy kell felosztani, hogy víszintesen ne legyen bennük törés, mert csak így tudjuk belinkelni a fórumra. (ügyeljetek arra is, hogy ha túl széles az aláírás, mint az enyém, akkor ne legyen olyan szeletetek, ami teljes szélességében az aláírás. Ezt úgy értem, hogy ne legyen 400 pixel széles szelet, hanem akkor azt a sort inkább darabold 2 oszlopra, mert a fórumoknak jó szokása, hogy a túl széles képeket automatikusan összenyomják, a 400 pixelt meg már általában sokallják...)

 

Az én aláírásomon így néznek ki a szeletek

 

sig_slices_th.png

NAGYOBB KÉPÉRT KATTINTS RÁ

 

Ha jobban megnézitek, nincs tört sor, az oszlopok elhelyezkedése viszont teljesen mindegy. Az a lényege, hogy a linkelni kívánt részeket külön szeletre kell osztani. Nekem ez az aláírás 21 szeletből áll, ezeket egyesével kell egymásmellé rakosgatni az aláírásban, majd azokat belinkelni, amelyiket szeretnénk.

 

Az egyszerűség kedvéért, számozzuk be a szeleteket. Ez a későbbiekben könnyíti majd meg a dolgunkat, ha sorba rakni, és linkelni szeretnénk. Ezt úgy tudjuk megtenni, hogy a Slice Toolt kijelölve, a Ctrl billentyűt nyomva tartva kettőt kattintunk egy szeletre. Ekkor a következő ablak ugrik elő

 

Untitled_2_01.gifUntitled_2_02.png

 

Itt most a legelső szeletet jelöltem ki. Ami minket ebből az ablakból érdekel, az a Name mező, valamint ha valaki pixelekkel is szeretne számolni, azoknak a lent lévő W (Width - Szélesség) és H (Height - Magasság) mezők is érdekesek lehetnek. Itt pixelre pontosan adhatunk meg méretet, valamint mellettük találhatók az X,Y mezők, ahol koordináták segítségével helyezhetjük el a szeleteket (a 0;0 pont a szelet bal felső sarka)

 

A Name mezőbe adjunk meg olyan értéket, amit könnyen be tudunk azonosítani a későbbiekben. Én az első szeletnek a 01-es nevet adom, így majd be tudom azonosítani linkelésnél, hogy az első szeletről van szó (azért 01, mert több mint 10 szeletünk van, és a fájlkezelők név szerint rakják sorba, aminek következtében sorban lesznek a fájlok).

 

Untitled_1_01.pngUntitled_1_02.png

Így menjünk sorba, végig az összes szeleten. Én azt javaslom, hogy mindegyiknek csak egy sorszámot adjatok meg névként (nem kötelező, de egyszerűbb lesz). Ha megvagytok ezzel, akkor utána el kell menteni. Ezt a File -> Save for Web and Devices... menüpont alatt tudjuk úgy megtenni, hogy a szeleteket külön mentse le (így ha animált aláírást készítettetek, azt is külön lementi animálva!)

 

web1.pngweb2.pngweb3.png

A felugró ablakban láthatjuk a munkánkat. A jobb oldali részen kiválasztottam a PNG-24-es értéket a legördülő menüből, mert az én képemben átlátszó pixelek is vannak, a PNG pedig támogatja az áttetszőséget, és több színt kezel a GIF 256 színével szemben (Transparent és Interlaced-et is kipipáltam, mivel szeretném, hogy áttetszőként mentse le). De mindig úgy kezdjétek el módosítani a beállításokat, hogy kijelölitek a szeleteket, amiknek szeretnétek módosítani a tulajdonságait. Ezt simán megtehetitek, ha a képeteken kijelölitek (simán be lehet keretezni) a szeleteket. Ha mindennel megvagytok nyomjatok egy Save gombot. Ekkor kérdez rá, hogy hova mentse.

Untitled_3_01.pngUntitled_3_02.png

 

Alul válasszuk ki a Fájl Típusa mezőnél az Images Only (*.png)-t (itt a png kiterjesztése helyére elvileg a saját képformátumodat rakja be, nem kell megijedni). Ha ezzel megvagyunk, nyomhatunk egy Mentés gombot.

 

A sig egyik részével készen is vagyunk. Ha megnézzük a helyet, ahova mentettük a munkánkat, találunk egy images mappát, benne az összes szelettel, külön lementve. Most annyi a dolgunk, hogy ezeket szépen sorban feltöltsük egy tárhelyre. Akár képfeltöltő szerverre, vagy saját tárhelyre. Én az utóbbit ajánlanám, mert ha később valamit ki szeretnénk javítani, vagy modosítani szeretnénk a sig-ünkön, akkor ezt egyszerűen le tudjuk cserélni úgy, hogy simán felülírjuk saját tárhelyen a képeket, és nem kell átírogatni a BBcode-ot a fórumban.

 

20080120213210txt1.png20080120213210txt2.png

A belinkeléshez annyit tanácsolnék, hogy mindenki egy sima txt fájlban csinálja meg először a saját gépén. A fenti képen látszik, hogy én hogyan oldottam meg, gondolom az is látszik, hogy saját tárhelyen vannak a képek :) Szerintem csináljátok ti is így, valamivel egyszerűbb. De aki ahogy szeretné :)

 

Nagyjából ennyi volt, remélem hasznosnak találjátok a tutorialt, amit írtam (remélem, mert rengeteg meló volt vele :D ), szal ha segítség kell, valami nem megy, vagy csak simán meg szeretnétek köszönni, ne habozzatok, a téma nyitott :)

Share this post


Link to post
Share on other sites

Köszönöm szépen a tutort! :) Időközben megtaláltam a nyitját, de volt egy két homályos rész! szóval 1000+1 kösz ;)

Share this post


Link to post
Share on other sites

az első művem

kép kiszedve, áttéve az aláírásomba

Share this post


Link to post
Share on other sites

nem tom nekem valami baj van....

 

Nem úgy rendezi a fórum a képet ahogy én szeretném...pedig ugyan úgy raktam be a linkeket ahogy te sorba és középre igazítva bb códdal de erre szétdobálja a képemet.....mi leheta probléma?

Share this post


Link to post
Share on other sites

ez a szétdobálja mit jelent? valami pontosabbat írhatnál :D legjobb lenne egy szkrínsát

Share this post


Link to post
Share on other sites

ilyet akarok

20080124195154devi2.JPG

 

Erre ilyet kapok :

 

devi.jpg

 

 

Share this post


Link to post
Share on other sites

remélem jól látszik így vágd ki:

 

igy.JPG

 

de az alsót az egyben is hagyhatod nem feltétlenül kell 2 vágni...

Share this post


Link to post
Share on other sites

ennek a képnek pl igy kell kinéznie

slice1

slice2slice3

slice4slice5

 

 

 

ami fontos, hogy illeszkedni kell egymáshoz a sliceoknak és külön sorba legyenek

ha illeszkedik a photoshop jelzi (más színe lesz a vonalnak)

Share this post


Link to post
Share on other sites

Fearzone, már pedig ez az aláírás túl nagy :) azt hiszem jobban jársz, ha nem teszed be :) (a maximálisan engedélyezett aláírás méret 400*100 pixel)

Share this post


Link to post
Share on other sites

nietzsche, megkérdeztem másik modit ő azt mondta oké lesz :( nem voltak meg a linkek amugy :(

Share this post


Link to post
Share on other sites

azt viszont sajnálom :(

Share this post


Link to post
Share on other sites

karibtenger3_www.kepfeltoltes.hu_.jpg

nah, én is műveltem vmi sig féleséget

Share this post


Link to post
Share on other sites

áh oda vok meg vissza... :D köszönöm a segítséget ^^

 

ehh már csak arra kell rájönnöm h miért nem müxik a link. :D

Share this post


Link to post
Share on other sites

lehet, hogy azért, mert nem linkelted be :D

Share this post


Link to post
Share on other sites

valószínűleg azért... :D 1 kérdés: azaláírsod jobb oldalán van egy 1cm es feleslegesen átlátszó rész?! az miért van ott??? :D

Share this post


Link to post
Share on other sites

passz nem tom miért van ez volt a photoshopban és így mentettem ki....

 

amúgy a url is meg a target menüpontban is ugyan az van mint amit a képen láttok link csak http:\\ vel eggyütt.

Share this post


Link to post
Share on other sites

majd keress meg pm-ben, juttatsd el valahogy a psd-t vagy a kész kisképeket, meg hogy hova és miként szeretnéd linkelni, és megnézem, hogy mit tehetek

Share this post


Link to post
Share on other sites

Köszi, megpróbálom.

Share this post


Link to post
Share on other sites

Köszi a tutoriált! :)

 

Nekem így sikerült:

 

 

sigem_01.gif

forum.gifsigem_03.gifkepupload.gif

sigem_05.gif

Share this post


Link to post
Share on other sites

igazán nincsmit :happy:

Share this post


Link to post
Share on other sites

Szia, most olvastam a turorialt. Tényleg nagyon hasznos :D kedvet kaptam és én is csinálok egyett, majd ha kész berakom ide ;) Még egyszer köszönöm :D

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Bejelentkezés

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×