Kako mogu stvoriti hipervezu u Photoshopu?

Korištenjem alata Slice Tool u Adobe Photoshop CC, možete pretvoriti bilo koju sliku ili dio slike u hipervezu na koju je moguće kliknuti. Začkoljica ove značajke je u tome što, kako bi hiperveza radila, morate spremiti sliku kao HTML datoteku, a ne kao obični JPG ili PNG. Srećom, ovo je značajka koju svatko može koristiti, čak i ako niste stručnjak za kodiranje. Photoshop stvara HTML kod za vas i ugrađuje sliku u format slike prilagođen webu.

1. korak

Otvorite bilo koju sliku u Photoshopu. U idealnom slučaju, to bi trebalo biti nešto dovoljno veliko da se dobro vidi u web pregledniku. Odaberite "Slice Tool" iz Toolboxa. Ako nije vidljiv, kliknite i držite donji desni kut alata za obrezivanje ili drugog alata u njegovoj grupi koji je vidljiv, zatim odaberite "Alat za rezanje".

2. korak

Povucite kursor preko područja na koje želite da se može kliknuti. Za stvaranje jedne hiperveze na slici, možete povući kursor preko cijele slike.

3. korak

Povucite kursor Slice Tool preko samo dijela slike ako želite više od jedne hiperveze. Nakon što otpustite tipku miša, možete stvoriti drugi isječak za sljedeću hipervezu. Ako želite, možete stvoriti desetak ili više hiperveza na jednoj slici.

4. korak

Dvaput kliknite na rez alatom Slice Tool da biste otvorili prozor Slice Options. Da biste stvorili hipervezu, morate upisati adresu web stranice u polje "URL". Dok su ostala polja izborna, korištenje naziva pomoći će u razlikovanju jedne veze od druge. Dodavanje "_blank" u ciljno polje navodi da se veza treba otvoriti u novoj kartici web preglednika. Polje Alt Tag je tekst koji se prikazuje ako vaša slika nije vidljiva u negrafičkim preglednicima ili dok se slika učitava. Polje teksta poruke preglednik prikazuje umjesto URL-a u statusnoj traci.

Korak 5

Odaberite "Spremi za web" iz izbornika Datoteka nakon što su vaše veze dovršene. Odaberite "PNG-24" ili "JPG" kao unaprijed postavljenu postavku, zatim kliknite gumb "Spremi". Pritisnite izbornik "Format" i odaberite "HTML i slike". Ovo mijenja format datoteke u HTML. Nakon što kliknete "Spremi", Photoshop stvara jednu HTML stranicu koristeći sliku i veze koje ste stvorili. Sama slikovna datoteka sprema se u mapu Slike. Učitajte i HTML datoteku i mapu Slike u isti direktorij na svojoj web stranici koristeći svoj omiljeni FTP klijent.

Savjet

S osnovnim uređivačem teksta kao što je Notepad, možete uređivati ​​kod HTML datoteke kao što biste to učinili s bilo kojom web stranicom. Na primjer, ako želite zadržati slike svoje web stranice u drugoj mapi, možete promijeniti navedenu mapu "/images" u bilo koju mapu koju odaberete, a zatim premjestiti sliku u tu mapu.

Ne trebate Photoshop za dodavanje hiperveze na sliku unutar web stranice ili e-pošte. Većina programa za e-poštu uključuje značajku hiperveze, koja je obično dostupna desnim klikom na sliku nakon što je umetnete u poruku. Ako prenesete sliku na svoje web mjesto, možete je dodati kao sliku koju je moguće kliknuti na bilo koju stranicu pomoću HTML5 koda kao što je: