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


БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

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

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

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Кто на сайте

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

  • fedor
  • Pljuska

 

 

 

 

 

 

Яндекс.Метрика

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

Одним из самых замечательных инструментов автоматизации работы в фотошоп является "Фотогалерея 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

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

 

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

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

Печать

Комментарии  

csikdecymn
0 # csikdecymn 24.03.2018 03:31
Прошу прощения, что я Вас прерываю, мне тоже хотелось бы высказать своё мнение.
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
+1 # 73PH_adminv15 01.04.2012 01:28
Юля! Чтобы другой человек видел Вашу галерею, ему необходимо выслать папку с галереей. Чтобы удалить галерею необходимо не только удалить папку, но и закрыть вкладку в браузере.
Ответить | Ответить с цитатой | Цитировать
юля
0 # юля 30.03.2012 02:46
еще вопрос. при выборе надписей - окна с размером и шрифтом не активированы. только в разделе безопасность есть.
Ответить | Ответить с цитатой | Цитировать
юля
0 # юля 30.03.2012 02:40
все прекрасно работает. подскажите, пожалуйста, как эта галерея живет в нете дальше. открыть ее можно с помощью сохраненного в папке кода. а другие ее могут видеть без ссылки? и как она удаляется при необходимости (удалила папку с сохраненной информацией, но галерея живет)
Спасибо.
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
0 # 73PH_adminv15 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_adminv15
0 # 73PH_adminv15 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_adminv15
0 # 73PH_adminv15 19.12.2010 03:17
Это очень сложный вопрос.
Ответить | Ответить с цитатой | Цитировать
Александр
0 # Александр 01.11.2010 20:53
автор NON, как насчёт этой вкладке в Photoshop CS4 или Photoshop CS5, можно ожидать появление описание нового продукта ?
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
-1 # 73PH_adminv15 19.12.2010 03:16
Описания CS4 и CS5 в сети полно, а вкладка "Фотогалерея Web", если не ошибаюсь, есть во всех версиях.
Ответить | Ответить с цитатой | Цитировать

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

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


  • Перспективная надпись в Фотошоп

    В этом уроке Вы узнаете, как создать текст в перспективе с отражением и с 3D эффектом. {smooth-scroll-top} Далее
  • Пишем кровью

    Иногда приходится делать настолько оригинальные изображения, что найти описание их создания практически невозможно. В этом разделе описывается довольно старый, но Далее
  • Дерево

    Как показывает опыт, эта текстура часто используется на практике, например при создании рамок для фотографий или фона для веб-страниц.Впрочем, можно Далее
  • 1
  • 2

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2018