Тепер перейдемо до створення фотоальбому:

У меню File (Файл) виберіть команду Automate"Web Photo Gallery (Автоматизація"Фотогалерея веб). Після цього з'явиться діалогове вікно настройок Web Photo Gallery Рис.1

Рис.1 Діалогове вікно настройок Web Photo Gallery

Перш ніж настроювати зовнішній вигляд галереї, визначте, що помістите в неї. Зробити це можна двома способами.

А). Через міст - за допомогою Adobe Bridge (Провідник).

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

1. Відкрийте Adobe Bridge (Провідник), відшукайте і виділіть потрібні фотографії.

Щоб змінити послідовність малюнків, мишею перетягніть значок фото на нове місце. Відберіть певні зображення для фотогалереї, натиснувши клавішу <Ctrl>.

2. Після того, як помітите знімки, в головному меню програми виберіть пункт Tools"Photoshop"Web Photo Gallery (Інструменти"Photoshop"Фотогалерея Веб). В результаті завантажаться програма Photoshop і діалогове вікно Web Photo Gallery.

3. Переконайтеся, що в розділі Source Images (Початкові зображення) діалогового вікна Web Photo Gallery відмічений пункт SelectedImages from Bridge (Вибрані малюнки з Bridge).

Б). У діалоговому вікні Web Photo Gallery.

Якщо ви бажаєте помістити у фотогалерею всі знімки з певної папки, то можна це зробити і не звертаючись до Adobe Bridge. Щоб вибрати потрібну папку, виконайте наступне.

1. У діалоговому вікні Web Photo Gallery виберіть в розділі Source Images (Джерело зображення) пункт Folder (Папка).

2. Натисніть кнопку Browse (Перегляд) і за допомогою Browse for Folder (Перегляд папки) вибиріть папку, що містить ті знімки, які хочете помістити у веб-фотогалерею.

Після того, як джерело для галереї буде визначене, вкажіть, куди програма повинна генерувати результат своїх дій. Натиснувши на кнопку Destination (Місце призначення) в діалоговому вікні Browse for folder (Перегляд папки), що розкрилося, задайте, де буде розміщена створена галерея, і натисніть OK.

Тепер розглянемо докладніше основні параметри настройки фотогалереї.

1.2.1 Стиль по Web Photo Gallery, або Вибір стилю для фотогалереї

У верхній частині діалогового вікна Web Photo Gallery розташовується список Styles (Стилі), що розкривається, де можна вибрати певний стиль для галереї. Зовнішній вигляд кожного із стилів приводиться в правій частині панелі. Рис.2 представлені основні типи стилів веб-галерей, а нижче дані характеристики цих стилів.

Рис.2 Основні типи стилів для Web Photo Gallery

Centered Frame (Центральний показ слайдів) - цей стиль включає групу шаблонів. Велике зображення розташовується по центру, а зліва від нього розгортається весь перелік значків з посиланнями на інші фотографії

Flash-Gallery (Flash-галерея) - найцікавіший стиль, що використовує переваги Flash-анімації, хоча можливостей настройки у нього менше, ніж у інших шаблонів. Для проглядання галереї потрібне лише одне - в інтернет-браузері повинен бути встановлений Macromedia SWF-Player. У цей стиль додані ефекти появи і зникнення зображення, збільшення значка малюнка після наведення на нього миші, можливість інтеграції звуку.

Horizontal (Горизонтальний показ слайдів) - шаблони даної групи схожі на шаблони Centered Frame, тільки зменшені зображення знімків розміщуються під великою фотографією, а не зліва від неї.

Table (Таблиця) - головна сторінка галереї, що містить перелік поміщених в таблицю маленьких зображень, з яких ви стартуєте на великі знімки.

Виберіть для галереї один із стилів, наприклад Horizontal Neutral, а в полі E-mail вкажіть свою електронну адресу.

1.2.2 Настройка опції General (Основні)

Погляньте на нижню частину діалогового вікна Web Photo Gallery, де розташовуються настройки розділу Options (Параметри). У списку, що розкривається, є декілька пунктів можливих настройок, які ми і розглянемо.

Почніть з розділу General (Основні) і виконайте такі дії.

1. Виберіть для файлів розширення. htm або.html.

2. Встановіть прапорець Add Width and Height Attributes for images (Додати атрибути ширини і довжини для зображень), щоб збільшити швидкість завантаження зображень.

3. Виберіть прапорець Preserve All Metadata (Включати всі метадані), і тоді в браузері з'являтиметься визначена вами раніше інформація про фотографію.

Метадані прописуються в програмі Adobe Bridge в розділі Metadata"IPTC Core. Туди ж можна внести як докладну інформацію про автора, так і опис файлу.

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

В результаті діалогове вікно прийме вигляд, представлений на Рис.3

1.2.3 Настройка опції Banner (Банер)

Тепер у вкладку Banner (Банер) внесемо інформацію про галерею. На сайті ці рядки гратимуть роль заголовка і розташовуватися на кожній сторінці. Виконайте наступне Рис.3

Рис.3 Настройка параметрів Banner

1. У полі Site Name (Ім'я сайту) впишіть назву вашого сайту, наприклад "Мій фотоальбом".

Використовувати кирилицю треба дуже обережно, оскільки не всі стилі її розуміють, наприклад, Flash Gallery замість кирилиці виведе порожні рядки.

2. Введіть ім'я творця веб-фотогалереї в поле Photographer (Фотограф).

3. У полі Contact Info (Контактна інформація) залиште дані, по яких можна буде з вами зв'язатися.

4. Встановіть дату створення фотогалереї в полі Date (Дата). За умовчанням тут стоятиме поточна дата роботи з документом.

1.2.4 Настройка опції Large Images (Великі зображення)

Пора визначити і зовнішній вигляд великих фотографій галереї. Для настройки сторінок галереї Large Images потрібно поступити так Рис.4

Рис.4 Настройка параметрів Large Images

1. Включіть прапорець в полі Resize Images (Змінити розмір), щоб активізувати можливість настройки розміру зображень. Інакше доступні будуть тільки строго задані три розміри з максимальним значенням 450 пікселів.

2. Щоб фото, що проглядається, було достатньо великим, виберіть опцію Custom (Замовлена) і введіть значення, рівне 600 пікселам.

Не всі стилі дозволять задавати такий великий розмір. У стилях сімейства Centered максимальний розмір складає 450 пікселів.

3. Зверніться до наступного списку, що розкривається, - Constrain (Обмеження). Він допоможе вказати, до чого відноситиметься заданий вище розмір (600 пікселів), тобто чи буде це максимальним значенням для ширини (Width), для висоти (Height) або обох сторін (Both). У полі Constrain (Обмеження) виберіть Both (Обидва), щоб при зміні розміру малюнка ширина і висота не перевищували вказані раніше 600 пікселів.

4. Вкажіть ступінь стиснення зображення, що визначить його якість. Для поля JPEG Quality (Якість JPEG) встановите алгоритм стиснення High (Високе) із значенням, рівним 9.

5. Якщо ви вибрали стиль, що використовує рамки, як Horizontal Neutral, то в поле Border Size (Розмір рамки) введіть значення 2 піксели.

6. Включіть всі прапорці в частині Titles Use (Використовувати назви):

Filename (Ім'я файлу) - виводить ім'я файлу;

Description (Опис) - відображає опис файлу;

Credits (Заголовні титри) - показує початкові титри;

Title (Назва) - включає назву малюнка в опис файлу;

Copyright - поміщає на зображення текстовий блок, визначений вами як знак авторського права.

Не у кожного стилю всі пункти будуть активними. Так, Horizontal Neutral може вивести тільки Filename (Ім'я файлу) і Title (Назва).

фотоальбом adobe photoshop

1.2.5 Настройка опції Thumbnails (Піктограми)

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

1. У поле розміру піктограми Size (Розмір) введіть значення 100 пікселів - не робитимемо значки дуже маленькими.

2. Поле Columns (Колонки) і Rows (Ряди) активно тільки для деяких стилів, наприклад для Horizontal Frame Style. Дана опція дозволяє визначати число рядів і колонок для відображення значків.

3. Визначимо розмір рамки маленьких фото, ввівши значення 1 піксел в полі Border Size (Розмір рамки).

4. Включимо всі прапорці в частині Titles Use (Використовувати назви). Це можливо також не у всіх стилях, зокрема недоступно у використовуваному нами Horizontal Neutral.

1.2.6 Настройка опції Custom Colors (Замовлені кольори)

Для визначення кольорів фону і посилань призначений розділ Custom Colors (Замовлені кольори). Він допоможе зробити наступні настройки.