Одним из самых замечательных инструментов автоматизации работы в фотошоп является "Фотогалерея Web". Возможность её создания очень удобна и практична. Полностью готовую для публикации в интернете галерею фотоснимков можно создать буквально за несколько шагов. При создании в выбранный тип фотогалереи можно внести свои изменения по размеру, цвету, стилю и т.п.

В этом уроке по работе с фотошопом будет показано, как создать подходящую Вам фотогалерею для размещения её в интернете.

Создаём Web галерею в Photoshop

Другие уроки по автоматизации работы в фотошопе:

Для создания фотогалереи перейдём в "Файл - Автоматизация - Фотогалерея Web".

Файл - Автоматизация - Фотогалерея Web

Появится окно "Web Photo Gallery", в котором мы сможем настроить параметры нашей галереи.

Окно Web Photo Gallery

Рассмотрим его параметры.

Styles: какой вид галереи использовать. Если щёлкнуть по стрелочке напротив поля "Styles", то в раскрывающемся списке Вы увидите довольно много названий. Для того чтобы увидеть как выглядит фотогалерея нажмите на название и справа Вы увидите графическое отображение выбранной галереи.
E-mail: контактный электронный адрес, который будет помещён на страницу галереи.

Вкладка Styles

Browse (источник): задаётся папка с изображениями, из которых нужно сделать галерею. Щёлкнув по кнопке "Browse" Вы увидите окно "Обзор папок", в котором выбираете папку с исходными фотографиями. Я выбрал папку "LIPS", которая находится на рабочем столе.

Вкладка Brows (источник)

Destination (цель): папка, где будут сохранены файлы полученной галереи. Нажав по кнопке "Destination" Вы увидите окно "Обзор папок", в котором выбираете папку с файлами полученной галереи. Я выбрал папку "Галерея", которая находится на рабочем столе.

Вкладка destination

Options (свойства): в выпадающем списке имеется 6 вкладок,на которых мы уже непосредственно будем настраивать параметры нашей галереи.

Вкладка Options (свойства)

Banner (заголовок): Site name - название галереи, Photographer - имя фотографа, Contact info - контактная информация и Date - дата создания галереи.


Вкладка Banner (заголовок)

Large images: здесь задаются параметры больших фотографий (фотогалерея состоит из маленьких иконок (фото), щёлкнув по которым мы увидим большое изображение). Resize images - для соблюдения пропорций фотографии (галочку ставим обязательно), 1000 pixels - размер большого изображения, JPEG Quality - качество сохраняемой фотографии, File Size - размер файла. Два последних параметра связаны между собой, чем выше качество сохраняемой фотографии, тем больше её размер и тем соответственно она дольше будет грузится при просмотре в Вашем браузере. Border Size - размер рамки фотографии, если конечно Вы хотите, чтобы фото было в рамке.

Вкладка Large Images

Thumbnails (настройка иконок (маленьких фото) пред просмотра): Size - размер иконки, Border Size - размер рамки иконки, если конечно Вы хотите, чтобы иконки были в рамке.

Вкладка Thumbnails (настойка иконок)

Custom Colors: задаются цвета - заголовка (Banner), всей Web страницы (Background), текста заголовка (Text), цвета ссылки (Link), в качестве ссылки выступает Е-mail адрес  автора снимков, который мы вводили в основном окне "Web Photo Gallery".

Вкладка Custom Colors

Security (защита): информация, касающаяся защиты авторских прав. В поле  "Custom  Text" вводим, к примеру, имя автора снимков (я написал название своего сайта), указываем тип шрифта, его размер и цвет, в поле "Opacity" вводим значение непрозрачности, для того чтобы ранее написанное слово не слишком бросалось в глаза при просмотре изображения. Position - где будет располагаться надпись (я поставил сверху слева), Rotate - нужно ли поворачивать надпись (я поставил повернуть на 45 градусов по часовой стрелке).

Вкладка Security (защита)

После нажатия кнопки "Ok" в окне "Web Photo Gallery" начнётся генерация нашей фотогалереи. Вот так она выглядит. Здесь мы видим маленькие иконки пред просмотра изображений, щёлкнув по которым выше можно увидеть большую фотографию, размер которой мы указывали на вкладке "Large images", название фотогалереи - Моя фотогалерея, имя фотографа - Олег, Дата создания галереи - 27.07.2010, контактную информацию - телефон 89631111111 и Е-mail адрес - Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра. (эту информацию мы вводили на вкладке "Banner (заголовок)"). Цвет фона, на котором написана информация Banner (заголовка) - светло-оранжевый. Видим 2-х пиксельные рамки у большой и маленькой (иконки) фотографий и цвет фона основной Web страницы (серый). Имеется ссылка в виде Е-mail адреса синего цвета.

Создаём Web галерею в Photoshop

На первый взгляд всё кажется довольно запутанным, но если Вы практически один раз создадите фотогалерею, то в дальнейшем никаких трудностей у Вас не возникнет. Красивых Вам фотогалерей.

 

Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.

Форма для подписки находится ниже.

Комментарии  

73PH_admin
+1 # 73PH_admin 01.04.2012 01:28
Юля! Чтобы другой человек видел Вашу галерею, ему необходимо выслать папку с галереей. Чтобы удалить галерею необходимо не только удалить папку, но и закрыть вкладку в браузере.
Ответить | Ответить с цитатой | Цитировать
юля
0 # юля 30.03.2012 02:46
еще вопрос. при выборе надписей - окна с размером и шрифтом не активированы. только в разделе безопасность есть.
Ответить | Ответить с цитатой | Цитировать
юля
0 # юля 30.03.2012 02:40
все прекрасно работает. подскажите, пожалуйста, как эта галерея живет в нете дальше. открыть ее можно с помощью сохраненного в папке кода. а другие ее могут видеть без ссылки? и как она удаляется при необходимости (удалила папку с сохраненной информацией, но галерея живет)
Спасибо.
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 24.03.2011 21:24
Цитирую eee:
И где же она в CS5?

Насчёт CS4 и CS5 сказать ничего не могу, в этих версиях фотошопа я не работал.
Ответить | Ответить с цитатой | Цитировать
Владимир
0 # Владимир 23.03.2011 23:52
Огромное спасибо за ваши уроки.Благодаря Вам понял-может что-то получится.При попытке содать вебгалерею вышло-There is template folder to run Web Photo Gallery (где взять папку шаблон для запуска веб-фотогалереи).
Пока не могу понять что требуется? Помогите.Заранее благодарен.
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 24.03.2011 21:28
Очевидно Вы не задали папку с изображениями, из которых нужно сделать галерею или папку, где будут сохранены файлы полученной галереи.
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 10.03.2011 19:05
Очень понравилось. Большое спасибо.
Ответить | Ответить с цитатой | Цитировать
eee
0 # eee 20.02.2011 05:35
И где же она в CS5?
Ответить | Ответить с цитатой | Цитировать
пользователь
0 # пользователь 19.12.2010 03:03
Я против авторских прав. Эту фигню давно надо отменить.
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 19.12.2010 03:17
Это очень сложный вопрос.
Ответить | Ответить с цитатой | Цитировать
Александр
0 # Александр 01.11.2010 20:53
автор NON, как насчёт этой вкладке в Photoshop CS4 или Photoshop CS5, можно ожидать появление описание нового продукта ?
Ответить | Ответить с цитатой | Цитировать
73PH_admin
-1 # 73PH_admin 19.12.2010 03:16
Описания CS4 и CS5 в сети полно, а вкладка "Фотогалерея Web", если не ошибаюсь, есть во всех версиях.
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите уникальное имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить код проверки.


Защитный код
Обновить

Кто на сайте

Сейчас 436 гостей и 4 зарегистрированных пользователей на сайте

  • haver
  • l-mo2
  • OlegNakroshaev

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

Администрация сайта.

Пользователи, внесшие вклад

Вход на сайт



 Начните свой путь в мир ФОТОШОПА сейчас!

Соглашение

 

 

 

 

PhotoshopSunduchok

В контакте

 

 

PhotoshopSunduchok

на You Tube

You Tube

PhotoshopSunduchok

в Instagram

 

 

PhotoshopSunduchok

в Twitter

Поиск по сайту

Что в сундучке?

  • Текстовых уроков - 1100
  • Видеоуроков - 744
  • Вебинаров и тренингов - 66
  • Практических советов - 163
  • Программ - 7
  • Шаблонов, обоев и клипартов - 357
  • Наборов кистей, фигур - 306
  • Календарей - 114
  • Наборов рамок - 546
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 37
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 48
  • Шрифтов - 78
  • Разное - 64