Kako dodati hipervezu na JPEG sliku u Photoshopu

Kao IT stručnjaka, često me pitaju kako dodati hipervezu na JPEG sliku u Photoshopu. Evo kratkog pregleda kako to učiniti. Prvo otvorite sliku u Photoshopu. Zatim odaberite područje koje želite hipervezom. Da biste to učinili, kliknite na alat 'Odaberi' na alatnoj traci, a zatim kliknite i povucite da biste stvorili odabir. Nakon odabira kliknite na gumb 'Stvori hipervezu' na alatnoj traci. Ovo će otvoriti dijaloški okvir 'Umetni hipervezu'. U dijaloškom okviru 'Umetni hipervezu' morat ćete unijeti URL na koji se želite povezati u polje 'Veza na'. Zatim kliknite gumb 'OK'. To je to! Sada ste dodali hipervezu svojoj JPEG slici.

Željeti stvoriti web vezu na JPG koja se može kliknuti ? Photoshop je Adobeov svestrani softver za uređivanje grafike. Photoshop se može koristiti za obavljanje puno posla izvan tradicionalnih grafičkih zadataka. Možda izrađujete web stranicu i želite dodati fotografije koje će imati poveznice. Photoshop se može koristiti za dodavanje hiperveze na JPEG slike. Kada ti dodajte hipervezu na sliku pomoću Photoshopa , Photoshop također nudi HTML kôd tako da se slika može ugraditi na vaše web mjesto.

Kako dodati hipervezu na JPEG sliku u Photoshopu

Dodavanje hiperveze u JPEG u Photoshopu može se raditi za cijelu sliku ili dio slike. Mogućnost povezivanja slika u Photoshopu izvrsna je za dodavanje slika na web stranice. E-trgovina s drugih web stranica koja koriste slike može učiniti te slike klikabilnim. Također možete izraditi web stranice u Photoshopu kao jednu sliku i zatim dodati veze. Tako se web stranica može lijepo dizajnirati pomoću Photoshopa. Potrebni koraci:

1. Pripremite sliku
2. Dodajte hipervezu
3. Zadržati

1] Pripremite sliku

Otvorite sliku u Photoshopu tako da odete na Datoteka puno otvoren ili klikom Ctrl + O . Vidjet ćeš otvoren dijaloški prozor. Pronađite sliku, kliknite je i pritisnite otvoren . Također možete otvoriti sliku tako da je pronađete na svom računalu, zatim je kliknete desnom tipkom miša i odaberete Otvoreno od i izbor Adobe Photoshop . Drugi način da otvorite sliku u Photoshopu je pronaći sliku i kliknuti je i povući u Photoshop.

Ovo je slika na koju će se dodati hiperveze. Slika je banner za web stranicu pekare.

Slika na koju želite postaviti hipervezu može biti slika na kojoj trenutno radite. U oba slučaja neka slika bude atraktivna, ali ipak informativna kako bi privukla pozornost korisnika. Otvorenu sliku moguće je uređivati ​​i dodavati riječi Kliknite ovdje ili nešto što će reći korisnicima da kliknu.

Možete učiniti klikabilnom cijelu sliku ili samo dio nje. Ako namjeravate urediti otvorenu sliku kako biste od nje napravili vezu, možete jednostavno napisati Kliknite ovdje na njemu ili nešto što će korisnicima reći da kliknu.

kako promijeniti pozadinu

Kada izradite web stranicu u Photoshopu koju želite učiniti klikabilnom, morat ćete je izraditi i spremiti kao sliku. Zatim morate odlučiti gdje želite biti klikabilni. To su obično bili gumbi, slike, logotipi i drugi dijelovi web stranice na koje se može kliknuti. Moj način dodavanja hiperveza na sliku stvorenu u Photoshopu je spremanje Photoshop datoteke kao JPEG, zatim otvaranje JPEG datoteke u Photoshopu i dodavanje poveznica.

2] Dodajte hipervezu

Nakon što završite s pripremom slike i zadovoljni ste kako izgleda, možete prijeći na sljedeći korak. Definirajte dio ili dijelove slike na koje želite postaviti hipervezu. Bilo bi dobro da svoju gotovu sliku ili web stranicu spremite kao Photoshop PSD datoteku. To će vam omogućiti da napravite promjene na slici ako je potrebno. Zatim možete spremiti kopiju slike u drugom formatu datoteke kako biste dodali hipervezu. Budući da će se slika koristiti na webu, najbolje ju je spremiti kao JPEG i zatim dodati hipervezu. Možete dodati gumbe, tekst, ikone ili bilo što drugo na što želite postaviti hipervezu.

Izrezana slika

Sada kada ste sliku pripremili i sve je na svom mjestu, vrijeme je da dodate hipervezu. Prije nego što to možete učiniti, morat ćete izrezati dijelove slike na koje želite postaviti hipervezu.

Idite na lijevu alatnu traku i pronađite alat Slice, nalazi se na istom skočnom izborniku kao i alat Crop. Ako ne vidite alat Slicer, pritisnite i držite Alati za rezanje dok ne vidite skočni izbornik, tada možete kliknuti za odabir Alat za rezanje .

Nakon što ste odabrali alat Slicer, možete zaokružiti bilo što na slici što želite hipervezom.

Jednostavno zaokružite sliku, tekst, ikonu, gumb ili što god želite istaknuti. Kliknite i povucite element dijagonalno i vidjet ćete okvir s brojem i nekoliko linija. Svaki izrađeni fragment imat će broj. Oznaku isječka možete pomicati po slici kako biste je prilagodili pomoću tipki sa strelicama na tipkovnici. Također možete povećati ili smanjiti okvir isječka oko elementa tako da lebdite iznad bočne strane dok se ne pojavi dvostruka strelica, zatim kliknite i povucite.

Microsoftove profesionalne pogodnosti

U ovom članku 'Kliknite za više informacija' i kuharska kapa bit će hiperlinkovana, ovisno o tome što želite, možete dodati hiperveze na druge stavke. gazda ima može postojati hiperveza na početnu stranicu tako da korisnik bude odveden na početnu stranicu kad god klikne na nju. Kliknite za više informacija može se povezati na stranicu s dodatnim informacijama o prodaji ili bilo kojom drugom informacijom koju želite da korisnik pronađe.

Da biste dodali hipervezu na više mjesta na slici, jednostavno precrtajte svako područje jedno po jedno pomoću alata Slicer. Svakom isječku možete dodati isti ili različiti URL.

Ovo je slika s prikazanim fragmentima. Kuharska kapa i gumb Više informacija dijelovi su hiperveze. Međutim, slika ima linije zbog kojih izgleda kao da je izrezana u stol. To je zato što je slika zapravo izrezana i postavljena u tablicu, a zatim ih HTML zajedno sprema na web stranicu.

cortana suspendirana

Dodajte URL

Nakon što su isječci stvoreni, vrijeme je da isječcima dodate URL. Desnom tipkom miša kliknite isječke na koje ćete se pozivati ​​i odaberite Promjena opcija fragmenta .

Mogućnosti kriški pojavit će se dijaloški okvir za dodavanje informacija. Možete dodati Ime slike, i URL adresa na koju želite da korisnik bude preusmjeren kada klikne. Ako želite da se veza otvori u novoj kartici, upišite _prazan U Cilj polje. Kako bi veza bila lako dostupna osobama oštećena vida, dodajte opisni tekst Uzmi sve polje. Kada završite s unosom podataka, pritisnite FINO za potvrdu informacija i zatvaranje prozora. Ponovili biste korak za sve kriške.

Ovo je primjer kako popuniti dijaloški okvir opcija rezanja.

3] Spremi

Sada kada je slika pripremljena i hiperveze dodane, vrijeme je da je spremite kako bi se mogla koristiti na web stranici. Za spremanje idite na Datoteka Zatim Spremi za web ili kliknite Alt + Shift + Ctrl + S . U nekim verzijama Photoshopa morat ćete otići na 'Datoteka', a zatim Spremi za web (naslijeđe) .

Pojavljuje se dijaloški okvir Spremi za web.

ne mogu dodati Microsoft račun u Windows 10

Iznad gdje ima gif , kliknite padajuću strelicu i odaberite JPEG . Ovo će spremiti izlaz kao JPEG. JPEG je najbolji format slike za korištenje na webu zbog male veličine i činjenice da je Photoshop datoteku spremio kao bitmapu. Rasterske slike su najprikladnije za web. Kada je gotovo, kliknite Zadržati u donjem dijelu Dijaloški okvir Spremi za web .

Ovo će se otvoriti Spremi optimizirano kao prozor . Ići Format i izabrati HTML i slika kao format datoteke. Primijetit ćete da je ekstenzija naziva datoteke promijenjena u .html. Photoshop će spremiti HTML datoteku s hiperlinkovima na slike, kao i same slike. Odabrat ćete gdje želite spremiti mapu.

Kada spremate kao HTML, spremate više datoteka i mapa. Postoji HTML datoteka koja će izgledati kao zadani preglednik. Tu će također biti mapa s dijelovima slika koji su izrezani. Ne brinite, HTML kôd će pokupiti sve dijelove web stranice.

Prilikom spremanja datoteka, provjerite jesu li HTML datoteka i mapa slika spremljene na istom mjestu. HTML datoteka bit će povezana sa slikovnim datotekama pomoću lokacije datoteke. Možda ćete trebati stvoriti mapu da biste ih držali zajedno. Kada završite, kliknite Zadržati .

Kada završite sa spremanjem, idite na odabranu lokaciju i vidjet ćete HTML datoteku i mapu Slike. Ako kliknete na HTML web stranicu, vidjet ćete da se slika otvara kao web stranica i da se na poveznice može kliknuti. Međutim, neće vas odvesti na web stranicu ili internet, samo će reći da datoteke nisu dostupne. To je zato što su datoteke izolirane od aktivne web stranice.

Ako želite vidjeti HTML kod, možete desnom tipkom miša kliknuti HTML datoteku i odabrati 'Otvori s Notepadom