Параметры HTML для фрагментов

  1. Руководство пользователя Photoshop
  2. Введение в Photoshop
    1. Мечтайте об этом. Сделайте это.
    2. Новые возможности Photoshop
    3. Редактирование первой фотографии
    4. Создание документов
    5. Photoshop | Часто задаваемые вопросы
    6. Системные требования Photoshop
    7. Перенос наборов настроек, операций и настроек
    8. Знакомство с Photoshop
  3. Photoshop и сервисы Adobe
    1. Photoshop и Adobe Stock
    2. Библиотеки Creative Cloud Libraries
    3. Библиотеки Creative Cloud в Photoshop
    4. Сетка и направляющие
    5. Создание операций
    6. Отмена и история операций
    7. Комбинации клавиш по умолчанию
    8. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    9. Работа в Photoshop с использованием Touch Bar
    10. Работа с встроенным расширением Capture в Photoshop
  4. Photoshop на iPad
    1. Photoshop на iPad | Общие вопросы
    2. Знакомство с рабочей средой
    3. Системные требования | Photoshop на iPad
    4. Создание, открытие и экспорт облачных документов
    5. Добавление фотографий
    6. Работа со слоями
    7. Рисование и раскрашивание кистями
    8. Выделение участков и добавление масок
    9. Ретуширование композиций
    10. Работа с корректирующими слоями
    11. Настройка тональности композиции с помощью слоя «Кривые»
    12. Применение операций трансформирования
    13. Обрезка и поворот композиций
    14. Поворот, панорамирование, масштабирование и восстановление холста
    15. Работа с текстовыми слоями
    16. Работа с Photoshop и Lightroom
    17. Получение отсутствующих шрифтов в Photoshop на iPad
    18. Японский текст в Photoshop на iPad
    19. Управление параметрами приложения
    20. Сенсорные ярлыки и жесты
    21. Комбинации клавиш
    22. Системные требования 1.x | Photoshop на iPad
    23. Системные требования 2.x | Photoshop на iPad
    24. Изменение размера изображения
    25. Прямая трансляция творческого процесса в Photoshop на iPad
    26. Исправление недостатков с помощью восстанавливающей кисти
    27. Создание кистей в Capture и их использование в Photoshop
  5. Веб-приложение Photoshop
    1. Веб-приложение Photoshop | Общие вопросы    
    2. Общие сведения о рабочей среде
    3. Системные требования | Веб-приложение Photoshop
    4. Сочетания клавиш | Веб-приложение Photoshop
    5. Поддерживаемые форматы файлов | Веб-приложение Photoshop
    6. Открытие облачных документов и работа с ними
    7. Совместная работа с заинтересованными сторонами
    8. Ограниченные возможности редактирования облачных документов
  6. Облачные документы
    1. Облачные документы Photoshop | Часто задаваемые вопросы
    2. Облачные документы Photoshop | Вопросы о рабочем процессе
    3. Работа с облачными документами и управление ими в Photoshop
    4. Обновление облачного хранилища для Photoshop
    5. Не удается создать или сохранить облачный документ
    6. Устранение ошибок с облачными документами Photoshop
    7. Сбор журналов синхронизации облачных документов
    8. Общий доступ к облачным документам и их редактирование
  7. Рабочая среда
    1. Основные сведения о рабочей среде
    2. Создание документов
    3. Работа в Photoshop с использованием Touch Bar
    4. Поддержка Microsoft Dial в Photoshop
    5. Галерея инструментов
    6. Установки производительности
    7. Использование инструментов
    8. Сенсорные жесты
    9. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    10. Обзорные версии технологии
    11. Метаданные и комментарии
    12. Быстрая публикация своих творений
    13. Помещение изображений Photoshop в другие приложения
    14. Установки
    15. Комбинации клавиш по умолчанию
    16. Линейки
    17. Отображение или скрытие непечатных вспомогательных элементов
    18. Указание колонок для изображения
    19. Отмена и история операций
    20. Панели и меню
    21. Помещение файлов
    22. Позиционирование элементов с привязкой
    23. Позиционирование с помощью инструмента «Линейка»
    24. Наборы настроек
    25. Настройка комбинаций клавиш
    26. Сетка и направляющие
  8. Разработка содержимого для Интернета, экрана и приложений
    1. Photoshop для дизайна
    2. Монтажные области
    3. Экспорт файлов в Photoshop
    4. Просмотр на устройстве
    5. Копирование CSS из слоев
    6. Разделение веб-страниц на фрагменты
    7. Параметры HTML для фрагментов
    8. Изменение компоновки фрагментов
    9. Работа с веб-графикой
    10. Создание веб-фотогалерей
  9. Основные сведения об изображениях и работе с цветом
    1. Изменение размера изображений
    2. Работа с растровыми и векторными изображениями
    3. Размер и разрешение изображения
    4. Импорт изображений из камер и сканеров
    5. Создание, открытие и импорт изображений
    6. Просмотр изображений
    7. Ошибка «Недопустимый маркер JPEG» | Открытие изображений
    8. Просмотр нескольких изображений
    9. Настройка палитр цветов и образцов цвета
    10. HDR-изображения
    11. Подбор цветов на изображении
    12. Преобразование между цветовыми режимами
    13. Цветовые режимы
    14. Стирание фрагментов изображения
    15. Режимы наложения
    16. Выбор цветов
    17. Внесение изменений в таблицы индексированных цветов
    18. Информация об изображениях
    19. Фильтры искажения недоступны
    20. Сведения о цвете
    21. Цветные и монохромные коррекции с помощью каналов
    22. Выбор цветов на панелях «Цвет» и «Образцы»
    23. Образец
    24. Цветовой режим (или режим изображения)
    25. Цветовой оттенок
    26. Добавление изменения цветового режима в операцию
    27. Добавление образцов из CSS- и SVG-файлов HTML
    28. Битовая глубина и установки
  10. Слои
    1. Основные сведения о слоях
    2. Обратимое редактирование
    3. Создание слоев и групп и управление ими
    4. Выделение, группировка и связывание слоев
    5. Помещение изображений в кадры
    6. Непрозрачность и наложение слоев
    7. Слои-маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Перемещение, упорядочение и блокировка слоев
    11. Маскирование слоев при помощи векторных масок
    12. Управление слоями и группами
    13. Эффекты и стили слоев
    14. Редактирование слоев-масок
    15. Извлечение ресурсов
    16. Отображение слоев с помощью обтравочных масок
    17. Формирование графических ресурсов из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких фрагментов в одно изображение
    21. Объединение изображений с помощью функции «Автоналожение слоев»
    22. Выравнивание и распределение слоев
    23. Копирование CSS из слоев
    24. Загрузка выделенных областей на основе границ слоя или слоя-маски
    25. Просвечивание для отображения содержимого других слоев
    26. Слой
    27. Сведение
    28. Совмещенные изображения
    29. Фон
  11. Выделения
    1. Рабочая среда «Выделение и маска»
    2. Быстрое выделение областей
    3. Начало работы с выделениями
    4. Выделение при помощи группы инструментов «Область»
    5. Выделение при помощи инструментов группы «Лассо»
    6. Выбор цветового диапазона в изображении
    7. Настройка выделения пикселей
    8. Преобразование между контурами и границами выделенной области
    9. Основы работы с каналами
    10. Перемещение, копирование и удаление выделенных пикселей
    11. Создание временной быстрой маски
    12. Сохранение выделенных областей и масок альфа-каналов
    13. Выбор областей фокусировки в изображении
    14. Дублирование, разделение и объединение каналов
    15. Вычисление каналов
    16. Выделение
    17. Ограничительная рамка
  12. Коррекции изображений
    1. Деформация перспективы
    2. Уменьшение размытия в результате движения камеры
    3. Примеры использования инструмента «Восстанавливающая кисть»
    4. Экспорт таблиц поиска цвета
    5. Корректировка резкости и размытия изображения
    6. Общие сведения о цветокоррекции
    7. Применение настройки «Яркость/Контрастность»
    8. Коррекция деталей в тенях и на светлых участках
    9. Корректировка «Уровни»
    10. Коррекция тона и насыщенности
    11. Коррекция сочности
    12. Настройка насыщенности цвета в областях изображения
    13. Быстрая коррекция тона
    14. Применение специальных цветовых эффектов к изображениям
    15. Улучшение изображения при помощи корректировки цветового баланса
    16. HDR-изображения
    17. Просмотр гистограмм и значений пикселей
    18. Подбор цветов на изображении
    19. Кадрирование и выпрямление фотографий
    20. Преобразование цветного изображения в черно-белое
    21. Корректирующие слои и слои-заливки
    22. Корректировка «Кривые»
    23. Режимы наложения
    24. Целевая подготовка изображений для печатной машины
    25. Коррекция цвета и тона с помощью пипеток «Уровни» и «Кривые»
    26. Коррекция экспозиции и тонирования HDR
    27. Фильтр
    28. Размытие
    29. Осветление или затемнение областей изображения
    30. Избирательная корректировка цвета
    31. Замена цветов объекта
  13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Новые возможности Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Виньетирование, зернистость и удаление дымки в Camera Raw
    7. Комбинации клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Обратимое редактирование в Camera Raw
    10. Инструмент «Радиальный фильтр» в Camera Raw
    11. Управление настройками Camera Raw
    12. Обработка, сохранение и открытие изображений в Camera Raw
    13. Совершенствование изображений с улучшенным инструментом «Удаление точек» в Camera Raw
    14. Поворот, обрезка и изменение изображений
    15. Корректировка цветопередачи в Camera Raw
    16. Краткий обзор функций | Adobe Camera Raw | Выпуски за 2018 г.
    17. Обзор новых возможностей
    18. Версии обработки в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
  14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью функции «Заливка с учетом содержимого»
    2. Заплатка и перемещение с учетом содержимого
    3. Ретуширование и исправление фотографий
    4. Коррекция искажений изображения и шума
    5. Основные этапы устранения неполадок для решения большинства проблем
  15. Преобразование изображений
    1. Трансформирование объектов
    2. Настройка кадрирования, поворотов и холста
    3. Кадрирование и выпрямление фотографий
    4. Создание и редактирование панорамных изображений
    5. Деформация изображений, фигур и контуров
    6. Перспектива
    7. Использование фильтра «Пластика»
    8. Масштаб с учетом содержимого
    9. Трансформирование изображений, фигур и контуров
    10. Деформация
    11. Трансформирование
    12. Панорама
  16. Рисование и живопись
    1. Рисование симметричных орнаментов
    2. Варианты рисования прямоугольника и изменения обводки
    3. Сведения о рисовании
    4. Рисование и редактирование фигур
    5. Инструменты рисования красками
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавление цвета в контуры
    9. Редактирование контуров
    10. Рисование с помощью микс-кисти
    11. Наборы настроек кистей
    12. Градиенты
    13. Заливка и обводка выделенных областей, слоев и контуров
    14. Рисование с помощью группы инструментов «Перо»
    15. Создание узоров
    16. Создание узора с помощью фильтра «Конструктор узоров»
    17. Управление контурами
    18. Управление библиотеками узоров и наборами настроек
    19. Рисование при помощи графического планшета
    20. Создание текстурированных кистей
    21. Добавление динамических элементов к кистям
    22. Градиент
    23. Рисование стилизованных обводок с помощью архивной художественной кисти
    24. Рисование с помощью узора
    25. Синхронизация наборов настроек на нескольких устройствах
  17. Текст
    1. Работа со шрифтами OpenType SVG
    2. Форматирование символов
    3. Форматирование абзацев
    4. Создание эффектов текста
    5. Редактирование текста
    6. Интерлиньяж и межбуквенные интервалы
    7. Шрифт для арабского языка и иврита
    8. Шрифты
    9. Поиск и устранение неполадок, связанных со шрифтами
    10. Азиатский текст
    11. Создание текста
    12. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
    13. Универсальный компоновщик для азиатской письменности
    14. Добавление и редактирование текста в Photoshop
  18. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактирование слоев видео и анимации
    3. Общие сведения о видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Рисование кадров в видеослоях
    6. Импорт видеофайлов и последовательностей изображений
    7. Создание анимации кадров
    8. 3D-анимация Creative Cloud (предварительная версия)
    9. Создание анимаций по временной шкале
    10. Создание изображений для видео
  19. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Использование эффектов группы «Галерея размытия»
    3. Основные сведения о фильтрах
    4. Справочник по эффектам фильтров
    5. Добавление эффектов освещения
    6. Использование фильтра «Адаптивный широкий угол»
    7. Фильтр «Масляная краска»
    8. Эффекты и стили слоев
    9. Применение определенных фильтров
    10. Растушевка областей изображения
  20. Сохранение и экспорт
    1. Сохранение файлов в других графических форматах
    2. Сохранение файлов в Photoshop
    3. Форматы файла
    4. Сохранение и экспорт видео и анимации
    5. Сохранение файлов PDF
    6. Защита авторских прав Digimarc
  21. Печать
    1. Печать 3D-объектов
    2. Печать через Photoshop
    3. Печать и управление цветом
    4. Контрольные листы и PDF-презентации
    5. Печать фотографий в новом макете раскладки изображений
    6. Печать плашечных цветов
    7. Дуплексы
    8. Печать изображений на печатной машине
    9. Улучшение цветной печати в Photoshop
    10. Устранение неполадок при печати | Photoshop
  22. Автоматизация
    1. Создание операций
    2. Создание изображений, управляемых данными
    3. Сценарии
    4. Обработка пакета файлов
    5. Воспроизведение операций и управление ими
    6. Добавление условных операций
    7. Сведения об операциях и панели «Операции»
    8. Запись инструментов в операциях
    9. Добавление изменения цветового режима в операцию
    10. Набор средств разработки пользовательского интерфейса Photoshop для внешних модулей и сценариев
  23. 3D-объекты и технические изображения
    1. 3D-анимация Creative Cloud (предварительная версия)
    2. Печать 3D-объектов
    3. 3D-рисование
    4. Усовершенствование панели «3D» | Photoshop
    5. Основные понятия и инструменты для работы с 3D-графикой
    6. Рендеринг и сохранение 3D-объектов
    7. Создание 3D-объектов и анимаций
    8. Стеки изображений
    9. Процесс работы с 3D-графикой
    10. Измерения
    11. Файлы формата DICOM
    12. Photoshop и MATLAB
    13. Подсчет объектов на изображении
    14. Объединение и преобразование 3D-объектов
    15. Редактирование 3D-текстур
    16. Коррекция экспозиции и тонирования HDR
    17. Настройки панели «3D»
  24. Управление цветом
    1. Основные сведения об управлении цветом
    2. Обеспечение точной цветопередачи
    3. Настройки цвета
    4. Работа с цветовыми профилями
    5. Управление цветом документов для просмотра в Интернете
    6. Управление цветом при печати документов
    7. Управление цветом импортированных изображений
    8. Выполнение цветопробы

Отображение диалогового окна «Параметры фрагмента»

Выполните одно из следующих действий.

  • Дважды щелкните фрагмент с выбранным инструментом «Выделение фрагмента» . (Если этот инструмент не отображается, нажмите и удерживайте инструменты «Рамка» или «Раскройка».)
  • С активным инструментом «Выделение фрагмента» нажмите кнопку «Параметры фрагмента»  на панели параметров. Этот метод нельзя применить в диалоговом окне «Сохранить для Web и устройств».

Задание типа содержимого фрагмента

Можно указать в каком виде данные фрагмента появляются в веб-браузере при экспорте HTML-файла. Доступность параметров зависит от типа выбранного фрагмента.

  • Фрагменты типа «Изображение» содержат данные в виде изображений. Это тип содержимого по умолчанию.

  • Фрагменты типа «Без изображения» позволяют создавать пустые ячейки таблицы, которые могут быть заполнены текстом или закрашены определенным цветом. Во фрагмент типа «Без изображения» можно ввести HTML-текст. При выборе в диалоговом окне «Сохранить для Веб и устройств» параметра «HTML-текст» при просмотре в браузере текст интерпретируется как HTML-код. Фрагменты типа «Без изображения» нельзя экспортировать как изображения, но можно просматривать в браузере.

Примечание.

Параметры настройки автоматического фрагмента могут преобразовать его в пользовательский фрагмент.

  1. Выберите фрагмент. При работе в Photoshop для открытия диалогового окна «Параметры фрагмента» выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент.
  2. В диалоговом окне «Параметры фрагмента» выберите тип фрагмента во всплывающем меню «Тип».

Переименование фрагмента

При добавлении фрагментов к изображению может оказаться удобно переименовать фрагменты согласно их содержимому. По умолчанию пользовательские фрагменты получают названия в соответствии с настройками в диалоговом окне Настройки экспорта.

  1. Чтобы открыть диалоговое окно «Параметры фрагмента», выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент. В диалоговом окне «Параметры фрагмента» введите новое имя в текстовое поле «Имя».
    Примечание.

    Текстовое поле «Имя» недоступно для фрагментов типа «Без изображения».

Выбор фонового цвета фрагмента

Фоновый цвет можно выбрать для заполнения прозрачных областей (для фрагментов типа «Изображение») или для всей области фрагмента (для фрагментов типа «Без изображения»).

Photoshop не отображает выбранный фоновый цвет — необходимо загрузить изображение в браузере для просмотра выбранного фонового цвета.

  1. Выберите фрагмент. Если вы работаете с диалоговым окном Photoshop «Сохранить для Web и устройств», выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент, чтобы вызвать диалоговое окно «Параметры фрагмента».
  2. В диалоговом окне «Параметры фрагмента» выберите фоновый цвет во всплывающем меню «Фоновый цвет». Выберите «Нет», «Подложка», «Белый», «Черный» или «Другой» в палитре цветов Adobe.

Назначение URL-ссылки фрагменту типа «Изображение»

Назначение URL-ссылок фрагменту превращает всю область фрагмента в ссылку на заданную веб-страницу. Когда пользователь щелкает ссылку, веб-браузер переходит на указанный URL-адрес и целевой фрейм. Этот параметр доступен только для фрагментов типа «Изображение».

  1. Выберите фрагмент. Чтобы открыть диалоговое окно «Параметры фрагмента» выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент.
  2. В диалоговом окне «Параметры фрагмента» введите URL-адрес в текстовое поле «URL». Можно ввести как относительный, так и абсолютный (полный) URL-адрес. При вводе абсолютного URL-адреса необходимо убедиться, что он содержит правильный тип протокола (например, http://www.adobe.com, а не www.adobe.com). Дополнительные сведения по использованию относительных и полных URL-адресов см. в руководстве по HTML.
  3. Также можно ввести имя целевого фрейма в текстовое поле «Цель».

    _blank

    Отображает связанный файл в новом окне, оставляя открытым исходное окно браузера.

    _self

    Отображает связанный файл в том же фрейме, что и исходный файл.

    _parent

    Отображает связанный файл в собственном исходном наборе фреймов. Используйте этот параметр, если HTML-документ содержит фреймы и текущий фрейм является дочерним. Связанный файл появится в текущем родительском фрейме.

    _top

    Заменяет все окно браузера связанными файлами, удаляя все текущие кадры. Название должно соответствовать ранее заданному названию кадра в файле HTML документа. При щелчке ссылки указанный файл появляется в новом фрейме.

    Примечание.

    Дополнительные сведения о фреймах см. в руководстве по HTML.

Задание сообщений браузера и текста атрибута «Alt»

Можно указать сообщения, появляющиеся в браузере. Эти параметры доступны только для фрагментов типа «Изображение» и появляются только в экспортированных HTML-файлах.

  1. Выберите фрагмент. Чтобы открыть диалоговое окно «Параметры фрагмента», выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент.
  2. В диалоговом окне «Параметры фрагмента» введите необходимый текст.

    Текст сообщения

    Изменяет установленное по умолчанию сообщение в поле состояния браузера для выбранного фрагмента или фрагментов. По умолчанию отображается URL-адрес фрагмента (если существует).

    Альтернативный текст

    Определяет атрибут «Alt» для выбранного фрагмента или фрагментов. Текст атрибута «Alt» появляется вместо изображения фрагмента в браузерах, не поддерживающих графику. Он также появляется вместо изображения во время его загрузки и отображается как подсказка в некоторых браузерах.

Добавление HTML-текста к фрагменту

При выборе фрагмента типа «Без изображения» можно ввести текст, который будет отображаться в области фрагмента на веб-странице. Это может быть неформатированный текст или текст, отформатированный стандартными HTML-тегами. Также можно выбрать вертикальные и горизонтальные параметры выравнивания. Дополнительные сведения о HTML-тегах см. в руководстве по HTML.

Photoshop не отображает HTML-текст в окне документа. Для просмотра текста необходимо использовать веб-браузер. Следует просмотреть HTML-текст в различных браузерах, с различными настройками браузеров и на различных операционных системах, чтобы быть уверенным в том, что текст отображается правильно.

Примечание.

Количество текста во фрагменте типа «Без изображения» может влиять на макет экспортированной страницы.

  1. Выберите фрагмент. Чтобы открыть диалоговое окно «Параметры фрагмента» выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент. Дважды щелкнув фрагмент в диалоговом меню «Сохранить для Web и устройств», можно установить дополнительные параметры форматирования.
  2. В диалоговом окне «Параметры фрагмента» в меню «Тип фрагмента» выберите тип фрагмента «Без изображения».
  3. Введите в текстовое поле необходимый текст.
  4. Если текст содержит теги форматирования HTML, выберите параметр «HTML-текст» (только для диалогового окна «Сохранить для Web и устройств»). Если этот параметр не выбран, HTML-теги будут игнорироваться, а текст на итоговой веб-странице будет отображаться в виде неформатированного текста.
  5. Вы можете задать необходимые параметры в разделе «Выравнивание ячеек» (только для диалогового окна «Сохранить для Web и устройств»):

    По умолчанию

    Используются установленные по умолчанию в браузере значения выравнивания по горизонтали.

    Налево

    Текст выравнивается по левой стороне области фрагмента.

    По центру

    Текст выравнивается по центру области фрагмента.

    Выравнивание по правому краю

    Текст выравнивается по правой стороне области фрагмента.

    По умолчанию

    Используются установленные по умолчанию в браузере значения выравнивания по вертикали.

    Вверх

    Текст выравнивается по верхней части области фрагмента.

    По базовой линии

    Устанавливает общую базовую линию для первой строки текста в ячейках одного ряда (итоговой HTML-страницы). Для каждой ячейки ряда должен быть установлен параметр «По базовой линии».

    По центру

    Текст выравнивается по вертикали по центру в области фрагмента.

    Вниз

    Текст выравнивается по нижней части области фрагмента.

Логотип Adobe

Вход в учетную запись