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


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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Кто на сайте

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

 

 

 

 

 

 

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

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

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

Фото животных в формате 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 Мбт. А я хотел на главную страницу сайта повесить((. Ни как не уменьшить?
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
-1 # 73PH_adminv15 07.12.2011 05:44
Олег! Поиграйтесь параметрами окна "Сохранить для веб и устройств" - цвета, потери, дизеринг т .п. Приходится балансировать между качеством и весом файла.
Ответить | Ответить с цитатой | Цитировать
Ирина
-1 # Ирина 04.07.2011 21:06
Спасибо)
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
0 # 73PH_adminv15 04.07.2011 14:48
Если слайд-шоу воспроизводится нормально в просмотрщике изображений, а на сайте 1 раз, то всё дело в настройках сайта. У меня же нормально работает. Посмотрите общие настройки сайта, там где-то стоит запрет на воспроизведение.
Ответить | Ответить с цитатой | Цитировать
Ирина
0 # Ирина 04.07.2011 14:19
После обновления страницы ничего не изменилось. Сохраняла через "Сохранить для WEB и устройств" и с параметром "всегда".
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
-1 # 73PH_adminv15 22.06.2011 05:02
Обновите страницу и посмотрите, всё должно работать. Если нет, то может быть Вы сохранили файл с параметром '1 раз', а не 'всегда'? Сохраняли через 'Сохранить для WEB и устройств'?
Ответить | Ответить с цитатой | Цитировать
Ирина
0 # Ирина 22.06.2011 04:09
Спасибо за подсказку, и правда теперь всегда повторяется)
Но вот на моём сайте только один раз.
Что делать, подскажите пожалуйста?)
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
-1 # 73PH_adminv15 21.06.2011 23:31
В палитре "Анимация" под первым кадром нажмите на чёрную стрелочку, раскроется список, в котором выберите "Всегда".
Ответить | Ответить с цитатой | Цитировать
Ирина
-1 # Ирина 21.06.2011 22:02
Подскажите пожалуйста:
Как сделать так, чтобы анимация повторялась бесконечное количество раз, а не один раз?
Заранее спасибо)
Ответить | Ответить с цитатой | Цитировать
Какаш?а
-1 # Какаш?а 11.06.2011 04:11
:!: :-?: :idea: :arrow:
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
-2 # 73PH_adminv15 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:
Ответить | Ответить с цитатой | Цитировать

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

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


  • Пишем кровью

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

    Сначала нужно правильно подобрать фотографию. На ней не должно быть видно солнца, она не должна быть слишком яркой. Наш вариант Далее
  • Дерево

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

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