Как сделать кликабельную ссылку в фотошопе
Ссылки позволяют выполнять переход к другим местам того же документа, к другим электронным документам, в том числе вложениям, и к веб-сайтам. Ссылки можно использовать, чтобы запускать действия или обеспечивать читателю немедленный доступ к нужной информации. Также можно добавить действия для воспроизведения звука или фильма.
Создание ссылки с использованием инструмента «Ссылка»
Выберите Инструменты > Редактировать PDF > Ссылка > Добавить или изменить.
Курсор превращается в перекрестие (+), и любые ссылки, существующие в документе, в том числе невидимые, временно становятся видимыми.
Обведите прямоугольником место, для которого нужно создать ссылку. Это область, в которой ссылка активна.
Перейти к странице
Выберите файл назначения и нажмите «Выбрать». Если файл является документом PDF, то укажите, каким образом следует открыть документ (например, в новом окне или в существующем окне) и нажмите «ОК».
Если имя файла слишком длинное и не умещается в текстовом поле, то средняя часть имени урезается.
Введите URL-адрес веб-страницы назначения.
Ссылку можно изменить в любое время. Можно изменить активную область или связанное со ссылкой действие, удалить или изменить размеры прямоугольника ссылки, а также задать другое место назначения ссылки. Изменение свойств существующей ссылки влияет только на выбранную ссылку. Если ссылка не выбрана, то свойства будут применены к следующей созданной ссылке.
Чтобы одновременно изменить свойства нескольких ссылок, выберите их, выделив прямоугольником с помощью инструмента «Ссылка» или Выбрать объект .
Перемещение и изменение размеров прямоугольника ссылки
Выберите инструмент добавления или изменения ссылки (Инструменты > Редактировать PDF > Ссылка > Добавить или изменить).
Чтобы переместить прямоугольник ссылки, перетащите его мышью.
Чтобы изменить размеры прямоугольника ссылки, перетащите мышью любую угловую точку.
Изменение внешнего вида ссылки
Выберите инструмент добавления или изменения ссылки (Инструменты > Редактировать PDF > Ссылка > Добавить или изменить).
На вкладке «Оформление» диалогового окна Свойства ссылки выберите цвет, толщину линий и стиль линий для ссылки.
Не изменяет вид ссылки.
Изменяет цвет ссылки на противоположный.
Изменяет цвет контура ссылки на противоположный.
Создает вид рельефного прямоугольника.
Параметры «Тип ссылки», «Цвет» и Стиль линии недоступны, если для параметра «Оформление» выбрано значение «Невидимый».
Выберите значение «Невидимый прямоугольник» для параметра «Тип ссылки», чтобы пользователи не видели ссылку в документе PDF. Установить для ссылки невидимое оформление полезно, если ссылка располагается над изображением.
Свойства ссылки в диалоговом окне Создать ссылку применяются ко всем новым ссылкам до тех пор, пока свойства не будут изменены. Чтобы повторно использовать настройки внешнего вида для ссылки, нажмите правой кнопкой мыши ссылку, свойства которой нужно использовать по умолчанию, и выберите команду «Использовать данное оформление по умолчанию».
Изменение действий ссылки
Выберите инструмент добавления или изменения ссылки (Инструменты > Редактировать PDF > Ссылка > Добавить или изменить).
На вкладке «Действия» диалогового окна Свойства ссылки выберите из списка действие, которое нужно изменить, и нажмите «Правка».
Удаление ссылки
Выберите инструмент добавления или изменения ссылки (Инструменты > Редактировать PDF > Ссылка > Добавить или изменить).
Не следует путать вложенные файлы с файлами, которые могут быть открыты по ссылке. Связанные ссылками документы могут храниться в различных местах; вложенные файлы всегда сохраняются вместе с документом PDF.
Перейдите к тому месту, где нужно создать ссылку. Если это место находится во вложенном файле, нажмите кнопку «Вложения» в области навигации, выберите вложенный файл и дважды нажмите на него.
Выберите Инструменты > Редактировать PDF > Ссылка > Добавить или изменить, затем выберите область для ссылки.
В диалоговом окне Создать ссылку установите вид ссылки, выберите Перейти к странице , а затем нажмите кнопку «Далее».
Установите нужный номер страницы и масштаб в родительском документе PDF или вложенном файле, а затем нажмите Установить ссылку .
Место назначения является конечным пунктом ссылки и представлено текстом на панели «Места назначения». Места назначения позволяют задать пути навигации по набору документов PDF. Создание ссылки на место назначения рекомендуется при организации связей между документами, так как в отличие от ссылки на страницу ссылка на место назначения не изменяется при добавлении или удалении страниц в целевом документе.
Управляйте местами назначения с помощью панели «Места назначения» в области навигации.
Просмотр мест назначения
Выберите Просмотр > Показать/Скрыть > Области навигации > Места назначения . Все места назначения автоматически сканируются.
Сортировка списка мест назначения
Чтобы сортировать места назначения в алфавитном порядке, нажмите заголовок «Имя» в верхней части панели «Места назначения».
Изменение или удаление мест назначения
Чтобы перейти к целевому местоположению, выберите Перейти по ссылке .
Чтобы удалить место назначения, выберите «Удалить».
Чтобы изменить конечную точку места назначения отображаемой страницы, выберите Установить место назначения .
Чтобы дать месту назначения другое имя, выберите «Переименовать».
Ссылку на место назначения можно создать в том же или в другом документе PDF.
В целевом документе (место назначения) выберите в меню Просмотр > Показать/Скрыть > Области навигации > Места назначения . Если в документе уже есть место назначения, с которым нужно установить связь, перейдите к пункту 5.
На панели «Места назначения» выберите пункт «Новое место назначения» в меню «Параметры» и укажите соответствующее местоположение.
В исходном документе (в котором нужно создать ссылку) выберите Инструменты > Редактировать PDF > Ссылка > Добавить или изменить и растяните прямоугольник, чтобы указать местоположение ссылки.
В диалоговом окне Создать ссылку установите вид ссылки, выберите Перейти к странице , а затем нажмите кнопку «Далее».
В документ PDF можно вложить файлы PDF и файлы других типов. Если переместить документ PDF в новое место, то вложенный файл перемещается вместе с ним. Вложенные файлы могут содержать ссылки на родительский документ или из него, а также ссылки на другие вложенные файлы.
Не следует путать вложенные комментарии с вложенными файлами. Файл, вложенный в виде комментария, отображается на странице со значком Вложенный файл или Вложенный звук , а также в списке комментариев вместе с другими комментариями. (См. статью Добавление комментариев во вложенный файл).
Выберите Инструменты > Редактировать PDF > Еще > Присоединить файл.
При попытке вложить файлы форматов EXE, VBS или ZIP Acrobat предупреждает, что вложенный файл не будет открываться, так как данный формат связан с вредоносными программами, макросами и вирусами, которые могут повредить компьютер.
Чтобы сделать вложенные файлы доступными для просмотра в программе Acrobat 5.0 и более ранних версиях, выполните одно из следующих действий.
Выберите «Просмотр» > «Показать/Скрыть» > «Области навигации» > «Вложения», а затем выберите «Показывать вложения по умолчанию» в меню «Параметры» (выбрано по умолчанию).
Выберите меню «Файл» > «Свойства», нажмите вкладку Вид при открытии , выберите пункт Панель вложений и страница в меню Вкладка навигации и нажмите кнопку «ОК».
(Необязательно) Чтобы добавить к вложенному файлу описание, которое позволит различать схожие файлы на панели «Вложения», выделите вложенный файл и в меню «Параметры» выберите пункт «Редактировать описание». Отредактируйте текст описания и сохраните файл.
Обладатели соответствующих прав доступа могут открыть вложенный файл PDF и внести в него изменения, которые применяются к вложенному файлу PDF.
Вложенные файлы других типов можно открывать и сохранять. При открытии файла запускается приложение для работы с форматом данного вложенного файла; при этом должно быть установлено приложение, которое открывает вложенный файл.
Acrobat не открывает файлы форматов EXE, VBS и ZIP, так как данные форматы связаны с вредоносными программами, макросами и вирусами, которые могут повредить компьютер.
Нажмите соответствующий значок, чтобы открыть вложение во встроенном приложении, сохранить вложение или удалить его:
Панель «Вложения», содержащая параметры для открытия, сохранения, добавления, удаления и поиска вложений. Наведите указатель мыши на инструмент, чтобы просмотреть его имя.
При поиске определенных слов или фраз можно включить поиск и в прилагаемых файлах PDF, а также в файлах некоторых других типов. Пользователи Windows могут выполнять поиск в документах Microsoft Office (например, .doc, .xls и .ppt), форматах файлов чертежей AutoCAD (.dwg и .dwf), файлах HTML и файлах Rich Text Format (.rtf). Пользователи masOS могут выполнять поиск в файлах Microsoft Word (.doc), HTML и .rtf. Результаты поиска во вложенных файлах отображаются в списке результатов под именем и значком вложенного файла. Вложенные файлы в других форматах игнорируются поисковым алгоритмом.
Для включения поиска по файлам Microsoft и AutoCAD, необходимо установить фильтры IFilter, соответствующие типам файлов. Фильтры IFilter обычно устанавливаются с приложениями, но также могут быть загружены с веб-узлов продуктов.
Используя инструмент «Срез» в Adobe Photoshop CC, вы можете превратить любое изображение или часть изображения в активную гиперссылку. Подвох этой функции заключается в том, что для работы гиперссылки необходимо сохранить изображение в виде файла HTML, а не в виде обычного JPG или PNG. К счастью, эту функцию может использовать каждый, даже если вы не являетесь экспертом в области кодирования. Photoshop создает HTML-код для вас и встраивает изображение в удобный для Интернета формат изображения.
Создайте две или более интерактивных областей, добавив новые фрагменты в Photoshop.credit: Изображение предоставлено Adobe.
Выберите кредит «Slice Tool». Изображение предоставлено Adobe.
Откройте любое изображение в фотошопе. В идеале это должно быть что-то достаточно большое, чтобы хорошо отображаться в веб-браузере. Выберите «Инструмент среза» на панели инструментов. Если он не виден, нажмите и удерживайте правый нижний угол инструмента обрезки или другого видимого инструмента в его группе, затем выберите «Инструмент обрезки».
Перетащите курсор на изображение, чтобы создать слайс. Кредит: Изображение предоставлено Adobe.
Перетащите курсор на область, которую вы хотите кликнуть. Чтобы создать одну гиперссылку на изображение, вы можете перетащить курсор на все изображение.
Создайте столько фрагментов, сколько пожелаете. Кредит: Изображение предоставлено Adobe.
Перетащите курсор инструмента «Срез» только на часть изображения, если требуется более одной гиперссылки. После того, как вы отпустите кнопку мыши, вы можете создать второй фрагмент для следующей гиперссылки. При желании вы можете создать дюжину или более гиперссылок на одном изображении.
Дважды щелкните фрагмент, чтобы добавить гиперссылку. Кредит: Изображение предоставлено Adobe.
Сохраните файл в формате HTML. Кредит: Изображение предоставлено Adobe.
Выберите «Сохранить для Интернета» в меню «Файл», как только ссылки будут готовы. Выберите «PNG-24» или «JPG» в качестве пресета, затем нажмите кнопку «Сохранить». Нажмите меню «Формат» и выберите «HTML и изображения». Это изменяет формат файла на HTML. После того, как вы нажмете «Сохранить», Photoshop создаст одну HTML-страницу, используя изображение и созданные вами ссылки. Сам файл изображения сохраняется в папке «Изображения». Загрузите и файл HTML, и папку «Изображения» в один и тот же каталог на своем веб-сайте, используя свой любимый FTP-клиент.
Как создать гиперссылку на другой файл
Гиперссылки - это ссылки на местоположение в одном и том же документе или на другой внешний документ. Эти внешние документы могут быть в другом месте на том же компьютере или .
Как создать почтовую гиперссылку
При ведении списка рассылки всегда желательно предоставить получателям простой способ отказаться от списка рассылки в будущем. Вы должны включить в каждое письмо .
Как создать гиперссылку
Одним из наиболее распространенных способов использования гиперссылок является веб-страница HTML. Когда пользователь щелкает гиперссылку, он перенаправляет интернет-браузер на новую страницу сайта или на другую .
Как добавить гиперссылки в Adobe Illustrator или Photoshop
Добавление гиперссылок в Adobe Photoshop или Illustrator не так просто, как выделение текста или щелчок правой кнопкой мыши на изображении и поиск легкодоступной опции. Это не означает, что в обеих программах не существует обходных путей для добавления ссылок на текст, изображения и объекты.
Как добавить гиперссылки в Adobe Photoshop
Самый простой вариант для добавления ссылок в Photoshop — использовать функцию Slice. Загвоздка здесь в том, что вам придется сохранять и делиться своим документом в виде файла HTML.
- После того, как вы вставите изображение или текст, на который хотите добавить гиперссылку, в Photoshop выберите Ломтик инструмент, который вы найдете, щелкнув инструмент Обрезать в меню инструментов и удерживая его, пока не увидите список со значком ножа (сочетание клавиш С.)
- Щелкните правой кнопкой мыши на только что вставленном фрагменте и выберите Изменить параметры среза.
- В открывшемся диалоговом окне вставьте вашу ссылку в URL поле и нажмите ОК. Если вы хотите, чтобы ссылка открывалась в новом окне, выберите «_blankИз раскрывающегося меню для цель. Нажмите Хорошо.
- Когда вы будете готовы сохранить файл, нажмите файл >экспорт >Сохранить для Интернета (Legacy)
- В открывшемся диалоговом окне единственное, что вам нужно выбрать, это Предустановленная. Вы можете выбрать любой из вариантов JPG или PNG и нажать Сохранить.
- В открывшемся диалоговом окне введите имя файла и нажмите кнопку Формат файла выпадающий и выберите HTML и изображения. Нажмите Сохранить.
Как добавить гиперссылки в Adobe Illustrator
Немного проще добавить ссылку на изображение в Illustrator, но есть и одна загвоздка: вам нужно сохранить файл в формате PDF.
Этот метод не работает с текстовыми полями. Если вы хотите добавить ссылку на текст, вы можете выполнить действия, описанные выше, но сначала вам нужно будет преобразовать текст в контуры. Для этого щелкните правой кнопкой мыши текстовое поле и выберите Создать контуры. Но имейте в виду, что, как только вы это сделаете, вы не сможете редактировать текст.
Если вы являетесь участником Adobe Creative Cloud
вместо этого вы можете использовать Adobe Acrobat для вставки ссылок на ваш текст в файл PDF.
Решено: как сделать текст гиперссылкой в Photoshop cc? - Сообщество поддержки Adobe
Есть ли конкретная платформа, которую вы используете в Интернете . Например, Wordpress или Joomla? Если нет, то используете ли вы HTML5?
Как сказал выше Джон, вы не сможете делать ссылки прямо из фотошопа . Но если вы создаете какое-то приложение или виджет для wordpress, то ДЕЙСТВИТЕЛЬНО легко добавить свои ссылки именно на то, что вы создали в фотошопе. .
Для Wordpress и Joomla я использую революционный слайдер.Просто создайте новый слайдер, установите размер и т. Д. И импортируйте изображение в формате psd или png. Затем вы редактируете слои, выбираете текст, который хотите связать, и добавляете ссылки . Готово. Я использую это для своего личного блога, потому что это самый простой способ . Если вы используете WP / Joomla, вы можете увидеть пример в моем блоге . В верхнем заголовке используется упомянутый мной слайдер и несколько других элементов на странице, например поскольку боковые панели также используют его. Просто используйте текстовый виджет для отображения ползунка оборотов.
Если вы не используете ни одну из этих двух платформ и отрицательно относитесь к html5, то сообщите мне, какой код вы используете, и я дам вам знать, что делать, поскольку у меня есть клиенты, которые используют все виды платформ. & нестандартное кодирование.Всегда есть способ, только не из фотошопа.
Как создать гиперссылку в Photoshop | Small Business
Когда вы создаете растровую графику в Adobe Photoshop для использования в Интернете, вы можете настроить свои изображения так, чтобы они соответствовали URL-адресам, которые ссылаются на веб-сайт или за его пределами. Хотя Photoshop не заменит полноценное приложение для разработки веб-сайтов, он полностью способен предоставить вам изображения и HTML-код, необходимые для интерактивной активной точки в общем дизайне сайта. После того, как вы создадите графический объект с гиперссылкой в Photoshop, включите его на веб-сайт клиента или компании.
Нажмите «C», чтобы выбрать инструмент «Срез». Выберите стиль среза на панели параметров. В стандартном режиме по умолчанию вы щелкаете и перетаскиваете область изображения документа для создания фрагментов. Введите числовые пропорции, чтобы создать отношение высоты к ширине для стиля «Фиксированное соотношение сторон». Обратите внимание, что эти значения не соответствуют действительным размерам. Чтобы ввести определенные измерения среза, выберите стиль «Фиксированный размер».
Щелкните и перетащите документ, чтобы создать фрагменты. Если вы добавили направляющие правила к своему изображению, установите флажок «Фрагменты из направляющих» на панели параметров, чтобы Photoshop автоматически создавал фрагменты в соответствии с вашими направляющими.
Нажмите «Shift-C», чтобы переключиться на инструмент «Выбор фрагмента». Поскольку он вложен в инструмент «Срез» и использует одно и то же сочетание клавиш, вам необходимо использовать клавишу-модификатор для перехода от инструмента к вложенному инструменту.
Укажите место загрузки страницы в поле ввода Target. Чтобы открыть новое окно браузера для загружаемой страницы, введите «_blank» без кавычек. Чтобы заменить содержимое текущей страницы на новую, введите «_self» без кавычек.
Сгенерируйте HTML-код, лежащий в основе добавленной ссылки. Откройте меню «Файл» и выберите «Сохранить для Интернета и устройств», чтобы получить доступ к возможностям оптимизации и экспорта Photoshop.После того, как вы выберете настройки вывода изображения и нажмете кнопку «Сохранить», вы войдете в диалоговое окно «Сохранить оптимизированное как». Задайте Формат, чтобы включить HTML в экспорт файла, и выберите параметры HTML.
Как добавить гиперссылки в Adobe Illustrator или Photoshop
Добавить гиперссылки в Adobe Photoshop или Illustrator не совсем просто, но возможно.Вот что вам нужно сделать.
Добавить гиперссылки в Adobe Photoshop или Illustrator не так просто, как выделить текст или щелкнуть изображение правой кнопкой мыши и легко найти нужный вариант.Это не означает, что в обеих программах нет обходных путей для добавления ссылок на текст, изображения и объекты.
Как добавить гиперссылки в Adobe Photoshop
Самый простой способ добавить ссылки в Photoshop - использовать функцию Slice.Уловка здесь в том, что вам нужно будет сохранить и поделиться своим документом как HTML-файлом.
- После того, как вы вставили изображение или текст, к которому хотите добавить гиперссылку, в Photoshop выберите инструмент Slice , который вы найдете, щелкнув инструмент «Обрезка» в меню инструментов и удерживая нажатой кнопку, пока не увидите список с значок ножа (или воспользуйтесь полезным сочетанием клавиш Photoshop C .)
- Щелкните правой кнопкой мыши только что вставленный фрагмент и выберите Изменить параметры фрагмента .
- В открывшемся диалоговом окне вставьте ссылку в поле URL и нажмите ОК. Если вы хотите, чтобы ссылка открывалась в новом окне, выберите « _blank » в раскрывающемся меню для Target .Нажмите ОК .
- Когда вы будете готовы сохранить файл, нажмите File >Export >Save for Web (Legacy)
- В открывшемся диалоговом окне единственное, что вам нужно выбрать, это Preset . Вы можете выбрать любой из вариантов JPG или PNG и нажать Сохранить .
- В открывшемся диалоговом окне введите имя файла, щелкните раскрывающийся список File Format и выберите HTML и изображения . Нажмите Сохранить .
Как добавить гиперссылки в Adobe Illustrator
Немного проще добавить ссылку на изображение в Illustrator, но есть одна загвоздка: вам придется сохранить файл как PDF.
Этот метод не работает с текстовыми полями. Если вы хотите добавить ссылку к тексту, вы можете выполнить описанные выше действия, но сначала вам нужно будет преобразовать текст в контуры. Для этого щелкните правой кнопкой мыши текстовое поле и выберите Create Outlines .Но будьте осторожны, как только вы это сделаете, вы не сможете редактировать текст.
Если вы являетесь участником Adobe Creative Cloud, вы можете вместо этого использовать Adobe Acrobat для вставки ссылок на свой текст в файл PDF.
Нэнси - писательница и редактор, живущая в Вашингтоне.Ранее она работала редактором по Ближнему Востоку в The Next Web, а в настоящее время работает в аналитическом центре по коммуникациям и социальным сетям в Вашингтоне.
Ещё от Nancy Messieh
Подпишитесь на нашу рассылку новостей
Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!
Еще один шаг…!
Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.
Как добавить ссылку в Photoshop | Small Business
Adobe Photoshop - надежная программа для создания и редактирования изображений, полезная во многих бизнес-приложениях. Помимо многих других графических функций, Photoshop позволяет манипулировать изображениями для использования в Интернете. Добавление ссылок в Photoshop делает изображение интерактивным на веб-сайте. Ссылки можно настроить так, чтобы они открывались в том же веб-браузере, в новом браузере или на новой вкладке в браузере.
Откройте Adobe Photoshop и выберите изображение, на которое вы хотите добавить ссылку.
Нарезайте изображение с помощью инструмента «Нарезка» на панели инструментов. Это выберет область изображения, которую вы хотите превратить в ссылку. Вы можете выбрать все изображение или его отдельные части. Чтобы использовать инструмент «Срез», удерживайте кнопку мыши и перетаскивайте указатель по выбранной области.
Выберите фрагмент, который нужно связать, с помощью инструмента «Выбор фрагмента» на панели инструментов. Дважды щелкните срез, чтобы открыть окно «Параметры среза».
Введите цель в текстовое поле «Цель». Это сообщит браузеру, как открыть ссылку. Например, «_blank» откроет новый веб-браузер, когда пользователь щелкнет ссылку. По завершении нажмите «ОК».
Сохраните файл и оптимизируйте его для Интернета. Это можно сделать, нажав «Файл», затем «Сохранить для Интернета». Выберите параметры оптимизации изображения, которые вы хотите применить к файлу. Наиболее распространенные варианты - сохранить файл как файл изображения JPEG, GIF или PNG.В большинстве случаев универсальным выбором будет JPEG. Появится окно «Параметры JPEG», в котором можно выбрать размер файла и уровень качества. В большинстве случаев здесь должно быть достаточно настроек по умолчанию. Щелкните "ОК".
Назовите файл и выберите тип файла «.html» в меню «Сохранить как тип». Убедитесь, что опция «Все фрагменты» включена, и нажмите «Сохранить».
- Дважды щелкните фрагмент с выбранным инструментом «Выделение фрагмента» . (Если инструмент не отображается, удерживайте инструмент «Кадрирование» или «Фрагент».)
- С активным инструментом «Выделение фрагмента» нажмите кнопку «Параметры фрагмента» на панели параметров. Этот метод отсутствует в диалоговом окне «Сохранить для Интернета и устройства».
Вы можете указать, как данные фрагмента будут отображаться в веб-браузере при экспорте в файл HTML. Доступные параметры зависят от выбранного типа фрагмента.
Фрагменты типа «Изображение» содержат данные в виде изображений. Это тип содержимого по умолчанию.
Фрагменты типа «Без изображения» позволяют создавать пустые ячейки таблицы, которые могут быть заполнены текстом или закрашены определенным цветом. Во фрагмент типа «Без изображения» можно ввести HTML-текст. При выборе в диалоговом окне «Сохранить для Веб и устройств» параметра «HTML-текст» при просмотре в браузере текст интерпретируется как HTML-код. Фрагменты типа «Без изображения» нельзя экспортировать как изображения, но можно просматривать в браузере.
Параметры настройки автоматического фрагмента могут преобразовать его в пользовательский фрагмент.
Выберите фрагмент. Если вы работаете в Photoshop, дважды щелкните фрагмент с помощью инструмента «Выделение фрагмента», чтобы открыть диалоговое окно «Параметры фрагмента».
При добавлении фрагментов к изображению может оказаться удобно переименовать фрагменты согласно их содержимому. По умолчанию пользовательские фрагменты получают названия в соответствии с настройками в диалоговом окне Настройки экспорта .
Выберите фрагмент и дважды щелкните его с помощью инструмента «Выделение фрагмента», чтобы открыть диалоговое окно «Параметры фрагмента». В диалоговом окне «Параметры фрагмента» введите новое имя в текстовом поле «Имя».
Текстовое поле «Имя» недоступно для фрагментов типа «Без изображения».
Вы можете выбрать цвет фона, чтобы заполнить прозрачную область (для фрагментов изображения) или всю область (для фрагментов без изображения) фрагмента.
Photoshop не отображает выбранный фоновый цвет — необходимо просмотреть изображение в браузере, чтобы увидеть результат выбора фонового цвета.
Выбор фрагмента. Если вы работаете в диалоговом окне Photoshop «Сохранить для Интернета и устройств», дважды щелкните фрагмент с помощью инструмента «Выделение фрагмента», чтобы открыть диалоговое окно «Параметры фрагмента» .
В диалоговом окне «Параметры фрагмента» выберите цвет фона во всплывающем меню «Цвет фона» . Выберите «Нет», «Подложка», «Белый», «Черный» или «Другой» (используя палитре цветов Adobe).
При назначении URL-адреса фрагменту вся область фрагмента превращается в ссылку на заданную веб-страницу. Когда пользователь щелкает ссылку, веб-браузер переходит к указанному URL-адресу и целевому фрейму. Этот параметр доступен только для фрагментов типа «Изображение».
Выбор фрагмента. Если вы работаете в Photoshop, дважды щелкните фрагмент с помощью инструмента «Выделение фрагмента», чтобы открыть диалоговое окно «Параметры фрагмента».
Отображает связанный файл в новом окне, оставляя открытым исходное окно браузера.
Отображает связанный файл в том же фрейме, что и исходный файл.
Отображает связанный файл в собственном исходном родительском наборе фреймов. Используйте этот параметр, если документ HTML содержит фреймы, а текущий фрейм является дочерним. Связанный файл появится в текущем родительском фрейме.
Заменяет все окно браузера связанными файлами, удаляя все текущие кадры. Название должно соответствовать ранее заданному названию кадра в файле HTML документа. При щелчке ссылки указанный файл появляется в новом фрейме.
Дополнительные сведения о фреймах см. в справочнике по HTML.
Выбор фрагмента. Если вы работаете в Photoshop, дважды щелкните фрагмент с помощью инструмента «Выделение фрагмента», чтобы открыть диалоговое окно «Параметры фрагмента».
Определяет атрибут «Alt» для выбранного фрагмента или фрагментов. Текст атрибута «Alt» отображается вместо изображения фрагмента в браузерах, не поддерживающих графику. Он также появляется вместо изображения во время его загрузки и в качестве всплывающей подсказки в некоторых браузерах.
Когда вы выбираете фрагмент типа «Без изображения», вы можете ввести текст, который будет отображаться в области фрагмента на веб-странице. Это может быть обычный текст или текст, отформатированный стандартными тегами HTML. Вы также можете выбрать параметры вертикального и горизонтального выравнивания. Дополнительную информацию о конкретных тегах HTML см. в справочнике по HTML.
Photoshop не отображает HTML-текст в окне документа; вы должны использовать веб-браузер для предварительного просмотра текста. Обязательно предварительно просмотрите HTML-текст в разных браузерах с разными настройками браузера и в разных операционных системах , чтобы убедиться, что ваш текст правильно отображается в Интернете.
Объем текста во фрагменте без изображения может повлиять на макет экспортируемой страницы.
Выбор фрагмента. Дважды щелкните фрагмент с помощью инструмента «Выделение фрагмента», чтобы открыть диалоговое окно «Параметры фрагмента». Вы можете дважды щелкнуть фрагмент в диалоговом окне «Сохранить для Интернета и устройств », чтобы установить дополнительные параметры форматирования.
(Сохранить только диалоговое окно «Для Интернета и устройств» ) Если текст содержит теги форматирования HTML, выберите параметр «Текст в формате HTML». Если этот параметр не выбран, HTML-теги игнорируются, и весь текст отображается как неформатированный обычный текст на веб-странице.
Вы можете задать необходимые параметры в разделе «Выравнивание ячеек» (только для диалогового окна «Сохранить для Web и устройств»):
Используются установленные по умолчанию в браузере значения выравнивания по горизонтали.
Текст выравнивается по левой стороне области фрагмента.
Текст выравнивается по центру области фрагмента.
Выравнивание по правому краю
Текст выравнивается по правой стороне области фрагмента.
Используются установленные по умолчанию в браузере значения выравнивания по вертикали.
Текст выравнивается по верхней части области фрагмента.
По базовой линии
Задает общую базовую линию для первой строки текста в ячейках той же строки (полученной HTML-таблицы). Для каждой ячейки в строке должен использоваться параметр «Базовый уровень».
Покликайте, пожалуйста, надписи на картинке для того, чтобы проверить, как она работает!
Кто знаком хотя бы с азами сайтостроения, без сомнения понял, что эта картинка сделана по методике построения панели навигации сайта. Эту методику можно использовать для рекламных "баннеров", для создания симпатичного поста-приветствия, просто постов, в которых предлагаете читателям ссылки. Во всяком случае, это будет не лишено оригинальности.
Смысл этой методики прост: на картинке мы сделаем надписи, которые свяжем со ссылками на сайты.
Для изготовления картинки с кликабельными надписями нам будет необходимы: уже готовая картинка с надписями (я подготовила для урока полушутливую картинку; уж простите мне пренебрежение правописанием!) и ссылки, соответствующие надписям ( другими словами - адреса, на которые будет отправлять кликабельная надпись).
Открываем картинку в Image Ready CS2.
1. Кликаем на инструмент Rectangle Image Map Tool (прямоугольная графическая карта ),
2. Выделяем им последовательно все наши надписи, которые будут соответствовать подготовленным ссылкам (делаем как обычное прямоугольное выделение).
3. Выполняем команду меню Window - Image Map, чтобы активизировать-открыть палитру ссылок (просто кликнув на неё).
4. Вот она и открылась.
5. Рассмотрим повнимательней, что она из себя представляет.
Name - как желаете, так и назовите;
URL - сюда вы будете вносить ссылки;
Target - с его помощью наша картинка откроет новое окно браузера для содержимого ссылки, т.е. сайта, на который ссылка и "ссылает";
Alt - а здесь можно сделать надпись, которая будет появляться при наведении курсора на ту надпись на готовой картинке, которая соответствует ссылке.
6. Теперь приступаем к самому важному моменту - будем "связывать" надписи и ссылки.
Правой кнопкой мышки кликаем по первой надписи, активизируя её, и в окошечки в палитре ссылок вписываем данные: соответствующую ссылку и "курсорный" текст.
Активизируем вторую надпись, кликнув на неё правой клавишей мышки, и в окошке панели вписываем уже данные для второй надписи.
Аналогично поступаем с 3-й и 4-й надписями, и со следующими, если их у вас больше.
С надписями мы уже закончили!
7. Теперь будем сохранять нашу картинку. Очень желательно - в отдельную папку!
File - Save Optimized As.
Внимание, очень важный момент! Выбираем тип файла HTML and images и сохраняем.
На этом наша работа в Image Ready закончена!
8. А мы переходим к папочке, в которой сохранена наша картинка в двух ипостасях: изображение (1) и его HTML (2).
10. Теперь откроем файл (2) с помощью программы Блокнот.
В тексте HTML-кода выделим ту часть его, как показано, от ,
скопируйте эту часть и вставьте в документик рядом с кодом этой картинки (ссылка, №1).
11. Теперь будьте внимательны. Выделенную часть между кавычками удалите, а вместо неё вставьте ссылку картинки, №1. Только не потеряйте кавычки, пожалуйста!
12. Это и есть код вашей картинки с кликабельными надписями! Сохраните его, и пользуйтесь себе на радость и с пользой!
Читайте также: