Előugró szöveg készítése az utasítható képeken: 7 lépés
Előugró szöveg készítése az utasítható képeken: 7 lépés
Anonim
Készítsen előugró szöveget utasítható képeken
Készítsen előugró szöveget utasítható képeken

Az Instructables képei rendelkeznek egy olyan funkcióval, ahol szöveget jelenítenek meg, amikor az egérmutatót a képek körvonalain mozgatja. Ezt a kép különösen érdekes részeinek címkézésére használják. Ez nagyon szép szolgáltatás, és valaki pontosan megkérdezte, hogyan történik az ilyesmi. Tehát itt egy tanulságos.:-)

Sajnos ez az Instructable többnyire elavult

1. lépés: Kiindulópont

Kiindulópont
Kiindulópont

Itt egy tipikus oktatható "felfedezés" oldalon vagyunk. Be vagyok jelentkezve az alattam

természetesen utasítható felhasználónév. Kattintson a "képek feltöltése" linkre a képkönyvtár eléréséhez.

2. lépés: Lépjen a Képkönyvtárba

Lépjen a Képkönyvtárba
Lépjen a Képkönyvtárba

Valószínűleg már betöltött néhány képet, a másik alapján, amit "valami" utasíthat. Kattintson a "képkönyvtár" linkre a már feltöltött fájlokat megjelenítő oldal eléréséhez.

3. lépés: Válasszon ki egy képet

Válasszon Képet
Válasszon Képet

Válassza ki és kattintson a képre, amelyhez felugró szöveget szeretne hozzáadni.

Ez az Instructables -t "képszerkesztő" módba kapcsolja az alapértelmezett felbontásban. Ugyanilyen "képszerkesztési" módban leszel, amikor képet adsz hozzá az általad létrehozott vagy szerkesztett Instructable -hez, így nem kell hozzáadnod az előugró ablakokat közvetlenül a feltöltés után, külön -külön az utasítások megadásától. Valójában valószínűleg ésszerűbb ezt az oktatható alkotás részeként megtenni (a többi lépés ugyanaz), ahol megvan a… szövegének kontextusa.

4. lépés: Hozza létre az egérmutatót

Hozza létre az egérmutatót
Hozza létre az egérmutatót

Kattintson egy pontra, és húzza a téglalap másik sarkába, amely tartalmazza a kép azon részét, ahol felugró szöveget szeretne megjeleníteni.

5. lépés: Adja hozzá a szöveget

Adja hozzá a szöveget
Adja hozzá a szöveget

Amikor elengedi az egérgombot, az Instructables szerkesztő felugrik egy szövegdobozba.

6. lépés: Kész?

Kész?
Kész?

Ha befejezte a szöveg bevitelét, kattintson a "mentés" gombra. Vagy kattintson a Mégse gombra, ha úgy dönt, hogy a doboz rossz helyen van, és újra szeretné próbálni. Egy képen több egérmutató is lehet; Nem tudom, van -e valódi határ. Az olvashatóság viszonylag kis számot igényel. Hasznosnak tartom, ha a dobozokat lényegesen nagyobbá tesszük, mint az általuk kiemelt elem. Ez egyértelműbbé és könnyebbé teszi a kiválasztást. A területek átfedhetik egymást, bár nagyjából ki kell választania egyet a nem átfedő részből. És nem lehet az egyik terület teljesen a másikban; csak a külső doboz fog működni. (Ennek az oktatóanyagnak néhány képe úgy tűnhet, mintha egy doboz lenne a másikban, de valójában csak egy doboz kívül van egy képernyő-rögzítésen, amely egy kisebb doboz képét tartalmazza.)

7. lépés: Ez nem ügyes?

Ez nem ügyes?
Ez nem ügyes?

Az egérmutató felugró szövegének ezen a ponton működnie kell.

Ne feledje, hogy az előugró szöveg az IMAGE-hez van társítva, nem pedig egy adott utasításhoz. Ha több utasítást tartalmaz ugyanazt a képet, akkor az előugró területek mindegyikben megjelennek, függetlenül attól, hogy ez megfelelő-e. Ha azt szeretné, hogy ugyanaz a kép különböző helyeken, különböző előugró szöveggel jelenjen meg, többször fel kell töltenie a képet. (A kép ebben a lépésben egy példa; az "intro" lépésben is használják, ahol az előugró ablak nem megfelelő.)

Ajánlott: