Kuidas luua Photoshopis hüperlinki?

click fraud protection
...

Looge kaks või enam klõpsatavat ala, lisades Photoshopis uusi lõike.

Pildi krediit: Pilt Adobe loal.

Adobe Photoshop CC tööriista Slice Tool abil saate muuta mis tahes pildi või pildi osa klõpsatavaks hüperlingiks. Selle funktsiooni konks seisneb selles, et hüperlingi toimimiseks peate pildi salvestama HTML-failina, mitte tavalise JPG- või PNG-vormingus. Õnneks on see funktsioon, mida igaüks saab kasutada, isegi kui te pole kodeerimise ekspert. Photoshop loob teie eest HTML-koodi ja manustab pildi veebisõbralikku pildivormingusse.

Samm 1

...

Valige "Slice Tool".

Pildi krediit: Pilt Adobe loal.

Avage Photoshopis mis tahes pilt. Ideaalis peaks see olema piisavalt suur, et veebibrauseris hästi kuvada. Valige tööriistakastist "Slice Tool". Kui see pole nähtav, klõpsake ja hoidke all kärpimistööriista või muud selle rühmas olevat tööriista, mis on nähtav, ja seejärel valige "Slice Tool".

Päeva video

2. samm

...

Lõike loomiseks lohistage kursor pildi kohale.

Pildi krediit: Pilt Adobe loal.

Lohistage kursor selle ala kohale, mida soovite klõpsata. Pildile ühe hüperlingi loomiseks võite lohistada kursori üle kogu pildi.

3. samm

...

Looge nii palju viile kui soovite.

Pildi krediit: Pilt Adobe loal.

Kui soovite rohkem kui ühte hüperlinki, lohistage Slice Tool kursor ainult pildi osa kohale. Pärast hiirenupu vabastamist saate järgmise hüperlingi jaoks luua teise lõigu. Soovi korral saate ühele pildile luua kümmekond või enam hüperlinki.

4. samm

...

Hüperlingi lisamiseks topeltklõpsake lõiku.

Pildi krediit: Pilt Adobe loal.

Topeltklõpsake viilu tööriistaga Slice Tool, et avada aken Slice Options. Hüperlingi loomiseks peate sisestama veebilehe aadressi väljale "URL". Kuigi muud väljad on valikulised, aitab nime kasutamine üht linki teisest eristada. "_blank" lisamine väljale Sihtmärk täpsustab, et link peaks avanema uuel veebibrauseri vahekaardil. Väli Alt Tag on tekst, mis kuvatakse, kui teie pilt ei ole nähtav mittegraafilistes brauserites või pildi laadimise ajal. Välja Sõnumi tekst kuvab brauser olekuribal URL-i asemel.

5. samm

...

Salvestage fail HTML-vormingus.

Pildi krediit: Pilt Adobe loal.

Kui lingid on valmis, valige menüüst Fail "Salvesta veebi jaoks". Valige eelseadistuseks kas "PNG-24" või "JPG", seejärel klõpsake nuppu "Salvesta". Klõpsake menüül "Format" ja valige "HTML ja pildid". See muudab failivormingu HTML-iks. Pärast nupu "Salvesta" klõpsamist loob Photoshop teie loodud pilti ja linke kasutades ühe HTML-lehe. Pildifail ise salvestatakse kausta Pildid. Laadige nii HTML-fail kui ka kaust Pildid üles oma veebisaidi samasse kataloogi, kasutades oma lemmik-FTP-klienti.

Näpunäide

Lihtsa tekstiredaktoriga, nagu Notepad, saate redigeerida HTML-faili koodi nagu mis tahes veebilehe puhul. Näiteks kui eelistate hoida oma veebisaidi pilte mõnes teises kaustas, saate määrata määratud kausta "/images" mis tahes valitud kaustaks ja seejärel pildi sellesse kausta teisaldada.

Veebilehel või meilis olevale pildile hüperlingi lisamiseks ei ole vaja Photoshopi. Enamik meiliprogramme sisaldab hüperlingi funktsiooni, mis on tavaliselt saadaval lihtsalt pildil paremklõpsates pärast selle sõnumisse sisestamist. Kui laadite pildi oma veebisaidile üles, saate selle lisada mis tahes lehele klikitava pildina, kasutades HTML5-koodi, näiteks: