Cara Membuat Hyperlink di Photoshop

Apabila anda membuat grafik bitmap di Adobe Photoshop untuk penggunaan dalam talian, anda boleh mengatur gambar anda supaya gambar tersebut berkorelasi dengan URL yang menghubungkan di dalam atau di luar laman web. Walaupun Photoshop tidak akan menggantikan aplikasi pembangunan laman web yang lengkap, ia sepenuhnya dapat memberikan anda gambar dan kod HTML yang anda perlukan untuk tempat panas yang dapat diklik dalam keseluruhan reka bentuk laman web. Sebaik sahaja anda membina grafik hyperlink anda di Photoshop, masukkan ke dalam laman web pelanggan atau syarikat.

1

Tekan "C" untuk memilih alat Slice. Pilih gaya potongan di bar Pilihan. Dalam mod Normal lalai, anda mengklik dan menyeret pada kawasan gambar dokumen anda untuk membuat potongan. Masukkan perkadaran berangka untuk membuat nisbah tinggi ke lebar untuk gaya Nisbah Aspek Tetap. Perhatikan bahawa nilai ini tidak mewakili dimensi sebenar. Untuk memasukkan ukuran potongan tertentu, pilih gaya "Ukuran Tetap".

2

Klik dan seret pada dokumen anda untuk membuat potongan. Sekiranya anda telah menambahkan peraturan panduan pada gambar anda, klik pada kotak centang "Slices From Guides" di bar Pilihan sehingga Photoshop membuat potongan secara automatik mengikut panduan anda.

3

Tekan "Shift-C" untuk beralih ke alat Slice Select. Kerana ia bersarang dengan alat Slice dan berkongsi pintasan papan kekunci yang sama, anda perlu menggunakan kekunci pengubah untuk beralih dari alat ke alat bersarang.

4

Klik dua kali pada slice yang ingin anda tetapkan URLnya, membuka kotak dialog Slice Options. Ketik atau tampal URL anda ke medan kemasukan data URL, menggunakan format URL relatif atau penuh. URL relatif memuatkan lokasi yang berada di dalam laman web yang mengandungi pautan. URL mutlak bermula dengan "//" dan merangkumi pautan penuh ke halaman, yang biasanya dimuat dari laman web lain.

5

Tentukan lokasi pemuatan halaman di medan kemasukan Sasaran. Untuk membuka tetingkap penyemak imbas baru untuk halaman yang anda muatkan, masukkan "_blank" tanpa tanda petik. Untuk mengganti kandungan halaman semasa dengan halaman baru, masukkan "_self" tanpa tanda petik.

6

Hasilkan kod HTML yang mendasari pautan yang anda tambahkan. Buka menu "Fail" dan pilih "Simpan untuk Web & Peranti" untuk mengakses keupayaan pengoptimuman dan eksport Photoshop. Sebaik sahaja anda memilih tetapan output gambar dan klik pada butang "Simpan", anda memasukkan kotak dialog Save Optimized As. Tetapkan Format untuk memasukkan HTML dalam eksport fail anda dan pilih pilihan HTML.