Jak dodać hiperłącza w programie Adobe Illustrator lub Photoshop
W przypadku każdego rodzaju projektu lub prezentacji często pomocne jest dołączenie linków do zasobów lub cytatów. Łatwo jest to zrobić na przykład w programie Microsoft Powerpoint lub Word. Ale co z naszymi ulubionymi programami do edycji obrazów?
Włączanie hiperłączy w Adobe Photoshop i Illustrator wymaga bardziej skomplikowanych procedur niż zwykłe wybieranie tekstu lub klikanie obrazu prawym przyciskiem myszy. Użytkownicy mogą jednak skorzystać z wbudowanych funkcji Adobe, aby wykonać to zadanie. Ci, którzy chcą dołączyć hiperłącze do określonego słowa, obrazu lub innego elementu w jednym z tych programów, muszą wykazać się pomysłowością.
Jak dodać hiperłącze w programie Photoshop
Aby umieścić hiperłącze w obrazie przy użyciu programu Adobe Photoshop, można skorzystać z narzędzia Slice, które umożliwia przypisanie określonego adresu URL do określonej części grafiki zamiast stosowania konwencjonalnych linków tekstowych. Ważne jest, aby pamiętać, że po utworzeniu takiego linku wynikowa kompozycja musi zostać zapisana i rozpowszechniona jako plik HTML, ponieważ nie obsługuje bezpośredniego udostępniania połączonych dokumentów jako plików PDF.
Krok 1: Otwórz plik Photoshop
W programie Adobe Photoshop otwórz żądany plik i wybierz odpowiednią lokalizację do umieszczenia hiperłącza. Zaleca się umieszczenie linku nad elementem tekstowym lub graficznym, takim jak “Zarezerwuj teraz” lub symbol mediów społecznościowych. Metoda ta ma zastosowanie niezależnie od tego, czy cały obraz składa się z płaskich elementów, czy też wykorzystuje warstwowanie w swojej kompozycji.
Krok 2: Użyj narzędzia Wycinanie
Aby uzyskać dostęp do narzędzia Wycinanie w programie Adobe Photoshop, należy najpierw wybrać i przytrzymać narzędzie Kadrowanie znajdujące się na pasku narzędzi. Ta czynność spowoduje wyświetlenie dodatkowych narzędzi, w tym narzędzia Slice, które jest reprezentowane przez ikonę noża. Alternatywnie, użytkownicy mogą skorzystać z wyznaczonego skrótu klawiaturowego (C, po którym następuje kropka), aby szybko zlokalizować narzędzie Slice w oprogramowaniu.
Po pierwsze, obrysuj żądany obszar na obrazie, tworząc prostokątną granicę za pomocą kursora wskaźnika. Po drugie, zwolnij przycisk myszy i utwórz punkt zakotwiczenia dla łącza w wybranej lokalizacji. Na koniec przeciągnij punkt zakotwiczenia w kierunku zamierzonego miejsca docelowego, przytrzymując lewy przycisk myszy, aż osiągnie ostateczną pozycję. Ważne jest, aby być precyzyjnym podczas rysowania ramki ograniczającej, aby upewnić się, że tylko zamierzona część obrazu zostanie połączona.
Krok 3: Dodaj swój adres URL
Zmodyfikuj instrukcje edycji nowo wstawionej grafiki w następujący sposób:1. Kliknij prawym przyciskiem myszy świeżo wstawiony obraz i wybierz “Edytuj opcje wycinka” z menu kontekstowego. Pojawi się okno dialogowe zawierające różne ustawienia konfiguracyjne.2. W tym oknie dialogowym znajdź pole URL i wprowadź w nim żądane hiperłącze. Aby połączona zawartość była wyświetlana w osobnej karcie przeglądarki, a nie zastępowała bieżącej strony, wprowadź “\_blank” w polu Target.3. Aby zwiększyć przejrzystość i dostępność, podaj opis obrazu w polu Alt Tag, a następnie kliknij “OK”, aby zapisać wprowadzone zmiany. Włączenie tekstu alternatywnego ma kluczowe znaczenie dla zwiększenia użyteczności elementów wizualnych przez osoby niepełnosprawne lub korzystające z technologii wspomagających.
Krok 4: Zapisz plik
najpierw kliknij “Plik” na górnym pasku menu, a następnie przejdź do “Eksportuj”. Następnie wybierz “Save for Web (Legacy)” z rozwijanej listy. Pojawi się okno dialogowe; upewnij się, że wszystkie inne ustawienia są ustawione na wartości domyślne, ale zmień opcję ustawień wstępnych na JPG lub PNG, wybierając jedną z dostępnych opcji. Na koniec kliknij “Zapisz”, aby zakończyć proces.
Wprowadź nazwę pliku, wybierz “HTML i obrazy” z rozwijanego menu formatu, a następnie kliknij “Zapisz”. Spowoduje to utworzenie pliku obrazu HTML wraz z powiązanymi obrazami wycinków. Pliki te można następnie wyświetlić za pomocą odpowiedniego oprogramowania, takiego jak przeglądarka internetowa.
Służąc alternatywnemu celowi w porównaniu do hiperłącza, można zastosować pomysłowe strategie w swoich projektach Photoshop, aby włączyć również kody QR.
Jak dodać hiperłącze w programie Illustrator
Adobe Illustrator udostępnia ukryte narzędzie Slice na swoim pasku narzędzi; jednak procedura cięcia w programie Illustrator różni się od tej w programie Photoshop i nie pozwala na zapisywanie posegmentowanej grafiki jako plików HTML. W związku z tym włączenie linków do plasterków wymaga ręcznego kodowania podczas późniejszej fazy tworzenia stron internetowych.
Co ciekawe, włączenie interaktywności w dokumencie PDF za pomocą programu Adobe Illustrator jest łatwe do osiągnięcia. Dzięki zastosowaniu kreatywnej metody znanej jako “maskowanie”, możliwe staje się ukrycie hiperłącza w obrębie własnej grafiki. Po kliknięciu wyznaczonego elementu projektu, ukryty link staje się aktywny i funkcjonalny.
Krok 1: Otwórz lub zaprojektuj plik programu Illustrator
Aby włączyć hiperłącze w programie Adobe Illustrator, należy najpierw utworzyć żądany układ w samym programie. Należy zauważyć, że takie podejście wygeneruje dynamiczny plik PDF z interaktywnymi możliwościami, które niekoniecznie muszą być dostosowane do każdego scenariusza projektowego.
Określ konkretne elementy, z którymi chcesz nawiązać połączenie, które mogą obejmować logo, dane kontaktowe lub ścieżki nawigacji do odpowiednich stron internetowych.
Krok 2: Dodaj adres URL
Aby upewnić się, że niektóre elementy projektu pozostaną niezmienione podczas edycji, możesz skorzystać z funkcji blokowania warstw w Adobe XD. Wybierając symbol kłódki znajdujący się obok ikony oka na panelu Warstwy, można zabezpieczyć wyznaczone warstwy projektu. Ponadto, w razie potrzeby, można wprowadzić dodatkową warstwę nad istniejącymi, klikając znak “\+” na panelu Warstwy. Celem tego kroku jest ułatwienie organizacji i promowanie przejrzystości w hierarchii projektu.
Aby utworzyć obiekt tekstowy za pomocą narzędzia Tekst w Adobe XD, wystarczy wybrać narzędzie z paska narzędzi i kliknąć w dowolnym miejscu obszaru roboczego bez przeciągania kursora. Spowoduje to automatyczne wygenerowanie symbolu zastępczego dla tekstu. Aby zastąpić ten symbol zastępczy rzeczywistą treścią, wklej pełny adres URL, który zawiera " http:// " i wypełnij wszelkie dodatkowe informacje, takie jak miejsca docelowe linków lub opisy. W razie potrzeby można dodać wiele linków w tym samym polu tekstowym.
Krok 3: Zmiana rozmiaru tekstu hiperłącza
Aby ukryć hiperłącza przed wzrokiem, należy rozszerzyć lub zmodyfikować zawartość tekstu, aby objąć region, do którego prowadzi łącze. Może to wymagać zmiany koloru tekstu, aby ułatwić widoczność jego położenia. Chociaż ta metoda nie jest powszechnie stosowana jako podejście do dostosowywania typografii w programie Adobe Illustrator ze względu na jej nieatrakcyjny wygląd po odsłonięciu, uważa się ją za dopuszczalną, biorąc pod uwagę, że zmanipulowany tekst pozostanie ukryty.
Użyj narzędzia Zaznaczanie (V), aby dostosować wymiary tekstu, tak aby obejmował cały obszar, w którym użytkownik zazwyczaj wchodzi w interakcję z hiperłączem.
Krok 4: Ukryj hiperłącza
Istnieją dwie metody ukrywania hiperłączy, z których każda daje porównywalne wyniki.
Umieszczając warstwę hiperłączy nad warstwą projektu i dostosowując jej krycie do zera po umieszczeniu wszystkich elementów, można uzyskać pożądany efekt wizualny. Aby to osiągnąć, wystarczy zaznaczyć wszystkie elementy w warstwie, zachowując zablokowaną warstwę projektu, a następnie nacisnąć Command \ + A (dla komputerów Mac) lub Control \ + A (dla systemu Windows), aby przełączyć krycie warstwy na zero procent.
Aby uzyskać przezroczyste tło dla treści na tej stronie internetowej, wykonaj następujące czynności:1. Przejdź do menu “Okno” u góry ekranu.2. Wybierz opcję oznaczoną “Właściwości”.3. Dostosuj suwak krycia znajdujący się w wyświetlonym oknie do wartości zero procent (0%). Spowoduje to, że wszelkie hiperłącza będą praktycznie niewidoczne, przy jednoczesnym zachowaniu integralności podstawowych pól tekstowych.
Alternatywne podejście polega na umieszczeniu hiperłączy pod elementami wizualnymi kompozycji. Umieszczając je na osobnej warstwie, można elastycznie modyfikować ich rozmieszczenie w panelu warstw. Przeniesienie hiperłączy do warstwy bazowej pozwala im pozostać ukrytymi pod innymi elementami projektu, które mogą następnie zasłonić je przed wzrokiem.
Jeśli nie przypisałeś hiperłączom konkretnej warstwy, rozmieszczenie ich za innymi elementami jest bardzo proste. W tym celu wystarczy kliknąć prawym przyciskiem myszy dane hiperłącze i wybrać opcję “Rozmieść” z menu kontekstowego. Następnie wybierz opcję “Wyślij do tyłu”.
Krok 5: Zapisz plik
Przejdź do menu “Plik”, a następnie kliknij opcję “Zapisz jako”. Pojawi się nowe okno, w którym można podać odpowiednią nazwę pliku dla dokumentu. Ważne jest, aby wybrać format PDF, wybierając “PDF” jako format pliku. Upewnij się, że nie jest to plik PDF gotowy do druku, ale raczej wersja uniwersalna.
Masz możliwość eksportowania plików Adobe Illustrator w różnych formatach poza .pdf, choć nie jest to zalecane do tworzenia interaktywnych hiperłączy. Aby uzyskać interaktywność z linkami w pliku pdf, należy go najpierw przekonwertować na format cyfrowy. Po zakończeniu zapisywania wystarczy nawigować po dokumencie, klikając dowolne osadzone hiperłącza.
Jeśli wymagane jest wydrukowanie projektu, zaleca się wygenerowanie kodu QR przy użyciu oprogramowania Adobe InDesign i Illustrator.
Łatwe dodawanie hiperłączy do projektów
Wykorzystanie hiperłączy w programach Illustrator i Photoshop może znacznie poprawić ogólną jakość projektów multimedialnych, takich jak projekty stron internetowych, biuletyny cyfrowe i prezentacje, zapewniając użytkownikom interaktywne wrażenia. Łącza te umożliwiają płynną nawigację do różnych miejsc docelowych, niezależnie od tego, czy jest to wciągająca wirtualna wycieczka, czy istotne źródło informacji, takie jak wpis w Wikipedii, ostatecznie wzbogacając spotkanie widza z treścią.