Посібник користувача Скасувати

Створення веб-фотогалерей

  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 Libraries у програмі Photoshop
    4. Використання сенсорної панелі Touch Bar у Photoshop
    5. Робота з малюнками Illustrator у програмі Photoshop
    6. Робота з малюнками Illustrator у програмі Photoshop
    7. Сітка й напрямні
    8. Створення дій
    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. Створення документів
    3. Використання сенсорної панелі Touch Bar у Photoshop
    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. Перегляд на пристрої
    4. Копіювання CSS із шарів
    5. Поділ веб-сторінок на фрагменти
    6. Параметри HTML для фрагментів
    7. Змінення макета фрагментів
    8. Робота з веб-графікою
    9. Створення веб-фотогалерей
  9. Основні відомості про зображення й колір
    1. Як змінити розмір зображення
    2. Робота з растровими й векторними зображеннями
    3. Розмір і роздільна здатність зображення
    4. Одержання зображень із камер і сканерів
    5. Створення, відкриття й імпорт зображень
    6. Перегляд зображень
    7. Помилка «Недійсний JPEG-маркер» | Відкриття зображень
    8. Перегляд кількох зображень
    9. Настроювання палітр кольорів і зразків
    10. Зображення з розширеним динамічним діапазоном
    11. Підбір кольорів на зображенні
    12. Перетворення між колірними режимами
    13. Колірні режими
    14. Стирання частин зображення
    15. Режими накладання
    16. Вибір кольорів
    17. Налаштування таблиць індексованих кольорів
    18. Інформація про зображення
    19. Фільтри деформації недоступні
    20. Про колір
    21. Кольорове й монохромне коригування за допомогою каналів
    22. Вибір кольорів на панелях «Колір» і «Зразки»
    23. Зразок
    24. Колірний режим або режим зображення
    25. Відтінок кольору
    26. Додавання до дії зміни режиму за умовою
    27. Додавання зразків із документів HTML CSS і SVG
    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. Зображення з розширеним динамічним діапазоном
    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. Створення візерунка за допомогою модуля Pattern Maker (Конструктор візерунків)
    18. Керування контурами
    19. Керування бібліотеками візерунків і стилями
    20. Креслення або малювання за допомогою графічного планшета
    21. Створення текстурованих пензлів
    22. Додавання динамічних елементів до пензлів
    23. Градієнт
    24. Малювання стилізованих штрихів інструментом «Архівний художній пензель»
    25. Малювання за допомогою візерунка
    26. Синхронізація стилів на кількох пристроях
  17. Текст
    1. Робота зі шрифтами OpenType SVG
    2. Форматування символів
    3. Форматування абзаців
    4. Створення текстових ефектів
    5. Редагування тексту
    6. Інтервал між символами та рядками
    7. Арабський шрифт і шрифт івриту
    8. Шрифти
    9. Пошук та усунення проблем зі шрифтами
    10. Азійський текст
    11. Створення тексту
    12. Помилка обробника тексту під час використання інструмента «Текст» у 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. Збереження файлів у 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. Photoshop 3D | Поширені запитання про функції 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
Примітка.

Докладніше про створення веб-галерей за допомогою програми Photoshop CS5 читайте в розділі Створення веб-фотогалерей у довідці програми Adobe Bridge. Щоб використовувати випущений раніше додатковий модуль веб-фотогалереї, описаний нижче, завантажте його для Windows або Mac OS.

Про веб-фотогалереї

Веб-фотогалерея – це веб-сайт, що містить домашню сторінку з зображеннями мініатюр та сторінками галереї з повнорозмірними зображеннями. Кожна сторінка містить посилання, що дають змогу відвідувачам здійснювати навігацію по сайту. Наприклад, коли відвідувач натискає на зображення мініатюри на домашній сторінці, відповідне повнорозмірне зображення завантажується на сторінку галереї. Команду «Web Photo Gallery» (Веб-фотогалерея) можна використовувати для автоматичного створення веб-фотогалереї з набору зображень.

Домашня сторінка веб-фотогалереї у Photoshop
Домашня сторінка веб-фотогалереї

Photoshop надає різноманітні стилі для галереї, які можна вибрати за допомогою команди «Web Photo Gallery» (Веб-фотогалерея). Якщо ви – досвідчений користувач, обізнаний із HTML, можна створювати нові стилі або персоналізувати стиль шляхом редагування набору файлів шаблонів HTML.

Кожний шаблон для стилів галереї має різні параметри. Якщо ви використовуєте передналаштований стиль, деякі параметри можуть бути затемнені або недоступні в даному стилі.

Створення веб-фотогалереї

Створення веб-галерей із використанням програми Adobe Bridge

Програма Adobe Bridge містить оновлені функції роботи з веб-галереями. Для отримання вказівок див. розділ довідки програми Adobe Bridge Створення веб-фотогалерей або наведені нижче навчальні посібники.

Використання старішого додаткового модуля програми Photoshop

  1. Завантажте та інсталюйте випущений раніше модуль веб-фотогалереї для Windows або Mac OS.

  2. (Додатково) Виберіть файли або папку, яку потрібно використати в Adobe Bridge.

    Ваші зображення будуть представлені в тому порядку, в якому вони відображаються у Bridge. Якщо необхідно використати інший порядок, змініть порядок у Bridge.

  3. Виконайте одну з таких дій:

    • В Adobe Bridge виберіть «Інструменти» > «Photoshop» > «Web Photo Gallery» (Веб-фотогалерея).

    • У Photoshop виберіть «Файл» > «Автоматизувати» > «Web Photo Gallery» (Веб-фотогалерея).

  4. Виберіть стиль для галереї зі спливаючого меню «Стилі». Перегляд домашньої сторінки для вибраного стилю з'являється у діалоговому вікні.

  5. (Додатково) Введіть адресу e‑mail як контактну інформацію для галереї.

  6. Виберіть початкові файли для галереї з меню «Використовувати».

    Виділені зображення з Bridge

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

    Тека

    Використовує зображення з тек, які ви вибрали, за допомогою кнопок «Переглянути» (Windows) або «Вибрати» (Mac OS). Виберіть команду «Включити всі вкладені папки» для включення зображень, що містяться в підпапках вибраної папки.

  7. Натисніть на «Місце призначення», а потім виберіть папку, в яку потрібно записати зображення та HTML-сторінки для галереї. Потім натисніть кнопку «OK» (Windows) або «Вибрати» (Mac OS).

  8. Виберіть параметри форматування для веб-галереї. Зробіть вибір у меню «Параметри» для показу кожного набору параметрів. Див. Параметри веб-фотогалереї.

  9. Натисніть кнопку «OK». Photoshop розташовує у папці призначенні такі HTML– та JPEG-файли:

    • Домашня сторінка для галереї з назвою index.htm або index.html залежно від параметрів «Розширення». Відкрийте цей файл у будь-якому браузері, щоб переглянути галерею.

    • JPEG-зображення всередині підтеки «images».

    • HTML-сторінки всередині підтеки «pages».

    • Зображення мініатюр JPEG всередині підтеки «thumbnails».

Перевірка збігу кольорів

Якщо ви працюєте з фотографіями у робочому просторі з кольором широкої гами, наприклад ProPhoto RGB або Adobe RGB, кольори зображення можуть змінюватися під час перегляду у веб-галереї в переглядачі, нездатному читати вбудовані колірні профілі. Якщо це трапляється, спробуйте перетворити профілі зображення на sRGB (що використовується типово більшістю браузерів) перед їхньою оптимізацією або включенням у веб-фотогалерею. Перетворіть їх на sRGB одним із наведених способів. Гарною ідеєю є робота з копіями зображень.

Якщо використовується процесор зображень, то можна зберігати файли безпосередньо у форматі JPEG із потрібним розміром. Якщо ви дієте таким чином, впевніться, що прапорець «Зміна розміру зображень» у параметрах «Велике зображення» не встановлено.

Параметри веб-фотогалереї

Загальний

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

Розширення

Використовує .htm або .html як розширення назви файлу.

Використання кодування UTF 8 для URL

Використовує кодування UTF‑8.

Додавання до зображень атрибути ширини й висоти

Установлює розміри задля скорочення часу завантаження.

Зберігати всі метадані

Містить відомості метаданих.

Банер

Параметри тексту для банера, що з'являється на кожній сторінці у галереї. Введіть текст для кожного пункту:

Назва сайту

Назва галереї.

Фотограф

Ім’я особи або назва організації, що згадується як автор/власник фотографій у галереї.

Контактні дані

Контактна інформація для галереї, наприклад телефонний номер або робоча адреса.

Дата

Дата з'являється на кожній сторінці галереї. Типово Photoshop використовує поточну дату.

Шрифт і кегль

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

Великі зображення

Параметри головних зображень, що з’являються на кожній сторінці галереї.

Додати числові посилання

(Доступно для деяких стилів сайту) Розташовує числову послідовність (починаючи з 1, закінчуючи загальною кількістю сторінок у галереї) по горизонталі у верхній частині кожної сторінки галереї. Кожне число є посиланням на відповідну сторінку.

Змінити розмір зображень

Змінює розміри вихідних зображень для розміщення на сторінках галереї. Виберіть розмір зі спливаючого меню або введіть розмір у пікселях. У пункті «Обмеження» виберіть, які розміри зображення потрібно обмежити під час зміни розміру. Для «Якості JPEG» виберіть варіант у спливаючому меню, введіть значення від 0 до 12 або перетягніть повзунок. Що більше значення, то вища якість зображення і більший файл.

Примітка.

Photoshop використовує типовий метод інтерполяції зображення, встановлений у параметрах. Виберіть «Бікубічна, чіткіше» в якості типового для найкращих результатів під час зменшення розміру зображення.

Розмір межі

Визначає товщину межі лінії в пікселях навколо зображення.

Використання заголовків

(Доступно для деяких стилів сайту) Вказує параметри для відображення супровідних підписів під кожним зображенням. Виберіть поле «Ім’я файлу» для відображення імені файлу або виберіть поля «Опис», «Розробники», «Заголовок» і «Авторське право» для відображення описового тексту в діалоговому вікні «Інформація про файл».

Шрифт і кегль

(Доступно для деяких стилів сайту) Визначає шрифт і розмір супровідного підпису.

Мініатюри

Параметри для домашньої сторінки галереї, зокрема розмір зображень мініатюр.

Розмір

Задає розмір мініатюри. Виберіть зі спливаючого меню або введіть значення у пікселях для ширини кожної мініатюри.

Рядки та стовпці

Вкажіть кількість стовпців та рядків, у яких відображатимуться мініатюри на домашній сторінці. Цей параметр не застосовується до галерей, що використовують «Стиль горизонтального фрейму» або «Стиль вертикального фрейму».

Розмір межі

Визначає товщину межі лінії в пікселях навколо кожної мініатюри.

Використання заголовків

(Доступно для деяких стилів сайту) Визначає параметри відображення супровідних підписів під кожною мініатюрою. Виберіть поле «Ім’я файлу» для відображення імені файлу або виберіть поля «Опис», «Розробники», «Заголовок» і «Авторське право» для відображення описового тексту в діалоговому вікні «Інформація про файл».

Шрифт і кегль

(Доступно для деяких стилів сайту) Визначає шрифт і розмір супровідного підпису.

Власні кольори

Параметри кольорів елементів галереї. Щоб змінити колір елементу, клацніть зразок кольору, а потім виберіть новий колір на Палітрі кольорів Adobe. Можна змінити колір тла кожної сторінки (параметр кольору тла) і банера (параметр «Банер»).

Захист

Відображає текст над кожним зображенням для запобігання крадіжці зображень.

Вміст

Визначає текст для відображення. Виберіть «Власний текст» для введення власного тексту. Виберіть поля «Назва файлу», «Опис», «Розробники», «Заголовок» або «Авторські права» для відображення описового тексту в діалоговому вікні «Відомості про файл».

Шрифт, колір і розташування

Вкажіть шрифт, колір та вирівнювання супровідного підпису.

Поворот

Розмістіть текст на зображенні під кутом.

Стилі веб-фотогалереї

Photoshop забезпечує різноманітність стилів для веб-фотогалереї. Якщо ви – досвідчений користувач, обізнаний із HTML, можна створювати нові стилі або персоналізувати стиль шляхом редагування набору файлів шаблонів HTML.

Стилі веб-фотогалереї, що надаються програмою Photoshop, зберігаються в окремих папках в таких місцях:

Windows

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

Mac OS

Adobe Photoshop CS5/Presets/Web Photo Gallery.

Назва кожної папки в цьому місці з'являється як параметр у меню «Стилі» в діалоговому вікні «Web Photo Gallery» (Веб-фотогалерея). У кожній папці містяться такі файли шаблонів HTML, які Photoshop використовує для створення галереї:

Caption.htm

Визначає макет супровідного підпису, що з’являється під кожною мініатюрою на домашній сторінці.

FrameSet.htm

Визначає макет набору рамок для відображення сторінок.

IndexPage.htm

Визначає макет домашньої сторінки.

SubPage.htm

Визначає макет сторінок галереї з повнорозмірними зображеннями.

Thumbnail.htm Визначає макет мініатюр, що з’являються на домашній сторінці.

Кожний файл шаблону містить HTML-код і маркери. Маркер – це текстовий рядок, що замінюється програмою Photoshop під час встановлення відповідного параметру у діалоговому вікні «Web Photo Gallery» (Веб-фотогалерея). Наприклад, файл шаблону може містити такий TITLE-елемент, що використовує маркер у якості вкладеного тексту:

<TITLE>%TITLE%</TITLE>

Коли Photoshop створює галерею за допомогою файлу шаблона, він замінює маркер %TITLE% на текст, введений у пункті «Назва сайта» у діалоговому вікні «Web Photo Gallery» (Веб-фотогалерея).

Для кращого розуміння наявного стилю можна відкрити та вивчити файли шаблонів HTML за допомогою редактора HTML Через те, що лише стандартні символи ASCII потрібні для створення HTML-документів, можна відкривати, редагувати та створювати ці документи за допомогою редактора неформатованого тексту, наприклад, Notepad (Windows) або TextEdit (Mac OS).

Про персоналізацію стилів веб-фотогалереї

Можна персоналізувати наявний стиль веб-фотогалереї шляхом редагування одного або декількох файлів шаблону HTML. Під час персоналізації стилю потрібно слідувати цим вказівкам, щоб Photoshop міг створювати галерею належним чином:

  • Папка стилю повинна містити ці файли: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm та FrameSet.htm.

  • Можна перейменувати папку стилю, але не файли шаблону HTML у папці.

  • Файл Caption.htm може бути порожнім, а також у ньому можна розмістити HTML-код та маркери, що визначають макет супроводжувального підпису у файлі Thumbnail.htm.

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

    bgcolor=%BGCOLOR%

    Щоб встановити колір тла сторінки на червоний, можна замінити маркер %BGCOLOR% на «FF0000.»

  • Можна додати HTML-код або маркери до файлів шаблону. Усі маркери повинні містити великі символи, а також починатися та закінчуватися символом відсотка (%).

Персоналізація та створення стилю веб-фотогалереї

  1. Знайдіть папку, в якій зберігаються наявні стилі веб-фотогалереї.
  2. Виконайте одну з таких дій:
    • Щоб персоналізувати стиль, створіть копію папки стилю та зберігайте її у тому самому місці, що й папки наявних стилів.

    • Щоб створити новий стиль, створіть нову папку для нового стилю та зберігайте її у тому самому місці, що й папки наявних стилів.

    Новий або персоналізований стиль (названий за папкою) з'являється у меню «Стиль» у діалоговому вікні «Web Photo Gallery» (Веб-фотогалерея).

  3. Виконайте одну з таких дій за допомогою редактора HTML:
    • Персоналізуйте файл шаблону HTML.

    • Створіть потрібні файли шаблонів HTML та зберігайте їх у папці стилю.

    Під час створення файлів шаблону впевніться, що ви слідуєте вказівкам щодо персоналізації, наведеним у розділі Про персоналізацію стилів веб-фотогалереї.

    Примітка.

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

Маркери стилю веб-фотогалереї

Photoshop використовує маркери у файлах шаблонів HTML для визначення типового стилю веб-фотогалереї. Photoshop використовує ці маркери для створення галереї на основі вводу користувача у діалоговому вікні «Web Photo Gallery» (Веб-фотогалерея).

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

У файлах шаблонів HTML можна використовувати такі маркери:

%ALINK%

Визначає колір активних посилань.

%ALT%

Визначає назву файлу зображення.

%ANCHOR%

Забезпечує здатність повернення до мініатюри зображення, яку переглядає користувач, а не до початку індексу. Починає діяти, коли користувач натискає на кнопку Home.

%BANNERCOLOR%

Визначає колір банера.

%BANNERFONT%

Визначає шрифт тексту банера.

%BANNERFONTSIZE%

Визначає кегль шрифту тексту банера.

%BGCOLOR%

Визначає фоновий колір.

%CAPTIONFONT%

Визначає шрифт супровідного підпису під кожною мініатюрою на домашній сторінці.

%CAPTIONFONTSIZE%

Визначає розмір шрифту супровідного підпису.

%CAPTIONTITLE%

Вставляє заголовок документа для супровідного підпису з файлової інформації.

%CHARSET%

Визначає набір символів, що використовується на кожній сторінці.

%CONTACTINFO%

Визначає контактну інформацію для галереї, наприклад номер телефону й місце розміщення.

%CONTENT_GENRATOR%

Розширюється до «Веб-фотогалереї програмиAdobe Photoshop CS5».

%COPYRIGHT%

Вставляє інформацію про авторські права для супровідного підпису з файлової інформації.

%CREDITS%

Вставляє інформацію про розробників для супровідного підпису з файлової інформації.

%CURRENTINDEX%

Визначає посилання для поточної домашньої сторінки.

%CURRENTINDEXANCHOR%

Розташований у SubPage.htm і вказує на першу сторінку індексу.

%DATE%

Визначає дату, що з’являється на банері.

%EMAIL%

Визначає контактну адресу електронної пошти для галереї.

%FILEINFO%

Визначає інформацію файлу зображення для супроводжувального підпису.

%FILENAME%

Визначає назву файлу зображення. Використовуйте для метаданих, що з'являються як текст HTML.

%FILENAME_URL%

Визначає назву файлу URL зображення. Використовуйте лише для назви файлу URL.

%FIRSTPAGE%

Визначає посилання для першої сторінки галереї, що з’являється в правому фреймі набору фреймів.

%FRAMEINDEX%

Визначає посилання для домашньої сторінки, що з’являється в лівому фреймі набору фреймів.

%HEADER%

Визначає назву галереї.

%IMAGEBORDER%

Визначає розмір межі повнорозмірного зображення на сторінці галереї.

%IMAGE_HEIGHT%

Активує поле з позначкою «Додати до зображень атрибути ширини і висоти». Це дозволяє користувачеві завантажувати атрибути, зменшуючи час завантаження.

%IMAGE_HEIGHT_NUMBER%

Цей маркер заміщується числовим (лише), що представляє ширину зображення.

%IMAGEPAGE%

Визначає посилання на сторінку галереї.

%IMAGE_SIZE%

Якщо позначено поле «Змінити розмір зображення», цей маркер містить значення у пікселях для зображення, що використовується у панелі «Великі зображення». Якщо поле не позначено, цей маркер міститиме порожній рядок. Він підходить для JavaScript у шаблонах, тому що може показувати максимальні значення висоти та ширини для всіх зображень для створеного сайту.

%IMAGESRC%

Визначає URL для повнорозмірного зображення на сторінці галереї.

%IMAGE_WIDTH%

Активує поле з позначкою «Додати до зображень атрибути ширини і висоти». Це дозволяє користувачеві завантажувати атрибути, зменшуючи час завантаження.

%IMAGE_WIDTH_NUMBER%

Цей маркер заміщується числовим (лише), що представляє ширину зображення.

%LINK%

Визначає колір посилань.

%NEXTIMAGE%

Визначає посилання для наступної сторінки галереї.

%NEXTIMAGE _CIRCULAR%

Встановлює посилання з попереднього перегляду великого зображення на попередній перегляд наступного великого зображення.

%NEXTINDEX%

Визначає посилання для наступної домашньої сторінки.

%NUMERICLINKS%

Вставляє нумеровані посилання на підсторінках на попередні перегляди всіх великих зображень.

%PAGE%

Визначає місце поточної сторінки (наприклад, 1 сторінка з 3).

%PHOTOGRAPHER%

Визначає ім’я особи або організації, яка згадується як автор/власник фотографій у галереї.

%PREVIMAGE%

Визначає посилання для попередньої сторінки галереї.

%PREVINDEX%

Визначає посилання для попередньої домашньої сторінки.

%SUBPAGEHEADER%

Визначає назву галереї.

%SUBPAGETITLE%

Визначає назву галереї.

%TEXT%

Визначає колір тексту.

%THUMBBORDER%

Визначає розмір меж мініатюр.

%THUMBNAIL_HEIGHT%

Активує поле з позначкою «Додати до зображень атрибути ширини і висоти». Це дозволяє користувачеві завантажувати атрибути, зменшуючи час завантаження.

%THUMBNAIL_HEIGHT_NUMBER%

Цей маркер заміщується числовим (лише), що представляє висоту зображення.

%THUMBNAILS%

Цей маркер заміщується мініатюрами за допомогою файлу Thumbnail.htm для стилів фрейму. Ви маєте ставити цей маркер окремо в одному нерозривному рядку в HTML-файлі.

%THUMBNAIL_SIZE%

Містить значення у пікселях для мініатюр у панелі «Мініатюри». Він підходить для JavaScript у шаблонах, тому що може показувати максимальні значення висоти та ширини для усіх мініатюр для створеного сайту.

%THUMBNAILSRC%

Визначає посилання на мініатюри.

%THUMBNAILSROWS%

Цей маркер заміщується рядами мініатюр за допомогою файлу Thumbnail.htm для стилів без фреймів. Ви маєте ставити цей маркер окремо в одному нерозривному рядку в HTML-файлі.

%THUMBNAIL_WIDTH%

Активує поле з позначкою «Додати до зображень атрибути ширини і висоти». Це дозволяє користувачеві завантажувати атрибути, зменшуючи час завантаження.

%THUMBNAIL_WIDTH_NUMBER%

Цей маркер заміщується числовим (лише), що представляє ширину мініатюри.

%TITLE%

Визначає назву галереї.

%VLINK%

Визначає колір відвіданих посилань.

Логотип Adobe

Увійдіть до облікового запису