-Рубрики

 -Я - фотограф

 -Поиск по дневнику

Поиск сообщений в Маша-Машулька

 -Подписка по e-mail

 

 -Сообщества

Читатель сообществ (Всего в списке: 1) Наши_схемы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.11.2010
Записей: 3049
Комментариев: 80
Написано: 3477


Без заголовка

Четверг, 18 Ноября 2010 г. 23:22 + в цитатник
Цитата сообщения mariflash Урок анимации в Photoshop "Создаем снегопад".

Создаем снегопад.


Эффект падающего снега можно создать разными способами. Сегодня я расскажу о наиболее простом.

Для выполнения урока нам понадобятся зимние картинки и кисти для Photoshop зимней тематики. Я приготовила две сборки


  • зимнии кисточки.
  • Зимнии картинки

Теперь откроем наш Photoshop CS3, CS4 или CS5 и палитру Анимация - Окно>Анимация.




Я выбрала для анимации вот эту фотографию пользователя Lastivka


Этапы создания анимации падающего снега


Создаем три дополнительных новых слоя. Называем их соответственно - "Рабочий", "Снежный1", "Снежный2".

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


Посмотреть на Яндекс.Фотках

Теперь, сделав активным слой "Снежный1" и, не выключая слой "Рабочий", возьмем любую зимнюю кисточку со снежинками и нарисуем снегопад на этом слое.


Посмотреть на Яндекс.Фотках


Посмотреть на Яндекс.Фотках


Посмотреть на Яндекс.Фотках

Не забудьте поменять цвет для рисования снегопада на белый.

Далее нарисуем снегопад на слое "Снежный2". Для этого сделаем его активным - выделим его. Слой "Снежный1" надо отключить (убрать рядом с ним глазок), чтобы он нам не мешал увидеть то, что мы нарисуем на слое "Снежный2"


Посмотреть на Яндекс.Фотках

И так, у нас есть картинка для анимации, рабочий слой, как подложка для того чтобы лучше видеть снегопад на "Снежных" слоях и слои с нарисованным снегопадом. Из этого мы и будем делать анимацию, используя методику размножения кадров анимации. Cсылка на этот урок- Анимация с нуля. Урок третий. Часть первая.. Можете еще раз его почитать. Следуя этой методике нам надо создать как минимум 2 кадра анимации. Первый кадр у нас уже есть изначально. Нам необходимо только расположить в этом кадре слой "Снежный1" и слой "Снежный2" А расположение будет таким :

Делаем активным слой "Снежный2" при выключенном слои "Снежный1". Переходим на инструмент "Перемещение" и поднимаем слой "Снежный2" к самому верху картинки, чтобы его практически не было видно.


Посмотреть на Яндекс.Фотках

Включаем слой "Снежный1". Он должен закрывать всю картинку. И только теперь отключаем синий "Рабочий слой" Первый кадр анимации готов.


Посмотреть на Яндекс.Фотках


Посмотреть на Яндекс.Фотках

Обратите внимание, что оба "Снежных" слоя должны быть включены, а синий "Рабочий" - выключен.

Создаем второй кадр анимации и располагаем в нем "Снежные" слои в нужном нам порядке. Для этого опять включите синий "Рабочий" слой, для того чтобы было легче ориентироваться с расстановкой основных "Снежных" слоев. Затем выделите(сделайте активным) слой "Снежный1" и переместите его вниз картинки, а после выделите слой "Снежный2" и сдвиньте его вниз к слою "Снежный1". Можно чтобы слой "Снежный2" чуть-чуть как бы накрыл слой "Снежный1". Теперь можно выключить синий "Рабочий" слой. Второй кадр анимации готов. Синий "Рабочий" слой можно удалить.


Посмотреть на Яндекс.Фотках


Посмотреть на Яндекс.Фотках


Посмотреть на Яндекс.Фотках

Теперь используя палитру Анимация создаем промежуточные кадры.


Посмотреть на Яндекс.Фотках

Я, в диалоговом окне, выставила их количество - 13, а последний кадр,чтобы замкнуть цикл снегопада, удалила. Выделяем все оставшиеся 14 кадров и выставляем время задержки 0.1 сек.


Посмотреть на Яндекс.Фотках


Посмотреть на Яндекс.Фотках


Посмотреть на Яндекс.Фотках

Смотрим что у нас получилось.


Посмотреть на
Яндекс.Фотках

Сохраняем полученную анимацию. Файл>Сохранить для Web и устройств. Формат(расширение файла) указываем gif. Подробнее о сохранении анимации можно прочитать Анимация с нуля. Урок Второй. Сохраняем Анимацию.




Вот еще пример такой же анимации.


Из блога




Серия сообщений "Уроки фотошоп":

Часть 1 - Урок 76. Применение маски
Часть 2 - видео-уроки по теории фотошоп
...
Часть 49 - Урок фотошоп от Колибри. Рисуем тыкву.
Часть 50 - Урок фотошоп от Колибри. "Распускающийся цветок".
Часть 51 - Урок анимации в Photoshop "Создаем снегопад".


Рубрики:  фотошоп/уроки
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку