Cách thêm siêu liên kết trong Adobe Illustrator hoặc Photoshop

Với bất kỳ loại dự án hoặc bản trình bày nào, việc bao gồm các liên kết đến tài nguyên hoặc trích dẫn thường rất hữu ích. Chẳng hạn, thật dễ dàng để thực hiện việc này với Microsoft Powerpoint hoặc Word. Nhưng còn các chương trình chỉnh sửa hình ảnh yêu thích của chúng ta thì sao?

Việc kết hợp các siêu liên kết trong Adobe Photoshop và Illustrator đòi hỏi nhiều quy trình phức tạp hơn là chỉ chọn văn bản hoặc nhấp vào hình ảnh bằng nút chuột phải. Tuy nhiên, người dùng có thể sử dụng các tính năng tích hợp của Adobe để đạt được nhiệm vụ này. Đối với những người tìm cách đính kèm siêu liên kết vào một từ, hình ảnh cụ thể hoặc bất kỳ yếu tố nào khác trong một trong các chương trình này, họ phải rèn luyện khả năng sáng tạo của mình.

Cách thêm siêu liên kết trong Photoshop

Để kết hợp siêu liên kết trong một hình ảnh bằng Adobe Photoshop, người ta có thể tận dụng công cụ Slice cho phép gán một URL cụ thể cho một phần cụ thể của đồ họa thay vì sử dụng các liên kết dựa trên văn bản thông thường. Điều quan trọng cần lưu ý là sau khi tạo liên kết như vậy, bố cục kết quả phải được lưu và phân phối dưới dạng tệp HTML vì nó không hỗ trợ chia sẻ trực tiếp các tài liệu được liên kết dưới dạng tệp PDF.

Bước 1: Mở tệp Photoshop của bạn

Trong Adobe Photoshop, mở tệp mong muốn và chọn vị trí thích hợp để kết hợp siêu liên kết. Bạn nên đặt liên kết trên phần tử văn bản hoặc đồ họa, chẳng hạn như “Đặt ngay” hoặc biểu tượng mạng xã hội. Phương pháp này được áp dụng bất kể toàn bộ bức ảnh bao gồm các phần tử phẳng hay sử dụng tính năng phân lớp trong bố cục của nó.

Bước 2: Sử dụng Slice Tool

Để truy cập công cụ Slice trong Adobe Photoshop, trước tiên người ta phải chọn và duy trì áp lực lên công cụ Crop nằm trên thanh công cụ. Hành động này sẽ hiển thị các công cụ bổ sung, bao gồm công cụ Slice được biểu thị bằng biểu tượng con dao. Ngoài ra, người dùng có thể sử dụng phím tắt được chỉ định (C theo sau là dấu chấm) để nhanh chóng định vị công cụ Slice trong phần mềm.

trước tiên, phác thảo vùng mong muốn trong ảnh bằng cách tạo ranh giới hình chữ nhật bằng con trỏ. Thứ hai, nhả chuột và tạo điểm neo cho liên kết tại vị trí đã chọn. Cuối cùng, kéo điểm neo về phía đích đã định trong khi giữ nút chuột trái cho đến khi đến vị trí cuối cùng. Điều quan trọng là phải chính xác khi vẽ hộp giới hạn để đảm bảo rằng chỉ phần dự định của hình ảnh mới được liên kết.

Bước 3: Thêm URL của bạn

Sửa đổi hướng dẫn chỉnh sửa đồ họa mới được chèn như sau: 1. Nhấp chuột phải vào hình ảnh mới được chèn và chọn “Chỉnh sửa tùy chọn lát” từ menu ngữ cảnh. Một hộp thoại sẽ xuất hiện chứa các cài đặt cấu hình khác nhau.2. Trong hộp thoại này, tìm trường URL và nhập siêu liên kết mong muốn vào đó. Để hiển thị nội dung được liên kết trong một tab trình duyệt riêng thay vì thay thế trang hiện tại, hãy nhập “\_blank” trong trường Mục tiêu.3. Để tăng thêm sự rõ ràng và khả năng truy cập, hãy cung cấp mô tả đầy thông tin về hình ảnh trong trường Thẻ Alt, sau đó nhấp vào “OK” để lưu mọi thay đổi đã thực hiện. Điều quan trọng là kết hợp văn bản thay thế để nâng cao khả năng sử dụng các yếu tố trực quan của những người khuyết tật hoặc sử dụng công nghệ hỗ trợ.

Bước 4: Lưu tệp của bạn

trước tiên, hãy nhấp vào “Tệp” từ thanh menu trên cùng rồi điều hướng đến “Xuất”. Từ đó, chọn “Save for Web (Legacy)” từ danh sách thả xuống. Một hộp thoại sẽ xuất hiện; đảm bảo rằng tất cả các cài đặt khác được đặt về giá trị mặc định nhưng thay đổi tùy chọn đặt trước thành JPG hoặc PNG bằng cách chọn một trong các tùy chọn có sẵn. Cuối cùng, nhấp vào “Lưu” để hoàn tất quá trình.

Vui lòng nhập tên tệp, chọn “HTML và Hình ảnh” từ menu thả xuống định dạng, sau đó nhấp vào “Lưu”. Điều này sẽ tạo một tệp hình ảnh HTML cùng với mọi hình ảnh lát cắt được liên kết. Sau đó, bạn có thể xem các tệp này bằng phần mềm thích hợp như trình duyệt web.

Trong khi phục vụ mục đích thay thế so với siêu liên kết, người ta cũng có thể sử dụng các chiến lược sáng tạo trong dự án Photoshop của mình để kết hợp mã QR.

Cách thêm siêu liên kết trong Illustrator

Adobe Illustrator cung cấp công cụ Slice ẩn trong thanh công cụ của nó; tuy nhiên, quy trình cắt trong Illustrator khác với quy trình của Photoshop và không cho phép lưu đồ họa được phân đoạn dưới dạng tệp HTML. Do đó, việc kết hợp các liên kết vào các lát cắt đòi hỏi phải mã hóa thủ công trong giai đoạn phát triển web tiếp theo.

Thật đáng ngưỡng mộ, việc kết hợp khả năng tương tác trong tài liệu PDF thông qua Adobe Illustrator có thể thực hiện được một cách dễ dàng. Bằng cách sử dụng một phương pháp sáng tạo được gọi là’che đậy’, người ta có thể che giấu siêu liên kết trong tác phẩm nghệ thuật của mình. Khi nhấp vào một phần tử được chỉ định của thiết kế, liên kết ẩn này sẽ hoạt động và hoạt động.

Bước 1: Mở hoặc thiết kế tệp Illustrator

Để kết hợp siêu liên kết trong Adobe Illustrator, trước tiên người ta phải tạo bố cục mong muốn trong chính chương trình. Cần lưu ý rằng phương pháp này sẽ tạo ra một tệp PDF động có khả năng tương tác, có thể không nhất thiết phải phục vụ cho mọi kịch bản thiết kế.

Xác định các yếu tố cụ thể mà bạn muốn thiết lập kết nối, có thể bao gồm logo, chi tiết liên hệ hoặc đường dẫn điều hướng đến các trang web có liên quan.

Bước 2: Thêm URL

Để đảm bảo rằng các thành phần thiết kế nhất định không bị thay đổi trong quá trình chỉnh sửa, bạn có thể sử dụng chức năng khóa các lớp trong Adobe XD. Bằng cách chọn biểu tượng ổ khóa nằm gần biểu tượng con mắt trên bảng điều khiển Lớp, bạn có thể bảo mật (các) lớp thiết kế được chỉ định của mình. Ngoài ra, nếu muốn, bạn có thể giới thiệu một lớp bổ sung phía trên các lớp hiện có thông qua hành động đơn giản là nhấp vào dấu “+” trên bảng điều khiển Lớp. Mục đích của bước này là để tạo điều kiện thuận lợi cho việc tổ chức và thúc đẩy sự rõ ràng trong hệ thống phân cấp dự án của bạn.

Để tạo đối tượng văn bản bằng công cụ Văn bản trong Adobe XD, chỉ cần chọn công cụ từ thanh công cụ và nhấp vào bất kỳ vị trí nào trên bản vẽ của bạn mà không cần kéo con trỏ. Điều này sẽ tự động tạo một trình giữ chỗ cho văn bản. Để thay thế phần giữ chỗ này bằng nội dung thực tế, hãy dán URL hoàn chỉnh, bao gồm “ http://” và điền bất kỳ thông tin bổ sung nào như đích đến liên kết hoặc mô tả. Bạn có thể thêm nhiều liên kết trong cùng một hộp văn bản nếu muốn.

Bước 3: Thay đổi kích thước văn bản siêu liên kết

Để ẩn các siêu liên kết khỏi tầm nhìn, hãy mở rộng hoặc sửa đổi nội dung văn bản để bao quanh vùng được liên kết tới. Điều này có thể liên quan đến việc thay đổi màu văn bản để tạo điều kiện hiển thị vị trí của nó. Mặc dù phương pháp này không được sử dụng phổ biến như một phương pháp để điều chỉnh kiểu chữ trong Adobe Illustrator do vẻ ngoài không hấp dẫn của nó khi lộ ra, nhưng nó được coi là có thể chấp nhận được vì văn bản bị thao tác sẽ vẫn bị ẩn.

Sử dụng Công cụ lựa chọn (V) để điều chỉnh kích thước văn bản của bạn, sao cho nó trải rộng trên toàn bộ khu vực nơi người dùng thường tương tác với siêu liên kết.

Bước 4: Ẩn Hyperlink

Có hai phương pháp để che giấu siêu liên kết, mỗi phương pháp đều cho kết quả tương đương.

Bằng cách định vị lớp siêu liên kết phía trên lớp thiết kế và điều chỉnh độ mờ của nó về 0 sau khi tất cả các thành phần đã được đặt đúng chỗ, bạn có thể đạt được hiệu ứng hình ảnh mong muốn. Để thực hiện điều này, chỉ cần chọn tất cả các mục trong lớp trong khi vẫn khóa lớp thiết kế, sau đó nhấn Command + A (đối với Mac) hoặc Control + A (đối với Windows) để chuyển độ mờ của lớp về 0 phần trăm.

Để có được nền trong suốt cho nội dung trên trang web này, vui lòng làm theo các bước sau:1. Điều hướng đến menu “Cửa sổ” ở đầu màn hình của bạn.2. Chọn tùy chọn có nhãn “Thuộc tính”. “3. Điều chỉnh thanh trượt độ mờ nằm ​​trong cửa sổ xuất hiện với giá trị 0 phần trăm (0%). Điều này sẽ khiến mọi siêu liên kết hầu như vô hình trong khi vẫn duy trì tính toàn vẹn của các hộp văn bản bên dưới.

Một cách tiếp cận khác liên quan đến việc định vị các siêu liên kết bên dưới các thành phần trực quan trong bố cục. Bằng cách đặt chúng trên một lớp riêng lẻ, người ta có thể linh hoạt sửa đổi cách sắp xếp của chúng trong bảng điều khiển lớp. Việc chuyển các siêu liên kết xuống lớp cơ sở cho phép chúng vẫn tồn tại trong khi bị ẩn bên dưới các tính năng thiết kế khác mà sau đó có thể che khuất chúng khỏi tầm nhìn.

Nếu bạn chưa phân bổ một lớp cụ thể cho các siêu liên kết của mình, việc sắp xếp chúng ở vị trí phía sau các phần tử khác rất đơn giản. Để đạt được điều này, chỉ cần nhấp chuột phải vào siêu liên kết được đề cập và chọn “Sắp xếp” từ menu ngữ cảnh. Sau đó chọn “Gửi để quay lại”.

Bước 5: Lưu tệp của bạn

Vui lòng điều hướng đến menu “Tệp” và sau đó nhấp vào tùy chọn “Lưu dưới dạng”. Một cửa sổ mới sẽ xuất hiện trong đó bạn có thể cung cấp tên tệp phù hợp cho tài liệu của mình. Điều cần thiết là bạn phải chọn định dạng PDF bằng cách chọn “PDF” làm định dạng tệp. Hãy đảm bảo rằng đây không phải là bản PDF sẵn sàng để in mà thay vào đó là một phiên bản đa năng.

Bạn có tùy chọn xuất các tệp Adobe Illustrator của mình ở nhiều định dạng khác nhau ngoài.pdf, mặc dù điều này không được khuyến nghị để tạo các siêu liên kết tương tác. Để đạt được khả năng tương tác với các liên kết trong tệp pdf, trước tiên tệp đó phải được chuyển đổi sang định dạng kỹ thuật số. Sau khi hoàn tất việc lưu, chỉ cần điều hướng qua tài liệu bằng cách nhấp vào bất kỳ siêu liên kết nào được nhúng.

Nếu bạn yêu cầu in thiết kế của mình, bạn nên tạo mã QR bằng phần mềm Adobe InDesign và Illustrator.

Dễ dàng thêm siêu liên kết vào dự án của bạn

Việc kết hợp các siêu liên kết trong Illustrator và Photoshop có thể nâng cao đáng kể chất lượng tổng thể của các dự án đa phương tiện như thiết kế web, bản tin kỹ thuật số và bản trình bày bằng cách cung cấp trải nghiệm tương tác cho người dùng. Các liên kết này cho phép điều hướng liền mạch đến nhiều điểm đến khác nhau, cho dù đó là chuyến tham quan ảo hấp dẫn hay nguồn thông tin thích hợp như mục Wikipedia, cuối cùng sẽ làm phong phú thêm trải nghiệm của người xem với nội dung.