Гильдии Мастеров | Hobbies
Основная часть форума скрыта для гостей, зарегистрируйтесь что бы его видеть.
На форуме есть разные уроки, обсуждения и еще много всего интересного.
Мы всегда рады новым участникам Smile
Администрация.

Гильдии Мастеров | Hobbies


 
ФорумГлавнаяКалендарьЧаВоГруппыРегистрацияВход

Поделиться | 
 

 Урок #3. Создаем плавную анимацию перехода изображений.

Предыдущая тема Следующая тема Перейти вниз 
АвторСообщение
oO BAZINGA Oo
Подмастерье
Подмастерье
avatar

Сообщения : 385
Заработал(а) : 3960
Репутация : 22
Дата регистрации : 2012-09-25
Откуда : Ukraine

СообщениеТема: Урок #3. Создаем плавную анимацию перехода изображений.   2013-03-30, 19:37

Автор: oO BAZINGA Oo
Уровень сложности: средний.


Результат:

Шаг 1. Запустите фотошоп. Откройте два изображения с которыми будете работать. Получается интересней когда изображения совпадают по гамме и тематике.


Шаг 2. Выберете инструмент Crop Tool, горячая клавиша C.

Обратим внимание на эту область -


Разберём некоторые её элементы. Width - ширина. Height - высота. Resolution - разрешение. pixels/inch - единицы в которых будет вырезан обьект. Заполняем поля так:



Шаг 3. Приступаем к вырезанию изображения. Выберете область которую хотите вырезать, появится такой курсив:



Двойной щелчок по области и наше изображение вырезано и уменьшено до 150х150 пикселей!

Шаг 4. Откроем панель анимации. Для этого идём в Window - Animation:



Теперь у нас с низу появилась панель Анимации. Выглядит она вот так:



Заметим что у нас всегда будет уже готовый первый слой.

Шаг 5. Итак, первое изображение у нас уже есть, теперь нужно вырезать так же и второе. Откройте второе изображение и проделайте с ним Шаг 3. Есть? Хорошо продолжаем. Теперь нам надо перетащить одно изображение на рабочую область второго. Делаем это инструментом Move Tool.(горячая клавиша V).
Нажав где нибудь на изображении и не отпуская, просто перенесите файл на первое изображение. Сделали? Переходим к следуйщему шагу.

Шаг 6. На панеле Анимации создайте еще один слой, вот этой кнопкой:



Теперь переходим на панель слоев, видите иконки в виде глазиков? Эти иконки отвечают за видимость слоя.


Возвращаемся на панель анимации, и выбираем первый слой просто щёлкнув на него. После на панеле слоев отключаем видимость Фона, снимая глазик. Потом выбераем второй слой на панеле анимации и отключаем видимость Слой 1 на панеле слоев. Запутано? Вот как это выглядит для обоих слоев:




Шаг 7. Похвалили себя за то что справились с шагом 6, и продолжаем) На панеле анимации выставляем время, щёлкнув на поле с секундами. Ставьте 0.1, это база.



Так же поставьте на времени анимации - Всегда, Forever :



Шаг 8. Если сейчас проиграть нашу анимацию то получится полная фигня. Давайте сделаем её плавной! Нажмите на второй слой на на панеле анимации и на вот такую кнопочку:



Откроется окно, не пугаемся , страшная морда от туда не выскочит. Заполняем поля так:



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

Шаг 9. Для того что бы казалось будто анимациия без переходов сделаем еще один полезный шаг. Зажав кнопку Shift выделяем все наши слои. Получилось так:



Потом нажимаем кнопку создать-новый слой в окне анимации, вот он какой:



У нас добавилось новое количество слоев!

В правом уголке окна анимации есть значек:

Нажали, открылась большая страшная менюшка... Из всех тех штук Revers frames не такой страшный) Нажимаем его, и наши слои развернулись! Теперь когда мы будем прокручивать анимацию она будет идти плавно!

Шаг 10. Сохранять это дело тоже надо по особому. Нажимаем сочитание клавишь - Alt-Shift-Ctrl-S или идём в File - Save for Web & Devices. Нажимаем, открылось меню:


Поставьте всё как у меня и нажмите сохранить! Потом находим наш файл и радуемся результату!

Выкладывайте ваши результаты в комментах, пишите о своих проблемах - всё решим, сделаем как надо. Спасибо за внимание.




Вернуться к началу Перейти вниз
вЛАДА_шокоЛАДА
Miss unpredictability
avatar

Сообщения : 274
Заработал(а) : 2558
Репутация : 10
Дата регистрации : 2012-12-18
Возраст : 16
Откуда : Киев

СообщениеТема: Re: Урок #3. Создаем плавную анимацию перехода изображений.   2013-03-30, 20:05

Хороший урок. Хотела попробывать не нашла Фотошоп.
Вернуться к началу Перейти вниз
http://fashionvladisglamor.forum2x2.ru/
♥GarenMS♥
♥Mord-Sith♥
avatar

Сообщения : 1162
Заработал(а) : 4327
Репутация : 58
Дата регистрации : 2012-11-27
Возраст : 16

СообщениеТема: Re: Урок #3. Создаем плавную анимацию перехода изображений.   2013-03-30, 20:07

Отличный урок. Большое спасибо!

_________________





Во мне слились, перемешались
Народы, веры и скрижали,
Слова пророков и святых,
Исходы, бегства, караваны, 
Местечки, города и страны, 
Тысячелетия в пути...


Вернуться к началу Перейти вниз
Спонсируемый контент




СообщениеТема: Re: Урок #3. Создаем плавную анимацию перехода изображений.   

Вернуться к началу Перейти вниз
 
Урок #3. Создаем плавную анимацию перехода изображений.
Предыдущая тема Следующая тема Вернуться к началу 
Страница 1 из 1

Права доступа к этому форуму:Вы не можете отвечать на сообщения
Гильдии Мастеров | Hobbies :: Фотошоп :: Уроки фотошоп-
Перейти: