//

ФотошопСундучок photoshopsunduchok

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

 

 

 

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

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

 


Канал в Дзене:

 

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

Вход на сайт

Профиль

Кто на сайте

Сейчас на сайте 139 гостей и нет пользователей

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

Создаём слайд-шоу

В этом уроке по работе с фотошопом мы продолжим рассмотрение темы анимации, на этот раз мы создадим слайд-шоу.

Фото животных в формате Gif

Подобные публикации:

Смотреть другие уроки по созданию анимации в фотошопе.

{smooth-scroll-top}

Откроем фотографии, которые мы будем размещать в слайд-шоу. Чтобы было удобно с ними работать, разместим их рядом друг с другом: "Окно - Упорядочить - По горизонтали". Я забыл Вам напомнить, что фотографии должны быть одного размера. Если Вы фотографируете одним фотоаппаратом и не меняете его настройки, то фотографии у Вас будут одного размера. Напомню, что посмотреть размер фото, можно нажав сочетание клавиш Ctrl+Alt+I.

Окно - Упорядочить - По горизонтали

Выбираем инструмент "Перемещение" (V) и, удерживая клавишу Shift (чтобы перетаскиваемое фото точно расположилось над другой фотографией), перетаскиваем все фото на одну. Я выбрал самую левую верхнюю фотографию и перетащил на неё все фото. Фотографии, которые мы перетаскивали можно закрыть.

Инструмент Перемещение

В палитре "Слои" у нас получилось 10 слоёв.

Палитра Слои

Открываем палитру "Анимация": "Окно - Анимация".

Окно - Анимация

В палитре мы увидим всего один кадр. Создадим ещё девять кадров, чтобы всего получилось десять - по числу слоёв. Для того чтобы создать копии кадров девять раз нажмите на вторую справа пиктограмму в палитре "Анимация".

Палитра Анимация

Теперь убираем видимость всех слоёв, за исключением одного и в палитре анимация делаем активным один кадр (чтобы было лучше видно, я сделал активным последний кадр в палитре "Анимация", а Вы начните с первого).

Палитра Анимация и палитра Слои

Теперь делаем видимым следующий слой в палитре "Слои", а видимость других убираем. В палитре "Анимация" делаем активным второй кадр (у меня предпоследний).

Палитра Анимация и палитра Слои

Точно так же поступаем и со следующим слоем, включаем его видимость, остальных слоев, видимость убираем и делаем активным третий кадр. Я думаю, принцип Вы поняли. Точно так же поступаем и со всеми кадрами и слоями.

Палитра Анимация и палитра Слои

Чтобы наши кадры очень быстро не перемещались в слайд-шоу, установим период задержки кадров. Для этого щёлкаем по чёрной стрелочке рядом с параметром "1 сек" (у Вас будет вначале "0 сек") и выбираем необходимый параметр. Я выбрал 1 сек. Так делаем со всеми кадрами. Всё, наше слайд-шоу готово. Нажимаем "Play" и любуемся созданным слайд-шоу.

Палитра Анимация

Теперь наша задача правильно сохранить  созданное слайд-шоу - "Файл - Сохранить для Web и устройств..." (Alt+Shift+Ctrl+S).

Файл - Сохранить для Web и устройств...

В появившемся окне, прежде всего, выбираем формат сохранения файла - "GIF" и ставим максимальное количество цветов - 256. Нажимаем "Сохранить". В следующем окне выбираем место на компьютере, где мы будем сохранять наше слайд-шоу.

Параметры окна Сохранить для Web и устройств...

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

Фото животных в формате Gif

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

{smooth-scroll-top}

Печать

Комментарии  

Эдуард
0 # Эдуард 02.04.2014 18:25
В Adobe Photoshop &Image Ready cs2,все было проще никаких слоев создавать не надо было,просто тупо импортировать несколько картинок.проставить время смены кадра и потом save optimized as....В итоге фотошоп сохранял их как анимированный gif файл
Ирина
0 # Ирина 02.09.2012 06:22
Я слышала,что в цс6 можно из анимации делать видео,никто не знает как?или инфа неправильная?заранее спасибо)
Елена
0 # Елена 04.04.2012 14:52
А если еще добавить промежуточные кадры, чтобы изображения постепенно проявлялись, будет еще лучше) ;-)
Guest
0 # Guest 08.03.2012 15:22
спасибо за урок :Улыбка до ушей:
Guest
0 # Guest 23.02.2012 14:56
Спасибо!Отличный урок!Все понятно и доступно.
Олег
-1 # Олег 09.12.2011 00:33
В установленной у меня версии фотошопа в этой режиме в меню не английский и не русский, а крокозябры. Поэтому режимы выставлял вслепую. Ухудшать качество нельзя, при сохранении jpg в gif оно заметно падает... Но, в любом разе, спасибо за отклик.
Олег
-1 # Олег 07.12.2011 04:25
Собрал gif по инструкции. 2 кадра с переходами в итоге весит 2,8 Мбт. А я хотел на главную страницу сайта повесить((. Ни как не уменьшить?
Олег
-1 # Олег 07.12.2011 05:44
Олег! Поиграйтесь параметрами окна "Сохранить для веб и устройств" - цвета, потери, дизеринг т .п. Приходится балансировать между качеством и весом файла.
Guest
-1 # Guest 17.10.2011 23:00
:cheer:
Ирина
-1 # Ирина 04.07.2011 21:06
Спасибо)
Олег
0 # Олег 04.07.2011 14:48
Если слайд-шоу воспроизводится нормально в просмотрщике изображений, а на сайте 1 раз, то всё дело в настройках сайта. У меня же нормально работает. Посмотрите общие настройки сайта, там где-то стоит запрет на воспроизведение.
Ирина
0 # Ирина 04.07.2011 14:19
После обновления страницы ничего не изменилось. Сохраняла через "Сохранить для WEB и устройств" и с параметром "всегда".
Олег
-1 # Олег 22.06.2011 05:02
Обновите страницу и посмотрите, всё должно работать. Если нет, то может быть Вы сохранили файл с параметром '1 раз', а не 'всегда'? Сохраняли через 'Сохранить для WEB и устройств'?
Ирина
0 # Ирина 22.06.2011 04:09
Спасибо за подсказку, и правда теперь всегда повторяется)
Но вот на моём сайте только один раз.
Что делать, подскажите пожалуйста?)
Олег
-1 # Олег 21.06.2011 23:31
В палитре "Анимация" под первым кадром нажмите на чёрную стрелочку, раскроется список, в котором выберите "Всегда".
Ирина
-1 # Ирина 21.06.2011 22:02
Подскажите пожалуйста:
Как сделать так, чтобы анимация повторялась бесконечное количество раз, а не один раз?
Заранее спасибо)
Какаш?а
-1 # Какаш?а 11.06.2011 04:11
:!: :-?: :idea: :arrow:
Олег
-2 # Олег 03.06.2011 20:44
Цитирую Лилия:
А под музыку как сделать? :0

Для этого существуют другие программы, фотошоп не подходит.
Лилия
-2 # Лилия 03.06.2011 17:19
А под музыку как сделать? :0
Guest
-2 # Guest 21.05.2011 19:19
:evil: :evil:
***
-2 # *** 22.04.2011 00:23
Это конечно очень хорошо, но у меня нет фотошопа... Спасибо! :-)
Саня
-1 # Саня 16.04.2011 03:47
Кульно....я баннер так сделал для своего сайта :woohoo:

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