(elsõ rész)
Lap 1 | Lap 2 | 2. rész
rollover

Az aktív menü készítése hasonló a Plasztik menük készítéséhez azzal a különbséggel hogy van néhány változtatásbeli eltérés így JavaScript-el is mûködik egy weblapon.Néhány lépést kihagyhatsz attól függõen milyennek szeretnéd látni a menük részeit.A cdn a Goodies könyvtárban a PDS részben megtalálod a segítségként szolgáló fájlt, lásd mint a felsõ menüsor ezen a lapon.Ha nemakarsz újat csinalni modosíthatod a cdn levõt is.

The Active Tabs tutorial is similar to the Plastic Tab Menu tutorial, except there will be some modifications so it works with JavaScript on a web page. You may want to skip some steps depending on how you want your own tabs to look.

Ez a leírás két részbõl áll, a "2. egy quicktime movie"(a video jelenleg nem elérhetõ)amely bemutatja lépésrõl lépésre hogyan készíthetsz aktiv menüket Imagereadyben.Ebben a részben megtudhatod hogyan készítsd el a menükhöz szükséges alap elemeket.

This is a 2 part tutorial, the 2nd part is a QuickTime movie. The movie explains how to prepare the menu for the web in ImageReady. This 1st part explains how to make the graphics you'll need.

A menüknél ne használj túl nagy fájlméretû képeket mert minnél kevesebb szöveget vagy képet használsz annál gyorsabb lesz a menüd.

It's a good idea not to make your active tabs with too much detail. This is so the JavaScript images will load more quickly when a surfer visits your page.


File>New. Csinálj egy 450*150 pixel méretû képet , a Contents legyen White majd klikk ok.

First decide how wide your website layout will be (Usually 600 or 630 pixels wide). Now go to File>New. For this tutorial I'm going to use only 450 pixel, but you can enter whatever you like. Enter your width and choose at least 150 pixels for the Height. Select White for contents and click OK.


Edit>Preferences>Guides & Grid. Ahol a "Gridline Every"-t látod oda azt kell írnod hogy milyen széles menürészeket akarsz.Például ha az egész menüsorod mérete 600 pixel széles és 6 nyomógombot akarsz akkor azt írod a Gridline everyhez hogy 100.Ha 10 gombot akarsz 60at írsz.Mi 450 pixel széles képpel dolgozunk ezért 90et írunk 5 menürész elkészítéséhez.
Válaszd ki gridnek a pixel tipust , így lesz 90 pixel széles egy menü majd a Subdivisionshoz 1 et irj.Klikk ok. View>Show>Grid legyen aktív csak akkor láthatod a vonalakat.

Go to Edit>Preferences>Guides & Grid. Where it says "Gridline Every" you'll need to enter how wide you want your buttons, but it must be a number that divides into your image width number. For example, if your image is 600 pixels wide and you need 6 buttons, then you would enter 100. Because 100 goes into 600 six times. If you need 10 buttons, then you would divide 600 by 10, which equals 60 pixels. It comes out perfect when done this way. My width is 450 pixels so I will enter 90 for 5 buttons.

Now select Pixels for Grid. For Subdivisions enter 1. Click OK.


Kell egy új Layer.(window>show layers ha nemlenne aktív, majd általában jobb oldalt lenn a képernyõn találod a layer menüt.Itt találsz egy ikont ,Create new layer) Jobb oldali menüsorból válaszd ki a Rounded Rectangle Toolt.Radius 10 pixel.Rajzolj egy menüket ahogy a képen látod.

Make a new Layer. Select the Rounded Rectangle Tool. Radius: 10 Pixels. Start from the left side and draw your first tab. Pretend the grid is the bottom of your button. Consider making it a little taller for now.


Jelöld ki a menüd alját a Rectangle Marquee Toolal.Majd töröld ki .

Select the bottom of the tab with the Rectangle Marquee Tool. Press the delete key to delete it.


Tartsd lenyomva a Control gombot majd klikkelj a layer palettan a menünek a layerére amit az elõbb csináltál.Controll gombot engedd el majd az így kapott kijelölést mozgasd át a következõ mezõbe.

Hold down the Control Key [Mac: Command] and click on the tab layer to select the tab. After selected, drag the selection over to the next tab column (make sure it snaps into place).


Készíts új Layert és nevezd el Tab 2-nek.Használd a Paint bucket toolt(G betû PS6ban) majd színezd ki a menüt a neked tetszõ színnel.
A 6, lépéstõl izmételd a folyamatot addig meg nem csinálod mint az 5 menüt.

Make a new layer, name it Tab 2. Fill the selection in with another color for Tab 2.

Move the selection over to the 3rd column, make a new layer and continue until you have all your tabs with their own layers and names.


Következő lap >



Linkek: Társkereső könyv - Online Vásárlás - Szőrtelenítési Tippek