Руководство пользователя Отмена

Создание веб-фотогалерей

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

Описание создания фотогалерей Web в Photoshop CS5 см. в разделе справки по Adobe Bridge Создание фотогалерей Web. Чтобы использовать дополнительный внешний модуль «Фотогалерея Web» предыдущей версии, описанный ниже, загрузите и установите его для Windows или Mac OS.

Сведения о веб-фотогалереях

Фотогалерея Web – это web-сайт, содержащий домашнюю страницу с миниатюрами изображений и страницы галереи с полноразмерными изображениями. Каждая страница содержит ссылки, позволяющие посетителям перемещаться по сайту. Например, когда посетитель щелкает миниатюру изображения на домашней странице, происходит загрузка страницы галереи с соответствующим полноразмерным изображением. С помощью команды Web Photo Gallery (Фотогалерея Web) можно автоматически создать фотогалерею Web из набора изображений.

Photoshop: домашняя страница веб-фотогалереи
Домашняя страница фотогалереи Web

Photoshop обладает набором стилей для галереи, которые можно выбрать с помощью команды Web Photo Gallery (Фотогалерея Web). Опытные пользователи, знакомые с HTML, могут создать новый стиль или изменить старый путем изменения HTML-файлов шаблонов.

Каждый шаблон галереи стилей обладает различными параметрами. При использовании шаблона стиля некоторые параметры могут быть недоступны.

Создание фотогалерей Web при помощи Adobe Bridge

Adobe Bridge включает обновленные функции работы с галереями для Web. Подробные инструкции см. в разделе Создание фотогалереи Web справочной системы Adobe Bridge или в перечисленных ниже руководствах.

Использование предыдущей версии дополнительного внешнего модуля Photoshop

  1. Загрузите и установите предыдущую версию внешнего модуля «Фотогалерея Web» с для Windows или для Mac OS.

  2. Выберите файлы или папку, которую следует использовать в программе Bridge (необязательно).

    Изображения будут показаны в том порядке, в котором они отображаются в Bridge. При необходимости порядок изображений можно изменить в программе Bridge.

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

    • В программе Bridge в меню «Инструменты» выберите пункт «Photoshop» > Web Photo Gallery (Фотогалерея Web).

    • В программе Photoshop в меню «Файл» выберите пункт «Автоматизация» > Web Photo Gallery (Фотогалерея Web).

  4. Во всплывающем меню Styles (Стили) выберите стиль галереи. В диалоговом окне отобразится вид домашней страницы для выбранного стиля.

  5. Введите адрес электронной почты в поле контактной информации галереи (необязательно).

  6. Выберите исходные файлы для галереи в меню Use (Использовать).

    Изображения, выбранные в Bridge

    Использует изображения, выбранные перед открытием диалогового окна Web Photo Gallery (Веб-фотогалерея).

    Folder (Папка)

    Использует изображения из папки, выбранной с помощью кнопок Browse (Обзор) (Windows) или Choose (Выбор) (Mac OS). Выберите Include All Subfolders (Включить все вложенные папки), чтобы включить изображения, находящиеся внутри любых вложенных папок выбранной папки.

  7. Нажмите кнопку Destination (Назначение), а затем выберите папку, в которой будут храниться изображения и HTML-страницы галереи. Затем нажмите кнопку «ОК» (Windows) или Choose (Выбрать) (Mac OS).

  8. Выберите параметры форматирования для web-галереи. В меню Options (Параметры) выберите для отображения необходимые наборы параметров. См. Параметры фотогалерей Web.

  9. Нажмите кнопку «ОК». Photoshop поместит следующие HTML-файлы и JPEG-файлы в папку назначения.

    • Домашнюю страницу галереи с именем «index.htm» или «index.html» в зависимости от значения параметра Extension (Расширение). Чтобы просмотреть галерею, откройте этот файл в любом web-браузере.

    • Изображения в формате JPEG в папку «images».

    • HTML-страницы в папку «pages».

    • Миниатюры изображений в формате JPEG в папку «thumbnails».

Проверка соответствия цветов

При работе с фотографиями в цветовом пространстве с широким диапазоном, таком как ProPhoto RGB или Adobe RGB, цвета изображения могут изменяться при просмотре web-галереи в браузере, не поддерживающем встроенные цветовые профили. В этом случае попробуйте преобразовать профили изображения в sRGB (что в большинстве браузеров является установкой по умолчанию) перед их оптимизацией или включением в фотогалерею Web (Web Photo Gallery). Преобразовать изображения в формат sRGB можно одним из следующих способов. Лучше всего работать с копиями изображений.

При использовании обработчика изображений можно сохранять файлы непосредственно в формате JPEG с необходимым размером. При этом необходимо убедиться, что снят флажок Resize Images (Изменить размер) в наборе параметров Large Images (Большие изображения).

General (Общие)

Параметры для расширений файлов, кодировки и метаданных.

Extension (Расширение)

В качестве расширения имени файла можно использовать либо .htm, либо .html.

Use UTF 8 Encoding For URL (Использовать для URL кодировку UTF-8)

Используется кодировка UTF-8.

Add Width And Height Attributes For Images (Добавить атрибуты ширины и высоты изображений)

Определяет размеры изображения, что приводит к уменьшению времени загрузки.

Preserve All Metadata (Сохранить все метаданные)

Сохраняет метаданные.

Banner (Баннер)

Параметры текста для баннера, появляющегося на каждой странице галереи. Введите текст для каждого параметра:

Site Name (Название сайта)

Название галереи.

Photographer (Фотограф)

Имя фотографа или название организации, владеющей правами на фотографии галереи.

Contact Info (Контактная информация)

Контактная информация галереи, например телефонный номер или адрес организации.

Date (Дата)

Дата появления каждой страницы галереи. По умолчанию используется текущая дата.

Font and Font Size (Шрифт и размер шрифта)

Параметры текста баннера (доступны в некоторых стилях сайта).

Large Images (Большие изображения)

Параметры основных изображений, появляющихся на каждой странице галереи.

Add numeric links (Добавить цифровые ссылки)

Размещает в верхней части каждой страницы галереи горизонтальный ряд чисел (начиная с 1 и заканчивая общим количеством фотографий в галерее) (доступно для некоторых стилей сайтов). Каждый номер является ссылкой на соответствующую страницу.

Resize Images (Изменить размер)

Изменяет размер исходных фотографий для размещения на страницах галереи. Выберите размер во всплывающем меню или введите точный размер в пикселах. Для сохранения пропорций выберите, какие измерения изображения должны сохраняться при изменении размера. В разделе JPEG Quality (Качество JPEG) выберите параметры во всплывающем меню, введите значение от 0 до 12 или перетащите ползунок. Чем выше значение, тем лучше качество изображения и больше размер файла.

Примечание.

В Photoshop используется установленный по умолчанию в настройках метод интерполяции изображения. Чтобы получить наилучшие результаты при уменьшении размера изображения, в качестве установленного по умолчанию метода интерполяции выберите Bicubic Sharper (Бикубическая, четче).

Размер границы

Определяет ширину границы вокруг изображения в пикселах.

Titles Use (Текст заголовков)

Задайте параметры отображения надписей для каждого изображения (доступно для некоторых стилей сайтов). Для отображения имени файла установите флажок «Имя файла»; для отображения описания из диалогового окна «Сведения о файле» установите флажки «Описание», «Разработчики», «Заголовок» и «Авторские права».

Font and Font Size (Шрифт и размер шрифта)

Задайте шрифт и размер заголовка (доступно для некоторых стилей сайтов).

Thumbnails (Миниатюры)

Параметры домашней страницы галереи, включая размер миниатюр изображений.

Размер

Определяет размер миниатюры. Выберите размер во всплывающем меню или введите ширину миниатюр в пикселах.

Columns and Rows (Столбцы и строки)

Укажите количество столбцов и строк миниатюр на домашней странице. Этот параметр не применяется в галереях, использующих стиль Horizontal Frame Style(Горизонтально Кадр) или Vertical Frame Style (Вертикально Кадр).

Размер границы

Определяет ширину границы вокруг миниатюры в пикселах.

Titles Use (Текст заголовков)

Задайте параметры отображения заголовков миниатюр (доступно для некоторых стилей сайтов). Для отображения имени файла установите флажок «Имя файла». Для отображения описания из диалогового окна «Сведения о файле» установите флажки «Описание», «Разработчики», «Заголовок» и «Авторские права».

Font and Font Size (Шрифт и размер шрифта)

Задайте шрифт и размер заголовка (доступно для некоторых стилей сайтов).

Custom Colors (Настроить цвета)

Параметры настройки цветов элементов галереи. Чтобы изменить цвет элемента, щелкните образец цвета, а затем выберите новый цвет в палитре цветов. Можно изменить фоновый цвет каждой страницы (параметр Background (Фон)) и каждого баннера (параметр Banner (Баннер)).

Security (Система безопасности)

Отображает текст на каждом изображении для устрашения предполагаемого вора.

Content (Содержимое)

Определяет отображаемый текст. Выберите Custom Text (Заказной текст) для ввода произвольного текста. Выберите Filename (Имя файла), Description (Описание), Credits (Разработчики), Title (Заголовок) или Copyright (Авторские права) для отображения соответствующего текста из диалогового окна File Info (Сведения о файле).

Font, Color, and Position (Шрифт, цвет и положение)

Определяет шрифт, цвет и расположение заголовка.

Rotate (Поворот)

Помещает текст в изображение под углом.

Приложение Photoshop предоставляет ряд стилей для фотогалереи Web. Опытные пользователи, знакомые с HTML, могут создать новый стиль или изменить старый путем изменения HTML-файлов шаблонов.

Стили фотогалереи Web хранятся в следующих индивидуальных папках.

Windows

Program Files/Adobe/Adobe Photoshop CS5/Presets/Web Photo Gallery.

Mac OS

Adobe Photoshop CS5/Presets/Web Photo Gallery.

Имя каждой папки отображается как параметр в меню Styles (Стили) диалогового окна Web Photo Gallery (Фотогалерея Web). Каждая папка содержит следующие HTML-файлы шаблонов, используемые в Photoshop для создания галереи.

Caption.htm

Определяет макет надписей, появляющихся под каждой миниатюрой на домашней странице.

FrameSet.htm

Определяет макет набора фреймов для отображения страниц.

IndexPage.htm

Определяет макет домашней страницы.

SubPage.htm

Определяет макет страниц галереи с полноразмерными изображениями.

Thumbnail.htm Определяет макет миниатюр, отображаемых на домашней странице.

Каждый файл шаблона содержит HTML-код и маркеры. Маркер – это строка текста, которая заменяется при задании соответствующих параметров в диалоговом окне Web Photo Gallery (Фотогалерея Web). Например, файл шаблона может содержать следующий элемент TITLE, в котором маркер используется в качестве вложенного текста:

<TITLE>%TITLE%</TITLE>.

При создании в Photoshop галереи с помощью данного файла-шаблона маркер %TITLE% будет заменен текстом, введенным в поле Site Name (Название сайта) диалогового окна Web Photo Gallery (Фотогалерея Web).

Чтобы лучше понять существующий стиль, можно открыть HTML-файл шаблона в HTML-редакторе и изучить его. Так как для создания HTML-документов используются только стандартные символы ASCII, то эти документы можно открывать, редактировать и создавать с помощью простого редактора текстов, такого как «Блокнот» (Windows) или TextEdit (Mac OS).

Изменить существующие стили фотогалерей Web можно путем редактирования соответствующих HTML-файлов шаблонов. Чтобы галерея была создана правильно, при изменении стиля необходимо придерживаться следующих рекомендаций.

  • Папка стиля должна содержать следующие файлы: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm и FrameSet.htm.

  • Можно переименовать папку стиля, но не HTML-файлы шаблона в ней.

  • Можно использовать пустой файл Caption.htm, а HTML-код и маркеры, определяющие расположение надписей, поместить в файл Thumbnail.htm.

  • Маркеры в файле шаблона можно заменить соответствующим текстом или HTML-кодом, при этом параметры будут устанавливаться через файл шаблона, а не с помощью диалогового окна Web Photo Gallery (Фотогалерея Web). Например, файл шаблона может содержать элемент BODY, в котором значением атрибута фонового цвета является маркер:

    bgcolor=%BGCOLOR%.

    Чтобы установить красный фоновый цвет страницы, маркер %BGCOLOR% необходимо заменить значением «FF0000».

  • В файлы шаблонов можно добавить HTML-код и маркеры. Имена маркеров должны содержать только прописные буквы, а также начинаться и заканчивать символом процента (%).

  1. Перейдите в папку, в которой хранятся стили фотогалереи Web.
  2. Выполните одно из следующих действий.
    • Чтобы изменить стиль, создайте копию папки стиля в той же папке, где расположены существующие папки стилей.

    • Чтобы создать новый стиль, создайте новую папку для нового стиля в той же папке, где расположены существующие папки стилей.

    Имя нового или измененного стиля (в соответствии с названием папки) отображается в меню Styles (Стили) диалогового окна Web Photo Gallery (Фотогалерея Web).

  3. С помощью HTML-редактора выполните одно из следующих действий.
    • Измените HTML-файл шаблона.

    • Создайте необходимые HTML-файлы шаблона и сохраните их в папке стиля.

    При создании файлов шаблонов необходимо следовать рекомендациям раздела О настройке стилей фотогалереи Web.

    Примечание.

    При изменении или создании шаблона для стиля галереи необходимо поместить каждый из следующих маркеров в отдельной строке HTML-файла: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% и %PREVINDEX%. При создании отдельных страниц галереи строки шаблона, содержащие маркеры, не применяемые к этим страницам, пропускаются. Например, при создании первой страницы галереи пропускаются все строки шаблона, содержащие маркер %PREVIMAGE%, определяющий ссылку на предыдущую страницу галереи. Размещение маркера %PREVIMAGE% в отдельной строке позволяет гарантировать, что не будут пропущены другие маркеры шаблона.

Маркеры используются в HTML-файлах шаблонов, чтобы определить стиль фотогалереи Web по умолчанию. Эти маркеры используются для создания галереи на основе пользовательских настроек в диалоговом окне Web Photo Gallery (Фотогалерея Web).

При настройке или создании стиля фотогалереи можно добавлять любой маркер в любой HTML-файл шаблона, за исключением маркеров %THUMBNAILS% и %THUMBNAILSROWS%, которые могут находиться только в файле IndexPage.htm. При добавлении маркера следует помнить, что для правильной работы маркера в файл также необходимо добавить HTML-код.

В HTML-файлах шаблонов можно использовать следующие маркеры.

%ALINK%

Определяет цвет активных ссылок.

%ALT%

Определяет имя файла изображения.

%ANCHOR%

Позволяет возвратиться к миниатюре изображения, а не к началу страницы. Это происходит при нажатии кнопки «Домой».

%BANNERCOLOR%

Определяет цвет баннера.

%BANNERFONT%

Определяет шрифт текста баннера.

%BANNERFONTSIZE%

Определяет размер шрифта текста баннера.

%BGCOLOR%

Определяет фоновый цвет.

%CAPTIONFONT%

Определяет шрифт надписей, появляющихся под каждой миниатюрой на домашней странице.

%CAPTIONFONTSIZE%

Определяет размер шрифта надписей.

%CAPTIONTITLE%

Вставляет заголовок документа, взятый из информации о файле в качестве подписи к изображению.

%CHARSET%

Определяет кодировку каждой страницы.

%CONTACTINFO%

Определяет контактную информацию для галереи (например, телефонный номер и местоположение).

%CONTENT_GENRATOR%

Расширяет до «Adobe Photoshop CS5 Web Photo Gallery».

%COPYRIGHT%

Вставляет в подпись к изображению сведения об авторских правах, взятые из информации о файле.

%CREDITS%

Вставляет в подпись к изображению сведения об авторе, взятые из информации о файле.

%CURRENTINDEX%

Определяет ссылку на текущую домашнюю страницу.

%CURRENTINDEXANCHOR%

Находится в файле SubPage.htm и указывает на первую индексную страницу.

%DATE%

Определяет дату, отображающуюся на баннере.

%EMAIL%

Содержит адрес электронной почты автора галереи.

%FILEINFO%

Определяет сведения о файле изображения для надписи.

%FILENAME%

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

%FILENAME_URL%

Определяет URL-адрес файла изображения. Этот маркер можно использовать только для файлов изображений с URL-адресом.

%FIRSTPAGE%

Определяет ссылку на первую страницу галереи, которая отображается в правом кадре набора кадров.

%FRAMEINDEX%

Определяет ссылку на домашнюю страницу, которая отображается в левом кадре набора кадров.

%HEADER%

Задает название галереи.

%IMAGEBORDER%

Задает размер границы полноразмерных изображений на странице галереи.

%IMAGE_HEIGHT%

Устанавливает флажок Add Width And Height Attributes For Images (Добавить атрибуты ширины и высоты изображений). Это позволяет загрузить атрибуты и таким образом сократить время загрузки.

%IMAGE_HEIGHT_NUMBER%

Данный маркер заменяется числовым значением ширины изображения.

%IMAGEPAGE%

Определяет ссылку на страницу галереи.

%IMAGE_SIZE%

Если установлен флажок Resize Images (Изменить размер), этот маркер содержит размер изображения в пикселах, используемые на панели Large Images (Большие изображения). Если этот флажок не установлен, маркер содержит пустую строку. Это помогает использовать JavaScript-код в шаблонах, так как он позволяет отображать максимальные значения высоты и ширины для всех изображений созданного сайта.

%IMAGESRC%

Задает URL-адрес полноразмерных изображений на странице галереи.

%IMAGE_WIDTH%

Устанавливает флажок Add Width And Height Attributes For Images (Добавить атрибуты ширины и высоты изображений). Это позволяет загрузить атрибуты и таким образом сократить время загрузки.

%IMAGE_WIDTH_NUMBER%

Данный маркер заменяется числовым значением ширины изображения.

%LINK%

Определяет цвет ссылок.

%NEXTIMAGE%

Определяет ссылку на следующую страницу галереи.

%NEXTIMAGE _CIRCULAR%

Определяет ссылку из одного большого изображения на следующее большое изображение.

%NEXTINDEX%

Определяет ссылку на следующую домашнюю страницу.

%NUMERICLINKS%

Вставляет на подстраницы пронумерованные ссылки на все большие изображения.

%PAGE%

Указывает положение текущей страницы (например, страница 1 из 3).

%PHOTOGRAPHER%

Определяет имя фотографа или название организации, владеющей правами на фотографии галереи.

%PREVIMAGE%

Определяет ссылку на предыдущую страницу галереи.

%PREVINDEX%

Определяет ссылку на предыдущую домашнюю страницу.

%SUBPAGEHEADER%

Задает название галереи.

%SUBPAGETITLE%

Задает название галереи.

%TEXT%

Определяет цвет текста.

%THUMBBORDER%

Задает размер границ миниатюр.

%THUMBNAIL_HEIGHT%

Устанавливает флажок Add Width And Height Attributes For Images (Добавить атрибуты ширины и высоты изображений). Это позволяет загрузить атрибуты и таким образом сократить время загрузки.

%THUMBNAIL_HEIGHT_NUMBER%

Данный маркер заменяется числовым значением высоты миниатюры.

%THUMBNAILS%

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

%THUMBNAIL_SIZE%

Содержит размер миниатюры в пикселах из панели Thumbnails (Миниатюры). Это помогает использовать JavaScript-код в шаблонах, так как он позволяет отображать максимальные значения высоты и ширины для всех миниатюр созданного сайта.

%THUMBNAILSRC%

Определяет ссылку на миниатюру.

%THUMBNAILSROWS%

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

%THUMBNAIL_WIDTH%

Устанавливает флажок Add Width And Height Attributes For Images (Добавить атрибуты ширины и высоты изображений). Это позволяет загрузить атрибуты и таким образом сократить время загрузки.

%THUMBNAIL_WIDTH_NUMBER%

Данный маркер заменяется числовым значением ширины миниатюры.

%TITLE%.

Задает название галереи.

%VLINK%

Определяет цвет посещенных ссылок.

Логотип Adobe

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