Ваш браузер устарел. Рекомендуем обновить его до последней версии.
Урок №1 - Создание анимации при помощи фильтра - Шум

Урок №1 - Создание анимации при помощи фильтра - Шум

Опубликовано 14.04.2014

В этом уроке мы будем создавать самую простую анимацию - анимацию при помощи фильтра - Шум. Данный фильтр встроен в программу Photoshop. Познакомимся с инструментом Лассо, научимся с ним работать. В уроке подробно описано - как открыть картинку в фотошопе,  где расположен инструмент - Прямолинейное Лассо,  как им выделять объекты в картинке, урок  подробно иллюстрирован картинками. Научимся сохранять созданную анимацию в формате .gif в папке на своем компьютере

Вот эта анимация создана фильтром - Шум.

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

 

 Открыв картинку в фотошопе, сразу проверте ее размер, т.к. вы могли скачать картинку размером от 1024 пикселей. Учитесь сразу создавать картинки нормального размера, чтобы не пугать ими своих друзей, выставляя "простыни", которые не поместятся в гостевой.

В верхней панели - Изображение - Размер изображения

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

Анимационная картинка - картинка, создающаяся на нескольких слоях. Сейчас у нас в панели слоев - всего один слой. Создаем дополнительные слои, для этого нажимаем  на клавиши - Ctrl + J четыре раза - в панели слоев у нас теперь пять слоев. Почему именно пять?  Можно создать и три слоя, но начиная от пяти слоев - эффекты смотрятся лучше - плавнее и  естественнее.

Закрываем глазки на всех слоях - оставляем открытым глазок на первом ( нижнем) слое, делаем его активным - щелкаем по нему левой клавишей мышки и он станет синим по цвету - синий - активный слой - работаем всегда на активном слое

Нам необходимо выделить участки на картинке, к которым мы будем применять фильтр Шум. Для этого выбираем инструмент - "Прямолинейное лассо"

При выборе инструмента - Лассо, необходимо задать ему параметры для работы. На верхней панели расположены кнопки - рассмотрим их

1- Новая выделенная область - нажимаете на нее, если вам нужно выделить всего один объект на картинке.
2- Добавить к выделенной области - необходимо его активировать, если на картинке вы  будете выделять несколько областей.
3- Вычитание от выделенной области - если вы выделили что то лишнее на картинке, то активируйте его, обведите то, что выделили лишнее и оно удалится.
4- Пересечение с выделенной областью - здесь думаю объяснять излишне - все понятно из названия.

Мы активируем кнопку №2 и обведем те участки, к которым будем применять фильтр - Шум. Если вам плохо видно или участки, которые вы выделяете мелкие, то можно увеличить изображение - нажмите комбинацию на клавиатуре - Ctrl + "+" - картинка приблизится/увеличится в окне, Ctrl + "-" - картинка уменьшится. Ставим мышку к началу того участка, что выделяем, щелкаем левой клавишей и перемещаемся по контура - щелкнули - переместили.  Не пугайтесь, если  в первое время изображение будет метаться у вас - немного навыка и тренировки и все будет в порядке. Вокруг выделенного участка появится контур

Добавляем к выделенному участку шум, для этого открываем закладку в верхней панели инструментов  - Фильтр - Шум - Добавить шум

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

Не снимая выделения с области - отключаем глазок на первом слое, открываем на втором и делаем его активным - щелкаем по нему мышкой, чтобы он стал синим

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

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

Первый кадр в панели анимации - это первый слой панели слоев. Нам нужно создать анимацию из слоев, для этого нажимаем на треугольничек в панели анимации и выбираем команду - Создать кадры из слоев

В панели анимации появилось пять кадров. Зададим задержку кадров, для этого выделим - все кадры - первый кадр выделен - зажимаем клавишу Shift  и щелкаем левой клавишей по последнему кадру - все кадры выделятся

Задаем время задержки анимации - нажимаем на треугольничек в одном из кадров, в окне выбираем время задержки или задаем свою - выбрав функцию - Другое - время задержки добавится ко всем кадрам. Не забудьте выставить значение воспроизведения анимации - Навсегда
Я выбрала задержку 0,2 сек и смотрим, что у нас получилось

Если вам все нравится, то сохраняем картинку в папке на компе. В верхней панели инструментов открываем - Файл - Сохранить для Web и устройств

 

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

 

Вот видите - все не так и сложно.  Главное не бояться и все у вас получится! Творческого вам вдохновения и красивых работ! Всем  удачи.

 

При копировании урока - активная ссылка на первоисточник - Обязательна,  уважайте мой труд. Спасибо.