Урок «Слайд-Шоу или Плавный переход между кадрами» - Уроки Adobe PhotoShop <!--if(Уроки Adobe PhotoShop)-->- Уроки Adobe PhotoShop<!--endif--> - Каталог файлов - PhotoShop






Все для PhotoShop















Разное















Рубрика Людмилы















Мини-Чат















Случайные Новости





Экшен - CD Label Cover - Обложка диска в Фотошопе

Экшен - CD Label Cover - Обложка диска в Фотошопе
Просмотров: 9147
Комментарии: (5)

Программа MusCard - "Музыкальная Открытка" 2010

Программа MusCard - "Музыкальная Открытка" 2010
Просмотров: 1987
Комментарии: (2)

Eye Candy 4000

Eye Candy 4000
Просмотров: 4736
Комментарии: (17)

PSD исходник  /  Фантазия

PSD исходник / Фантазия
Просмотров: 1052
Комментарии: (2)

Funny Dogs Vector - Забавные Собачки в Векторе

Funny Dogs Vector - Забавные Собачки в Векторе
Просмотров: 2269
Комментарии: (6)

3 Мужские Рамочки

3 Мужские Рамочки
Просмотров: 4796
Комментарии: (3)

Wine and Grapes - Вино и Виноград

Wine and Grapes - Вино и Виноград
Просмотров: 1142
Комментарии: (0)

Кисти  Сердца / Brushes Hearts

Кисти Сердца / Brushes Hearts
Просмотров: 2056
Комментарии: (7)

8 Наборов неоновых стилей

8 Наборов неоновых стилей
Просмотров: 3663
Комментарии: (1)

Flaming Pear / Floodv 1.40.1 (Eng /Rus)

Flaming Pear / Floodv 1.40.1 (Eng /Rus)
Просмотров: 2106
Комментарии: (1)












Каталог файлов - PhotoShop - Описание сайта



Главная » Файлы » Уроки Adobe PhotoShop » Уроки Adobe PhotoShop

Урок «Слайд-Шоу или Плавный переход между кадрами»
(110.0Kb) 11.04.2012, 02:10
Урок «Слайд-Шоу или Плавный переход между кадрами»

Автор урока: Ленусик
В этом уроке мы рассмотрим плавный переход между кадрами, так же постараемся понять как работать с «промежуточными кадрами»
Немного усидчивости, внимательности и результат Вас обязательно порадует
«Глаза бояться, а руки делают!»



Материал для урока: фон, кадр фото/киноплёнки в формате PNG - (жмите на кнопочку «скачать» вверху) и подборка изображений для слайд-шоу (не слишком много, т.к. при сохранении результата у Adobe Photoshop может не хватить памяти)

Вообще можно использовать любое оформление : рамки, экран телевизора/монитора, альбомы и т.д. Дело только за вашей фантазией

Я сделала подборку кадров из всеми любимого фильма «В бой идут одни старики»
Здесь использовано много изображений, но Вам покажу принцип работы промежуточных кадров из 4-х слайдов
Главное понять принцип действия
!

1. Открываем исходное изображение: Файл-Открыть

2. В окне слои снимаем замочек, как это сделать см. Здесь

3. Придаем изображению необходимый размер: Изображение-Размер изображения (ширину - меняем, высота - меняется автоматически или наоборот и жмём OK)
Слой называем -
«Фон»

При желании можно добавить текст на ваше изображение и далее по уроку

4.
Открываем Кадр фотоплёнки в формате PNG

Активируем инструмент «Перемещение» и кадр перетаскиваем на «Фон» или жмём сочетание клавиш Ctrl+A-выделилась вся картинка с кадром, Ctrl+C- скопировали в буфер обмена, кликаем на картинку с фоном и жмём Ctrl+V - вставить.
Закрываем уже не нужную картинку с кадром.

С помощью функции Редактирование-Трансформирование если необходимо развернём кадр на 90°
С помощью Свободного трансформирования Ctrl+T - придаём нужный размер (появились маркеры, удерживая Shift, за уголки по диагонали уменьшаем, отпускаем сначала мышку, потом Shift)

С помощью инструмента «Перемещение» , располагаем кадр там, где Вам необходимо

Слой называем - «Рамка»

В окне Слои слой «Рамка» - всегда располагается в самом верху, а слой «Фон» - всегда в самом низу

5. Я выбрала кадр с прозрачными краями/дырочками, но это будет смотреться на моём фоне не очень хорошо, поэтому я сделаю следующее: создам в окне Слои нажатием на листик «Новый слой», инструментом «Прямоугольная область» выделю область кадра, чуть отступая от края
 


Инструментом «Заливка» , белым цветом залью выделенную область
Ctrl+D - выделение снимаем и получаем следующее:



Жмём сочетание клавиш Ctrl+E и объединяем слой «Заливка» и «Фон»



6. Открываем Слайд: Файл-Открыть

И так же, как мы переносили кадр, переносим слайд на наш фон
Называем этот слой - «Слайд 1»
 

Трансформируем и перемещаем (вставляем в рамку), выделяем с помощью инструмента «Прямоугольная область» ту часть слайда, которую хотим оставить, инвертируем выделение Shift+Ctrl+I или идём Выделение-Инверсия




Жмём клавишу  Delete - очистить, таким образом удаляем лишнее, то что выходит за рамку
Ctrl+D - выделение снимаем


Таким же образом переносим и все остальные слайды, соответственно называем слои «Слайд 2», «Слайд 3» и «Слайд 4», мы на этом остановимся, а если у вас слайдов больше, то продолжайте переименовывать



Все ненужные изображения должны быть закрыты

Переходим в окно «Анимация»: Будьте внимательны!
Зададим время передвижения 1 кадру 0,2 сек.

1 кадр - слои «Фон», «Слайд 1» и «Рамка»



Создаём 2 кадр, нажатием на листик в окне «Анимация» - слои «Фон», «Слайд 2» и «Рамка»



Создаём 3 кадр, нажатием на листик в окне «Анимация» - слои «Фон», «Слайд 3» и «Рамка»

Создаём 4 кадр, нажатием на листик в окне «Анимация» - слои «Фон», «Слайд 4» и «Рамка»

Становимся в окне «Анимация» на 1-ый кадр и жмём на листик, т.е. дублируем 1-ый кадр, захватываем дубликат левой кнопкой мыши и перетаскиваем его в самый конец



Становимся на 2 кадр и создаём «Промежуточные кадры»:
Промежуточные кадры - Предыдущий кадр
Добавить кадров - 5



Что мы имеем на данный момент: 4 кадра из слоёв, 1 дубликат первого кадра и 5 промежуточных кадров - всего пока 10 кадров

Встаём в окне Анимация на 2 кадр, а в окне Слои на слой «Слайд 1», теперь нам нужно вернуть 100% «Непрозрачность» слою «Слайд 1»



Встаём на 3 кадр, а в окне Слои  остаёмся на слое «Слайд 1», теперь нам нужно вернуть и здесь 100% «Непрозрачность» слою «Слайд 1»



Т. е. мы возвращаем 100% «Непрозрачность» промежуточным кадрам.

Стоим в окне Слои на слое «Слайд 1»! И проделываем тоже самое и с остальными промежуточными кадрами анимации - с 4 -5 и 6, т.е. возвращаем 100% «Непрозрачность»

7 кадр анимации имеет чёткое изображение слоя «Слайд 2». Таким образом мы получили плавный переход кадров от слоя «Слайд 1» к слою «Слайд 2».

Переходим на 8 кадр - он имеет чёткое изображение слоя «Слайд 3»
Стоим на 8 кадре и снова создаём «Промежуточные кадры».



И снова нам нужно вернуть 100% «Непрозрачность» промежуточным кадрам, только теперь уже слою «Слайд 2».
Находим кадр, где слой «Слайд 2» теряет непрозрачность - это 8 кадр и ставим 100%



Стоим в окне Слои на слое «Слайд 2»! Таким же образом возвращаем остальным промежуточным кадрам 9-10-11 и 12 кадру Непрозрачность 100%

13 кадр анимации имеет чёткое изображение слоя «Слайд 3». Таким образом мы получили плавный переход кадров от слоя «Слайд 2» к слою «Слайд 3».

Переходим на 14 кадр - он имеет чёткое изображение слоя «Слайд 4»
Стоим на 14 кадре и снова создаём «Промежуточные кадры».



И снова нам нужно вернуть 100% «Непрозрачность» промежуточным кадрам, только теперь уже слою «Слайд 3».
Находим кадр, где слой «Слайд 3» теряет непрозрачность - это 14 кадр и ставим 100%



Стоим в окне Слои на слое «Слайд 3»! Таким же образом возвращаем остальным промежуточным кадрам 15-16-17 и 18 кадру Непрозрачность 100%

19 кадр анимации имеет чёткое изображение слоя «Слайд 4». Таким образом мы получили плавный переход кадров от слоя «Слайд 3» к слою «Слайд 4».

20 кадр - это дубликат 1 кадра
Что бы получить законченный оборот наших слайдов мы ещё создадим «Промежуточные кадры» между слоями «Слайд 4» и «Слайд 1»

И так : стоим на 20 кадре и создаём «Промежуточные кадры»



Возвращаем 100% «Непрозрачность» промежуточным кадрам слою «Слайд 1»

Стоим в окне Слои на слое «Слайд 1»!
Снова находим кадр, где «Слайд 1» теряет непрозрачность - это 20 кадр и ставим 100 %



Стоим в окне Слои на слое «Слайд 1»! Таким же образом возвращаем остальным промежуточным кадрам 21-22-23 и 24 кадру Непрозрачность 100%

25 кадр - теперь удаляем, т. к. мы помним, что он дубликат 1 кадра и он нам теперь уже не нужен, т.к. 1 кадр у нас есть в самом начале, удаляем его нажатием на «Корзину»



Осталось отрегулировать время передвижения кадров:
1 кадр - 2,5 - 3 сек.
На тех кадрах где слайды имеют чёткое изображение выставим время примерно 2 - 2,5 сек. - это кадры 7-13-19
На остальных оставляем - 0,2 сек.

Жмём на «Запуск воспроизведения анимации» и видим какие мы молодцы, проверяем и если всё устраивает сохраняем:

Файл - Сохранить для Web в формате GIF



Дерзайте! Жду ваших работ!
Закидывайте свои готовые изображения на любой хостинг типа radikal.ru, копируйте на radikale ссылку №1 и выкладывайте здесь в комментариях, я с огромным удовольствием посмотрю ваши работы!

Как скопировать и сохранить урок к себе на компьютер см. Здесь

Сказать «Спасибо» можно проголосовав нажатием на звёздочки и  на кнопочку «Поделиться»  


Нравится
Категория: Уроки Adobe PhotoShop | Добавил: Ленусик
Просмотров: 5287 | Загрузок: 201 | Комментарии: 10 | Рейтинг: 4.9/42
Всего комментариев: 10
10  
Добрый день! Леночка, спасибо за урок, очень понравился. Я сделала вот такое слайдшоу для открытки к 1 сентября. Фотошоп только начала изучать, очень нравятся Ваши уроки.
http://s55.radikal.ru/i149/1308/f9/4f6990931a16.gif


9  
Спасибо большущее!!! Все очень подробно и понятно wink

8  
Спасибо за урок!
Вот какой-то результат. smile

http://s019.radikal.ru/i633/1205/98/263cc66a64c9.gif

7  
Ленусик,спасибо за урок! Вроде получилосЬ)))

3  
Спасибо Леночка,сделала урок)))

4  
А где можно посмотреть результат?)))

5  
Леночка,вот результат и пока могу с одним кадром,а как с двумя сделать,как у тебя???
http://s019.radikal.ru/i610/1204/91/376c77db11d5.gif biggrin


6  
Тот же способ, просто на каждом слое делать по два (если необходимо, то и больше) кадра/рамочки, вставить изображения, сбор анимации такой же

2  
Леночка спасибо тебе, дорогая, всё получилось!!!!

1  
Спасибо Леночка.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]








Поиск по Сайту















Мини Профиль





Понедельник
27.03.2017
08:03











Подписка















Статистика





Зарег. на сайте:
Пользователи:

Нас уже 9314 человек!


Новые пользователи:

Новых за месяц: 40
Новых за неделю: 4
Новых вчера: 2
Новых сегодня: 0

   
Администраторов: 4

Счетчики:
Онлайн:
Онлайн всего: 5
Гостей: 5
Пользователей: 0
Сегодня нас посетили:










Опрос






Каким браузером Вы пользуетесь ?

Всего ответов: 1268










Новости





Перевод урока «L’autre côté»

Перевод урока «L’autre côté»
Просмотров: 82
Комментарии: (2)

Перевод урока «Kiss Me»

Перевод урока «Kiss Me»
Просмотров: 121
Комментарии: (2)

Перевод урока «L'âme d'une fleur»

Перевод урока «L'âme d'une fleur»
Просмотров: 170
Комментарии: (1)

Перевод урока «Premier violon»

Перевод урока «Premier violon»
Просмотров: 208
Комментарии: (1)

Перевод урока «Carnevale 2017»

Перевод урока «Carnevale 2017»
Просмотров: 291
Комментарии: (1)

Aquascaping (Акваскейпинг)

Aquascaping (Акваскейпинг)
Просмотров: 149
Комментарии: (0)

Подъезд - Дворец

Подъезд - Дворец
Просмотров: 140
Комментарии: (0)

Перевод терминов Corel PaintShop Pro

Перевод терминов Corel PaintShop Pro
Просмотров: 143
Комментарии: (0)

Режим смешения (наложения) слоя

Режим смешения (наложения) слоя
Просмотров: 164
Комментарии: (0)

Выделения — Auswahl — Selections — Selecciones — Sélections — Selezioni — Selecties

Выделения — Auswahl — Selections — Selecciones — Sélections — Selezioni — Selecties
Просмотров: 141
Комментарии: (0)











Посетители Сайта