1 Уроки ImageReady Анимация СНЕГА Пт Окт 01, 2010 7:10 am
Admin
Admin
Здравствуйте, сегодня я расскажу вам, как в Photoshop сделать анимированную аватарку с падающим снегом
Шаг 1.
Создаем новый документ (Ctrl+N) 150 х 150px.
Шаг 2.
Пока сверните этот документ и создайте новый, 150 х 300px
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Заливаем слой черным цветом (тогда на нем будет видно белые снежинки)
Далее, нам нужно, что бы были отображены линейки. Нажмите ”Ctrl+R”, для их отображения. После этого щелкните правой кнопкой мыши по верхней или боковой линейке и выберите ”Pixels”:
Берем инструмент Move Tool (V) [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] , зажимаем курсор на верхней линейке и “вытягиваем” оттуда направляющую и делим наш документ пополам ставим направляющую на 150рх
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Создаем новый слой (Shift+Ctrl+N) и располагаем выше первого
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
И теперь используя белый или голубой цвет, кистью СНЕЖИНКИ создаем снег в верхней части нашего изображения. Снежинки не должны выходить за направляющую.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Теперь дублируем слой с нашими снежинками (Layer > Duplicate Layer или Ctrl+J), берем инструмент Move Tool (V) [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] , зажимаем ”Shift” и переносим копию в нижнюю часть изображения (главное, что бы наши снежинки не сдвинулись по горизонтали, именно для этого мы зажали Shift):
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Далее зажимаем ”Ctrl”, щелкаем в окне слоев по двум слоям с нашими снежинками, для их выбора и нажимаем ”Ctrl+E” для их объединения
Далее инструментом Move Tool (V) [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] переносим эти снежинки на документ, созданный в первом шаге. Обратите внимание, что после переноса, нижний угол одного документа совпадал с нижним углом другого (я отметила его крестиком):
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Закройте второй документ (на котором мы делали снежинки).
Шаг 3.
Далее:
1) Если у вас Photoshop CS2 и ниже, то выполняем “File > Edit in ImageReady”, для перехода в “Image Ready” .
2) Если у вас Photoshop CS3, то вам не нужно запускать “IR”, а просто нужно открыть окно анимации, “Window > Animation”.
Создаем новый кадр (”Duplicates selected frames”), в списке слоев выбираем слой с нашими снежинками (тот который мы делали во втором шаге), берем инструмент Move Tool (V), зажимаем ”Shift” и двигаем слой с нашими снежинками вниз.
Как вы помните, высота этого слоя 300px, и снежинки там повторяются. Мы это сделали для того, что бы анимация движения наших снежинок была плавной, без скачков.
Сейчас ваша задача, передвинуть слой так, что бы верхняя половина снежинок, расположилась на тех же местах, где были снежинки из нижней половины. Т.е. при переключении с первого на второй кадр и обратно, визуально изменений быть не должно, но при этом на первом кадре видно нижнюю половину слоя, а на втором верхнюю. (Для точного позиционирования слоя, используйте стрелки на клавиатуре). Надеюсь понятно объяснила [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 4.
Теперь создадим промежуточные кадры.
Выбираем второй кадр и нажимаем на кнопку “ Tweens animation frames”.
в появившемся окне выставляем “Tweens with: Previous Frame”, “Frames to Add:20” и нажимаем ”Ok”. После этого у вас должно получиться 22 кадра, удалите последний (выберите его и нажмите на кнопку ”Deletes selected frames”.
И на этом наша анимация закончена. Вам остается только нажать ”Shift+Alt+Ctrl+S” и сохранить аватар в формате .GIF.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Автор: Spirit of love]
Шаг 1.
Создаем новый документ (Ctrl+N) 150 х 150px.
Шаг 2.
Пока сверните этот документ и создайте новый, 150 х 300px
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Заливаем слой черным цветом (тогда на нем будет видно белые снежинки)
Далее, нам нужно, что бы были отображены линейки. Нажмите ”Ctrl+R”, для их отображения. После этого щелкните правой кнопкой мыши по верхней или боковой линейке и выберите ”Pixels”:
Берем инструмент Move Tool (V) [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] , зажимаем курсор на верхней линейке и “вытягиваем” оттуда направляющую и делим наш документ пополам ставим направляющую на 150рх
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Создаем новый слой (Shift+Ctrl+N) и располагаем выше первого
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
И теперь используя белый или голубой цвет, кистью СНЕЖИНКИ создаем снег в верхней части нашего изображения. Снежинки не должны выходить за направляющую.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Теперь дублируем слой с нашими снежинками (Layer > Duplicate Layer или Ctrl+J), берем инструмент Move Tool (V) [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] , зажимаем ”Shift” и переносим копию в нижнюю часть изображения (главное, что бы наши снежинки не сдвинулись по горизонтали, именно для этого мы зажали Shift):
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Далее зажимаем ”Ctrl”, щелкаем в окне слоев по двум слоям с нашими снежинками, для их выбора и нажимаем ”Ctrl+E” для их объединения
Далее инструментом Move Tool (V) [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] переносим эти снежинки на документ, созданный в первом шаге. Обратите внимание, что после переноса, нижний угол одного документа совпадал с нижним углом другого (я отметила его крестиком):
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Закройте второй документ (на котором мы делали снежинки).
Шаг 3.
Далее:
1) Если у вас Photoshop CS2 и ниже, то выполняем “File > Edit in ImageReady”, для перехода в “Image Ready” .
2) Если у вас Photoshop CS3, то вам не нужно запускать “IR”, а просто нужно открыть окно анимации, “Window > Animation”.
Создаем новый кадр (”Duplicates selected frames”), в списке слоев выбираем слой с нашими снежинками (тот который мы делали во втором шаге), берем инструмент Move Tool (V), зажимаем ”Shift” и двигаем слой с нашими снежинками вниз.
Как вы помните, высота этого слоя 300px, и снежинки там повторяются. Мы это сделали для того, что бы анимация движения наших снежинок была плавной, без скачков.
Сейчас ваша задача, передвинуть слой так, что бы верхняя половина снежинок, расположилась на тех же местах, где были снежинки из нижней половины. Т.е. при переключении с первого на второй кадр и обратно, визуально изменений быть не должно, но при этом на первом кадре видно нижнюю половину слоя, а на втором верхнюю. (Для точного позиционирования слоя, используйте стрелки на клавиатуре). Надеюсь понятно объяснила [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Шаг 4.
Теперь создадим промежуточные кадры.
Выбираем второй кадр и нажимаем на кнопку “ Tweens animation frames”.
в появившемся окне выставляем “Tweens with: Previous Frame”, “Frames to Add:20” и нажимаем ”Ok”. После этого у вас должно получиться 22 кадра, удалите последний (выберите его и нажмите на кнопку ”Deletes selected frames”.
И на этом наша анимация закончена. Вам остается только нажать ”Shift+Alt+Ctrl+S” и сохранить аватар в формате .GIF.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Автор: Spirit of love]