Как вставить ссылку в иллюстраторе
Как сделать гиперссылку с текстом в Illustrator
Откройте существующий AI-файл Illustrator, содержащий текст, который вы хотите сделать гиперссылкой, или создайте новый документ Illustrator, щелкнув меню «Файл» и выбрав «Создать». Откроется диалоговое окно «Новый документ». Щелкните раскрывающееся меню «Профиль нового документа» и выберите тип документа. Например, если вы создаете рисунок Illustrator для Интернета, выберите «Интернет». Установите размер документа в полях «Ширина» и «Высота», затем нажмите «ОК».
Выберите инструмент «Текст», пятый инструмент на панели «Инструменты».
Щелкните место на странице, где вы хотите создать текстовую гиперссылку.
Введите желаемый текст.
Щелкните меню «Объект», выберите «Срез», затем выберите «Создать» во всплывающем меню. Illustrator создает новый фрагмент из выделенного текста. Когда вы создаете фрагмент, Illustrator преобразует выбранный объект в рисунок и помещает его в таблицу HTML.
Щелкните меню «Объект», выберите «Срез», затем выберите «Параметры среза» во всплывающем меню. Откроется диалоговое окно «Параметры среза».
Введите желаемый URL-адрес в поле «URL-адрес». Например, если URL-адрес является страницей на том же веб-сайте, что и страница, которая будет содержать это изображение, URL-адресом будет имя страницы, такое как «mypage.html». Если URL-адрес является страницей другого веб-сайта, введите полный путь к странице, например «//mywebsite.com/mypage.html».
Щелкните раскрывающееся меню «Цель» и выберите желаемую цель. Например, чтобы загрузить связанную страницу в том же окне браузера, выберите «_self». Чтобы загрузить страницу со ссылкой в новом окне браузера, выберите «_blank».
Щелкните меню «Файл» и выберите «Сохранить для Интернета и устройств». Откроется диалоговое окно «Сохранить для Web и устройств», в котором можно сохранить рисунок Illustrator как веб-страницу.
Нажмите кнопку «Сохранить». Откроется диалоговое окно «Сохранить оптимизированное как».
Введите имя этой страницы в поле «Имя файла».
Связь объектов с URL
Любой объект, созданный в программе Adobe Illustrator, может служить ссылкой на Web-страницу, если связать его со строкой URL (Uniform Resource Locator — «универсальный локатор ресурсов»). Эта возможность введена в программу для удобства подготовки иллюстраций для Web-страниц и позволяет присвоить необходимые ссылки еще до размещения иллюстрации в одну из специальных программ создания Web-страниц.
Ссылка на URL-адрес создается в палитре Attributes (Атрибуты) (рис. 13.7). В поле URL вводится или выбирается из имеющегося списка необходимый адрес.
Следует обратить внимание, что префикс http:// обязательно должен присутствовать в адресе.
Затем эту иллюстрацию следует экспортировать в форматы, используемые для размещения на Web-страницах, после чего можно будет их применять
в программе создания Web-страниц, например в программе Microsoft Internet Explorer (рис. 13.8). Об установке параметров при экспортировании изображений в указанные форматы см. разд. «Экспортирование изображения в форматы для Web-страниц» и «Экспортирование документа в формат JPEG» данной главы.
Рис. 13.7. Палитра Attributes
Для проверки корректности ссылки можно нажать кнопку Browser (Браузер), и если на данном компьютере инсталлирована программа Netscape Navigator (рис. 13.9) или Microsoft Explorer и в данный момент обеспечена связь с Internet-провайдером, программа Adobe Illustrator «передаст» все необходимые данные, чтобы было осуществлено подключение к указанному ULR-адресу.
Список палитры Attributes (Атрибуты) может хранить определенное количество ссылок, их число можно установить в диалоговом окне Palette Options (Параметры палитры) (рис. 13.10), которое вызывается одноименной командой меню палитры. По умолчанию устанавливается максимальное значение — 30.
Рис. 13.9. Отображение рисунка в Web-браузере программы MS Explorer
Рис. 13.10. Диалоговое окно Palette Options
Есть ли способ добавить гиперссылки в документ Illustrator?
Я создаю резюме в Illustrator и экспортирую его в PDF. Я только что прочитал статью, в которой говорилось, что это хорошая идея, что мы используем гиперссылки в резюме, чтобы работодатель мог просто нажать и не копировать адрес. Мне нравится эта идея, но я не знаю, как добавить гиперссылку на текст в Illustrator. Является ли это возможным?
В этом сообщении на форуме отмечается, что Illustrator обладает возможностями гиперссылок, но они больше связаны с экспортом в HTML, чем в PDF. Они не принесут вам много пользы.
Вы можете либо добавить ссылки в Acrobat после экспорта в PDF, либо сделать свое резюме в InDesign вместо Illustrator.
Если вы решите использовать Acrobat, это так же просто, как использовать инструмент «Ссылка» для создания прямоугольника, которому вы затем можете назначить ссылку. Когда приходит время обновить свое резюме и реэкспортировать в PDF, у вас есть несколько вариантов: вы можете выбрать все ссылки с помощью инструмента «Ссылка» или инструмента «Выбрать объект» и скопировать / вставить в обновленный документ или использовать Функция замены страниц для замены текущей страницы обновленной страницей (она сохраняет ссылки).
Если вы решите использовать InDesign, выделите текст, а затем введите ссылку в палитре «Гиперссылки». Просто убедитесь, что при экспорте PDF-файла вы устанавливаете флажок для включения гиперссылок.
Вы можете создавать гиперссылки в Illustrator через Attributes Panel :
Создайте свой текст:
Выберите Polygon из выпадающего списка Image Map :
Введите в свой любимый URL:
Лучшим подходом было бы создать резюме в InDesign, если вы его еще не создали:
появится могучая панель:
выделите текст и добавьте свой URL:
Вы можете дважды щелкнуть URL-адрес, если хотите внести какие-либо изменения:
Так как вы уже создали его, и если это текст, давайте добавим еще один отличный способ!
Откройте свой PDF в Acrobat Pro:
Выберите текст и щелкните правой кнопкой мыши, перейдите к Create Link :
Добавьте ваши свойства:
Выберите радио Open a web page и нажмите Next :
Фрагменты и карты ссылок
О фрагментах
Фрагменты документа Illustrator соответствуют ячейкам таблицы на итоговой веб-странице. По умолчанию область фрагмента экспортируется как файл изображения, заключенный в ячейку таблицы. Если нужно, чтобы ячейка таблицы содержала не файл изображения, а текст HTML и фоновый цвет, можно задать для фрагмента тип «Без изображения». Если требуется преобразовать текст Illustrator в текст HTML, можно задать для фрагмента тип «HTML-текст».
A. Фрагмент «Без изображения» B. Фрагмент «Изображение» C. Фрагмент «Текст HTML»
Когда создается фрагмент, Illustrator с помощью веб-таблицы делит окружающую графику на автофрагменты для сохранения макета. Существует 2 типа автоматически создаваемых фрагментов: автофрагменты и подфрагменты. Автофрагменты — это области объекта, которые не определены вами как фрагмент. Illustrator обновляет автофрагменты каждый раз, когда вы добавляете или редактируете фрагмент. Подфрагменты определяют, как будут делиться пересекающиеся пользовательские фрагменты. Хотя подфрагменты пронумерованы и обознаются символом «фрагмент», невозможно выделить их отдельно от основного фрагмента. Illustrator обновляет подфрагменты и автофрагменты по мере надобности во время работы пользователя.
Создание фрагментов
Выделите один или несколько объектов в монтажной области и выберите «Объект» > «Фрагменты» > «Создать».
Выделите один или несколько объектов в монтажной области и выберите «Объект» > «Фрагмент» > «Создать по выделенной области».
Разместите направляющие там, где требуется разделить объект на фрагменты, и выберите «Объект» > «Фрагменты» > «Создать по направляющим».
Выделите существующий фрагмент и выберите «Объект» > «Фрагменты» > «Создать дубликат фрагмента».
Совет. Чтобы размеры фрагмента соответствовали границам элемента в объекте, используйте команду «Объект» > «Фрагменты» > «Создать». При перемещении или изменении элемента область фрагмента автоматически корректируется для охвата нового объекта. С помощью этой команды можно также создать фрагмент, который включает текст и основные параметры форматирования из текстового объекта.
Совет. Если размеры фрагмента не должны зависеть от основного объекта, используйте инструмент «Фрагмент» и команду «Создать по выделенной области» или «Создать по направляющим». Фрагменты, созданные одним из этих способов, отображаются как элементы на палитре «Слои», и их можно перемещать, изменять и удалять так же, как и другие векторные объекты.
Выделение фрагментов
Кроме того, можно выделять фрагменты в окне иллюстрации одним из следующих способов:
Примечание. Выделить автофрагменты невозможно. Эти фрагменты недоступны.
Настройка параметров фрагмента
Параметры фрагмента определяют, как будет выглядеть и работать фрагмент на веб-странице.
Выделите фрагмент в окне иллюстрации, и выберите команду «Объект» > «Фрагменты» > «Параметры фрагмента».
В диалоговом окне Сохранить для Web и устройств дважды нажмите на фрагмент инструментом «Выделение фрагмента».
Выберите этот тип, если область фрагмента на веб-странице должна представлять собой файл изображения. Если нужно, чтобы изображение было ссылкой HTML, введите URL-адрес и целевой набор фреймов. Можно также задать сообщение, которое должно появляться в области статуса браузера, когда мышь находится над изображением, дополнительный текст, который должен появляться, когда изображение не отображается, а также цвет фона для ячейки таблицы.
Выберите этот тип, если требуется, чтобы область фрагмента на веб-странице содержала текст HTML и цвет фона. Введите текст для вывода в текстовом окне «Текст в ячейке» и отформатируйте его с помощью стандартных тегов HTML. Не вводите больше текста, чем можно отобразить в области фрагмента (если введено слишком много текста, он перейдет на соседние фрагменты и изменит макет веб-страницы; но так как текст не виден в монтажной области, это проявится только при просмотре веб-страницы в веб-браузере). Задайте параметры «По горизонтали» и «По вертикали» для изменения выравнивания текста в ячейке таблицы.
Этот тип становится доступным только при создании фрагмента, если выделить текстовый объект и выбрать команду «Объект» > «Фрагменты» > «Создать». На веб-странице текст Illustrator преобразуется в текст HTML с основными атрибутами форматирования. Чтобы отредактировать текст, обновите его в своем объекте. Задайте параметры «По горизонтали» и «По вертикали» для изменения выравнивания текста в ячейке таблицы. Можно также выбрать цвет фона для ячейки таблицы.
Совет. Чтобы отредактировать текст для фрагментов «Текст HTML» в диалоговом окне «Параметры фрагмента», выберите тип фрагмента «Без изображения». Это разрывает связь с текстовым объектом в монтажной области. Чтобы форматирование текста не учитывалось, введите как первое слово в текстовом объекте.
Блокировка фрагментов
Блокировка фрагментов предотвращает случайные изменения (например, перемещение или изменение размера).
Корректировка границ фрагментов
Если фрагмент создан с помощью команды «Объект» > «Фрагменты» > «Создать», позиция и размер фрагмента привязываются содержащемуся в нем объекту. Поэтому при перемещении или изменении размера объекта границы фрагмента корректируются автоматически.
Если фрагмент создается с помощью инструмента «Фрагмент», команды «Создать по выделенной области» или команды «Создать по направляющим», можно откорректировать фрагменты вручную следующими способами.
Можно объединять фрагменты, созданные любым методом. Выделите фрагменты и выберите «Объект» > «Фрагменты» > «Объединить фрагменты». В этом случае фрагмент получает свои размеры и позицию от прямоугольника, созданного путем соединения внешних краев объединенных фрагментов. Если объединенные фрагменты несмежные, имеют разные пропорции или выравнивание, новый фрагмент может пересечься с другими фрагментами.
Чтобы изменить размер всех фрагментов до границ монтажной области, выберите команду «Объект» > «Фрагменты» > «Обрезать по монтажной области». Фрагменты, выходящие за монтажную область обрезаются до размеров монтажной области, а автофрагменты, лежащие внутри монтажной области, расширяются до ее границ; ничего в объекте не меняется.
Удаление фрагментов
Чтобы убрать фрагменты, можно их удалить или освободить в соответствующем объекте.
Отображение и скрытие фрагментов
Создание карт ссылок
Карты ссылок позволяют связать одну или несколько областей изображения (так называемых активных областей) с URL-адресом. Когда пользователь нажимает активную область, веб-браузер загружает связанный с ней файл.
Основная разница между использованием карт ссылок и фрагментов для создания связей состоит в том, как объект экспортируется на веб-страницу. Использование карт ссылок сохраняет объект в виде единого файла изображения, а в случае использования фрагментов объект делится на несколько отдельных файлов. Еще одна разница между картами ссылок и фрагментами состоит в том, что карты позволяют связывать многоугольные или прямоугольные области в объекте, а фрагменты — только прямоугольные. Если нужно связать только прямоугольные зоны, лучше использовать фрагменты, а не карту ссылок.
Во избежание неожиданных результатов не создавайте активные области карты ссылок во фрагментах, содержащих URL-ссылки, так как в некоторых браузерах ссылки карты или ссылки фрагментов могут игнорироваться.
Table of Contents:
Illustrator отображает список всех изображений, которые связаны или встроены в ваш файл на панели ссылок; из этой панели вы можете встроить связанное изображение. Перед встраиванием удалите все изображения, которые не являются неотъемлемой частью готового графического объекта, например те, которые вы использовали только для справки, чтобы избежать ненужного увеличения размера файла. Процесс работает одинаково в Illustrator CS6 и Illustrator CC.
Встраивание изображений через панель ссылок. Кредит: Изображение предоставлено Adobe.
Меню Окно в Illustrator.credit: Изображение предоставлено Adobe.
Нажмите «Окно» и выберите «Ссылки», чтобы отобразить панель «Ссылки», если она еще не видна.
Панель ссылок с двумя выбранными изображениями. Кредит: Изображение предоставлено Adobe.
Выберите изображения, которые вы хотите встроить в панель ссылок.Чтобы выбрать все из них, щелкните по первому в списке, удерживайте «Shift» и щелкните по последнему; чтобы выбрать только некоторые из них, удерживайте «Ctrl» и нажимайте каждый из них.
Встраивание выбранных изображений с помощью Links pane.credit: Изображение любезно предоставлено Adobe.
Нажмите кнопку «Меню» на панели ссылок и выберите «Вставить изображения».






















