Регистрация
Вход
Главная
Анимация светофор
Уроки фотошопа, анимация, рамки для фото. Приветствую Вас Гость | RSS Четверг
13.12.2018
21:29
Меню сайта

Рекламма

Форма входа

Рекламма

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

                                         Урок 1. Анимация светофор.
    Как сделать простую анимацию светофор, что нам потребуется минимум  четыре отдельных   изображения  для того, чтобы создать анимированный  светофор: на нем должны меняться цветовые огни, а затем, нужны отдельные картинки, на которых будут гореть разные цвета светофора.  Для этого нам понадобится программа фотошоп и немного времени. Откроем фотошоп cs4 в меню (файл, создать) откроется окно  «новый»  задаем параметры (название, ширину, высоту, прозрачный фон) нажимаем «ок».  В созданной рабочей плоскости рисуем светофор .
                

 Нам нужно сделать несколько таких кадров. Чем больше будет таких кадров тем лучше, но у на простая анимация. Нужно сделать 4 слоя, для этого в окне слои правой кнопкой мышки выбираем слой, в меню выбираем «создать дубликат слоя» делаем 3 слоя на каждом слое перекрашиваем круги второй в желтый, третий в зелёный на каждом слое отдельно. Вот что должно получиться.
         
 Теперь нам нужно оживить картинку. Для этого заходим в меню «окна»  нажимаем анимация в появившемся окне делаем 4 кадра.
         
 Второй и четвертый у нас одинаковые. Стоит отметить что мы создаем самый примитивный ролик из возможных, в котором будет всего четыре кадра. Если бы мы стремились добиться максимальной реалистичности ролика, необходимо было бы выполнить гораздо больше работы. Прежде всего огни светофора зажигаются и гаснут не моментально, поэтому потребовалось бы несколько промежуточных кадров при смене огней, в каждом из которых один сигнал угасал, а второй – зажигался. Кроме того, если посмотреть на настоящий светофор, то мы увидим, что во втором кадре должно гореть два сигнала: красный и жёлтый, а в четвёртом – только жёлтый. Но   мы создаём самый простой ролик.Пример со светофором проще ещё по одной причине: взяв за основу имеющееся (или созданное) изображение светофора, мы можем изменять его, а не рисовать каждый кадр заново.  По этой причине мы начнём именно с данного примера. Но прежде нам необходимо будет познакомиться  с теми механизмами Фотошоп, которые обеспечивают работу с анимацией.   И так начнем анимацию в первом кадре делаем видимым первый слой, во втором кадре делаем видимым второй слой, в третьем кадре третий слой, в четвертом кадре опять делаем видимым второй слой. Теперь настраиваем время показа и сколько раз. Дальше сохраняем для WEB устройств в формате GIF. Ну вот и все.
Поиск

Календарь
«  Декабрь 2018  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31

Друзья сайта
На этом сайте работа в интернете вы узнаете как заработать в интернете на своем сайте и без его.


Яндекс цитирования
Анимация, уроки фотошопа и ещё много всего интересного по фотошопу. Anigifmy © 2018Бесплатный хостинг uCoz