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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

  • OlegNakroshaev

 

 

 

 

 

 

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

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

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

Фото животных в формате 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. Если нет - зарегистрируйтесь, это бесплатно.


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

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

Prev Next

Яркий фон

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

Яркий фон Всем привет! Сегодня мы будем рисовать яркий фон. Такой фон вы сможете использовать при создании обоев для рабочего стола, плакатов, открыток и т.п. Сначала мы при помощи фильтров Облака, Меццо-тинто и...

Читать далее

Как быстро перевести …

Видеоуроки

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

Читать далее

Рамка с рваными краям…

Рамки в фотошопе

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

Читать далее

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

Видеоуроки

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

Читать далее

Как нарисовать горящу…

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

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

Читать далее

Фон линии

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

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

Читать далее

Текст на запотевшем о…

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

Текст на запотевшем окне Всем привет! Рисовать на запотевшем стекле - это, как сиюминутный порыв и воспоминание о детстве, в котором родители хвалили твои рисунки. Ты в любой момент можешь подышать на...

Читать далее

Реставрация цветных ф…

Видеоуроки

Реставрация цветных фотографий Всем привет! У каждой семьи дома есть несколько альбомов с фотографиями, на которых запечатлены совершенно чужие, казалось бы, люди: прадеды, тети и дяди, чьи-то братья и сестры. Разглядывать их –...

Читать далее

Текстура шерсти

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

Текстура шерсти Всем привет! Мех – удивительная структура: миллионы волосков собраны в теплую, пушистую шерсть, которую нам так хочется щупать, гладить и обнимать. Думаете, на то, чтобы изобразить мех реалистично, требуется много времени? А...

Читать далее

Быстрые способы реста…

Видеоуроки

Быстрые способы реставрации фото Всем привет! В этом уроке рассмотрим быстрые способы реставрации фото. На старых фотографиях бывает много мелких царапинок и каких-либо дефектов. Сидеть над каждой царапинкой можно очень и очень...

Читать далее

Теплое тонирование

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

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

Читать далее

Простые рамки для фот…

Рамки в фотошопе

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

Читать далее

Реставрация старых фо…

Видеоуроки

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

Читать далее

Промежуточные итоги и…

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

В прошлом месяце мы с вами начали рассматривать интересную тему по реставрации старых фотографий. Тема вызвала большой интерес у подписчиков и гостей сайта. Для рассмотрения темы мы наметили несколько шагов: правильное сканирование фотографий изучение...

Читать далее

Работа с текстом "К…

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

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

Читать далее

Подготовка к реставра…

Видеоуроки

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

Читать далее

Реставрация фото. Вар…

Видеоуроки

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

Читать далее

Логотип с полутоновым…

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

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

Читать далее

Как сделать бороду в ф…

Видеоуроки

Как сделать бороду в фотошопе Всем привет! В этом уроке разберемся с тем, как сделать бороду в фотошопе. Эта техника достаточно проста. Чтобы добавить густоты бороде и усам на лице, сначала нужно...

Читать далее

Сделать фотоколлаж из…

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

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

Читать далее

Космический эффект дл…

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

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

Читать далее

Фото с эффектом распа…

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

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

Читать далее

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

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

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

Читать далее

В фотошоп рисуем пейз…

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

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

Читать далее

Яблоко с листиком

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

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

Читать далее

Ретро постер

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

 Ретро постер Всем привет! С помощью фотошопа можно создать удивительные иллюстрации в ретро стиле. Ретро постер с легкостью поможет создать неповторимую и чарующую атмосферу в любом помещении. В уроке вы научитесь работать с инструментами...

Читать далее

Текстовый эффект с зо…

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

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

Читать далее

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