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


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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

Сейчас 158 гостей и ни одного зарегистрированного пользователя на сайте

 

 

 

 

 

 

Последние комментарии

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

Создаём 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. Если нет - зарегистрируйтесь, это бесплатно.


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Фон Мозайка

Уроки рисования в фотошопе

Фон Мозайка Всем привет! Сегодня мы будем рисовать мозаичный фон.  Сначала мы применим к фоновому слою фильтры Облака, Облака с наложением, Мозаика и Акцент на краях. Затем рассмотрим три способа, как добавить цвет...

Читать далее

Как рисовать воду в фо…

Уроки рисования в фотошопе

Как рисовать воду в фотошопе Всем привет! Сегодня мы будем рисовать с нуля воду. Сначала мы при помощи фильтров Облака, Размытие по Гауссу, Размытие в движении, Целлофановая упаковка и Хром нарисуем текстуру воды...

Читать далее

Эффект Капли на бокал…

Уроки рисования в фотошопе

Эффект Капли на бокале Всем привет! Сегодня мы будем рисовать капли на бокале. Сначала мы откроем фотографию с бокалом из папки с исходниками и кадрируем (обрежем) фото. Затем создадим новый слой, зальем его...

Читать далее

Обои квадраты

Уроки рисования в фотошопе

Обои квадраты Всем привет! В сегодняшнем уроке мы будем рисовать "Обои квадраты".   Создайте собственные геометрические обои для рабочего стола.  Из урока вы узнаете, как пользоваться инструментами Заливка, Кисть, Прямоугольная область, режимами наложения слоев, научитесь...

Читать далее

Яркие обои в фотошопе

Уроки рисования в фотошопе

Яркие обои в фотошопе Всем привет! В сегодняшнем уроке предлагаю потворить. Мы будем рисовать с нуля яркие обои для рабочего стола. Вы можете создать их в любом цвете. Из урока вы узнаете, как пользоваться...

Читать далее

5 практических совето…

Обработка фотографий в фотошопе

5 практических советов по работе с кривой в фотошопе Инструмент Кривые в арсенале фотошоп мастера занимает одну из ведущих ролей. Освоить его не так-то просто. Но, единожды это сделав, вы больше не сможете...

Читать далее

Состаривание фото

Фотошоп уроки эффекты

  Состаривание фото Всем привет! Надоели глянцевые, гламурные фотографии? Хочется добавить винтажного стиля? В уроке "Состаривание фото" мы научимся превращать обычное полноцветное изображение в нечто поразительное с царапинами и потертостями. Сначала мы размоем фото...

Читать далее

Гистограмма в фотошоп…

Обработка фотографий в фотошопе

Гистограмма в фотошопе Гистограмма в фотошопе — это визуальное представление информации, содержащейся в изображении, более точно – это распределение яркости в изображении. По горизонтали идет шкала яркости, а по вертикали — относительное...

Читать далее

Как рисовать глобус

Уроки рисования в фотошопе

Как рисовать глобус Всем привет! Как часто Вы задумывались о том какая большая у нас планета? Разные страны, материки и это все на нашем земном шаре. В уроке "Как рисовать глобус" предлагаю...

Читать далее

Отражение в очках фот…

Уроки фотошопа коллажи

 Отражение в очках фотошоп Всем привет! Как часто на просторах интернета встречаете фотографии людей в очках в которых отражено что-то красивое, а не, например, случайный прохожий? А хотите уметь делать такие фотографии?...

Читать далее

Открытка с тюльпанами

Уроки рисования в фотошопе

Открытка с тюльпанами Всем привет! Сегодня предлагаю создать поздравительную открытку с тюльпанами. Получится очень празднично и по-весеннему легко. Отличный вариант для поздравления с праздником Весны, Мира и Труда. Сначала мы создадим новый градиент...

Читать далее

Фотография в теплых т…

Уроки фотошопа коллажи

Фотография в теплых тонах  Всем привет! В уроке "фотография в теплых тонах", разберем как любой фотографии добавить теплые оттенки. Благодаря данному уроку, вы с легкостью придадите своим фото новые красочные оттенки, сделаете...

Читать далее

Открытки с Пасхой

Уроки рисования в фотошопе

Открытки с Пасхой Всем привет! Очень скоро наступит светлый праздник Пасха. Предлагаю в этом уроке поработать над созданием вот такой симпатичной открытки с Пасхой. Поздравьте своих близких, послав им поздравления в виде открытки. Сначала...

Читать далее

Как использовать смар…

Видеоуроки

Как использовать смарт-фильтры в фотошопе неразрушающим способом   Продолжение серии уроков по неразрушающей обработке фотографий в Photoshop. Предыдущие уроки Вы найдете по ссылкам под картинкой. В уроке «Как использовать смарт-фильтры в фотошопе неразрушающим способом» поговорим о...

Читать далее

Как сделать фотошоп м…

Видеоуроки

Как сделать фотошоп макияж неразрушающим способом  Продолжение серии уроков по неразрушающей обработке фотографий в Photoshop. Предыдущие уроки Вы найдете по ссылкам под картинкой. В уроке «Как сделать фотошоп макияж неразрушающим способом» поговорим о...

Читать далее

Фон из фото

Уроки фотошопа коллажи

 Фон из фото Всем привет! В сегодняшнем уроке мы будем создавать фон из фото из самого исходного фото. Звучит слегка запутанно, но эффект довольно прост и подойдет для оформления свадебных фотографий, снимков...

Читать далее

15 советов, как сделать…

Обработка фотографий в фотошопе

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

Читать далее

Обои облака

Уроки рисования в фотошопе

 Обои облака Всем привет! Сегодня мы будем рисовать с нуля обои облака для рабочего стола. Как часто вы любуетесь облаками, красотой неба? Предлагаю в этом уроке побыть художником, нарисовать собственные облака. Из урока...

Читать далее

Что такое неразрушающ…

Обработка фотографий в фотошопе

Что такое неразрушающая обработка?   Для того, чтобы хорошо и эффективно работать в Photoshop, надо не просто знать какие есть инструменты, как они работают, какие приёмы применяются. Очень важно для эффективной работы выработать полезные...

Читать далее

Поп арт в фотошопе

Уроки рисования в фотошопе

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

Читать далее

Фон круги

Уроки рисования в фотошопе

Фон круги Всем привет! Сегодня будем создавать фон в виде кругов. Это интересная идея, например, для создания фона открытки, фона баннера, или просто для создания обоев. В уроке вы научитесь пользоваться инструментами Кисть, Заливка...

Читать далее

Рисуем штамп в фотошо…

Уроки рисования в фотошопе

Рисуем штамп в фотошопе  Всем привет! Сегодня мы будем рисовать штамп в фотошопе. Для чего это нужно? Цель создания штампа может быть разная, например, создание эскиза, или знака на сайт. Или, например, если вам нужна...

Читать далее

Эффекты для текста - з…

Уроки фотошопа текст

Эффекты для текста заклёпки Всем привет! В сегодняшнем уроке мы будем создавать эффекты для текста -  текст из заклепок. Урок прост в исполнении, но результат выглядит естественно и натурально. Текст выполненный в...

Читать далее

Эффект для текста в фо…

Уроки фотошопа текст

Эффект для текста в фотошоп "Расплавленный текст" Всем привет! В этом уроке разберемся с вами, как быстро и легко сделать яркий и огненный текст.  Сегодня создадим эффект для текста в фотошоп - "Расплавленный текст". В...

Читать далее

Как улучшить снимок, …

Видеоуроки

Как улучшить снимок,используя микширование каналов в фотошопе   Рассмотрим еще метод обработки фотографии. Улучшим снимок очень быстрым методом. Придадим обьема снимку, и добавим теней.  Урок сделан в русифицированной программе СС 2018, но может быть легко...

Читать далее

Полуавтоматический с…

Видеоуроки

Полуавтоматический способ  обработки пейзажа  в фотошоп   В этом уроке рассмотрим один из экспресс методов улучшения фотографии. Способ очень простой и эффективный.  Урок сделан в русифицированной программе СС 2018, но может быть легко повторен практически в...

Читать далее

Яркая обработка фото

Фотошоп уроки эффекты

Яркая обработка фото  Всем привет! В уроке "Яркая обработка фото" мы будем добавлять яркости к фотографии. Яркие и сочные, "вкусные" цвета в кадре – необходимая вещь для Вашей фотографии. Сегодня на примере одного снимка рассмотрим...

Читать далее

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